How I become a full stack JavaScript developer from PHP in 2019
Tags: javascript, node, react, php
Published: 2019-12-31 13:13:02

I learned a lot of new things in 2019. I switched myself into a Full Stack JavaScript developer from a Full Stack PHP developer. I’m going to tell you how I did it. It is a personal story if you don’t want to know about my journey then simply skip it. 

In the first part of the year, I was jobless and looking for a job because my startup plan didn’t work. My tech stack was in January 2019
- Laravel (PHP)
- A little bit about JavaScript
- Bootstrap, Materialize
- Html & CSS

__Extra__
- Python a bit
- UI Design 
- Adobe Illustrator & Photoshop

I was gaining more knowledge about all the stuff, so it took time to get me job-ready and working again. 

![level up developer](https://media.giphy.com/media/VKedbq3P6TyLe/giphy.gif)
<figcaption>um trying to be good developer in 2019 (giphy)</figcaption>

Lets divided my year how I’ve spent it. I can break my year into three parts. Let’s call it – First phage, second phage, third phage, and fourth phage. 

![um so funny](https://media0.giphy.com/media/3oriO13KTkzPwTykp2/giphy.gif?cid=790b7611ec0cf9204d9f5c83259375126db5ed0ccf7ce5e0&rid=giphy.gif)
<figcaption>um laughing at my naming skills (giphy)</figcaption>

My naming skills are awesome. Please don’t laugh!

#First Phage (January – February)
In January I mainly researched the local job market and listed down the skills I need to get for a good job. I mean a job which is not junior and salary is a little bit better than my last job. Also In January, I convert my girlfriend into my wife. So there was a wedding vibe all month and finally, I admitted to masters in January.

![weeding vibes](https://media1.giphy.com/media/l41m0MZzfp7yEND1K/giphy.gif?cid=790b7611f0aaa2bfc618b578dd3e839b98e40ea4e32e9d73&rid=giphy.gif)
<figcaption>Newly married vibes (giphy)</figcaption>

In February I make my portfolio better and listed some dummy projects to show the recruiters. So I make some projects and start applying to jobs. I was making a good Laravel project so that I can show it to the company and get a Laravel job. So I spend all the time spending on creating some dummy projects and applying to a job. I made a new resume too in this phage. 

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/3z4flqk93i0bqqsmdpgx.png)
<figcaption>Newly married vibes (giphy)</figcaption>

In this phage, I was making myself ready for the market again. Because I left my last job in Sept 2018. 

__Main points of this phage are__
- Good resume
- Good Linkedin Profile
- Some dummy project for showcasing

#Second Phage (March to June)
I divided this into a phage because I got a job in March and left it in June. When I gave the interview they selected me for the PHP programming and they send me to another office for working as a MAGENTO developer. While I didn’t even know how to run a MAGENTO website.

![Okay](https://media2.giphy.com/media/3o7qEbo6tICqk5JG1O/giphy.gif?cid=790b7611eae4dbb5a08ab9255cf980c904e1c31aa3977af3&rid=giphy.gif)
<figcaption>finally got the job (giphy)</figcaption>

But the recruiter said that I can learn while job, so I give a try on MAGENTO, but I hated it. Even hated it so much that I’ve written a blog on it. You can read it from https://blog.nerdjfpb.com/why-i-dont-like-magento-2/ here.

![Angry](https://media2.giphy.com/media/9o9dh1JRGThC1qxGTJ/giphy.gif?cid=790b7611da33146a6771697eadba6e405218826e70c38172&rid=giphy.gif)
<figcaption>my feeling when I run magento on a 4gb old laptop in my office(giphy)</figcaption>

In April my Upwork profile got accepted! I was so excited to work on the Upwork and when I came into Upwork I saw there is less job on the PHP side and people hire to work on React, Node and some other technologies. So I started to learn about the React. This is where all started. I was never excited too much about JavaScript because I was in more interested Python. Python looks cool to me but when I see the job posts and everything I decided to learn JavaScript new frameworks. 

![Angry](https://media1.giphy.com/media/hVYVYZZBgF50k/giphy.gif?cid=790b7611c0d396b936e1a1f4fe2fdd0a6dfe1ab5c62a5bbf&rid=giphy.gif)
<figcaption>my feeling when I run magento on a 4gb old laptop in my office(giphy)</figcaption>

I started to learn React JS without knowing proper JavaScript. I never worked so much with JavaScript so it was hard for me when started. I followed many tutorials. I tried to make websites as fast as I can because I was trying to move from my job. Because MAGENTO was so painful. Finally, I left my job in June and focus on my Upwork and Fiverr profile.

In this phage, I decided to move from PHP. Reasons are 
- In my country without having 3-5 experience on your resume, you’ll never get a good salary job. You’ll get a low salary job which is equal to a React junior job. This thing buzzes me a lot.
- The trend is going to javascript so I thought I can give a try.
- I can get a remote job because there are many positions on React and Node.
- Magento made me hate PHP. Because of the project I’ve worked on Magento, it took a lot of time to load on the local machine. It was so hard to work on. So I choose to leave PHP.

![Zeroo](https://media1.giphy.com/media/3oz8xMbKLAkRLHYNgI/giphy.gif?cid=790b7611f3f5a8b9f5216527e773991bbabc83c2168c6411&rid=giphy.gif)
<figcaption>I was like why god why I need to learn again from zerooooooo! (giphy)
</figcaption>

__Main points of this phage are__
- Deciding to leave PHP and start JavaScript
- Upwork profile
- Decided to work from home and learn more things

#Third Phage (July – September)
This is a sad phage for me honestly. Because Upwork changed their rule at this time. So I had to buy connects for applying in the job. Also, the market was really unstable at the time. So it was really hard for me to make profile better. But I did and got the RISING Talent Badge on the Upwork, but In September Upwork banned me. They didn’t tell me the exact reason, they just give a message and I applied again but they didn’t approve. So I had to left my Upwork and focus on building my social media so that I can get a project offer from any social media. I had my Fiverr profile also, but I wasn’t getting any orders from there. So it was hard in September. But it changed my last phage.

![Imfine](https://media1.giphy.com/media/l22ysLe54hZP0wubek/giphy.gif?cid=790b761150d75405438731691335faa481d47971fc55f6b5&rid=giphy.gif)
<figcaption>When Upwork profile got banned and I didn’t even know the exact reason (giphy)</figcaption>

Because I’ve already gained some knowledge. My tech stack was in September
- React
- Node
- Express js
- MongoDB

__Main points of this phage are__
- Got banned from Upwork. Which help me to focus on social media and building community
- Learned more about MERN stack
- Start learning a lot of different things in this phage because I wasn’t doing a 10-6 job. I had the time and invested it in my skills to grow.

#Fourth Phage (October – December)
This is the last phage of this year. I worked hard on this part to use more what I’ve learned.
![Workinghard](https://media3.giphy.com/media/JIX9t2j0ZTN9S/giphy.gif?cid=790b7611c3526c071b3e2a001d0b173e0abb8947fc798555&rid=giphy.gif)
<figcaption>Um working so hard to use my knowledge fully (giphy)</figcaption>

I am working with a senior developer on his project so that I had to learn GraphQL also and I love the idea of GraphQL. This can save a lot of time. But also everything comes with pros and cons! So my final tech stack is 
- React
- Express
- SQL and NoSQL
- Graphql

__Main points of this phage are__

- Starting doing a mini-series on Node (learn node in 30days)
- Start posting on Instagram, Linkedin & Twitter regularly
- Focusing on learning more in next year
- Also focusing on teaching while learning

So now I am going to discuss more how I’ve changed myself into a Full Stack Javascript developer. 

![resources](https://cdn.dribbble.com/users/746578/screenshots/6323500/zugot_2.gif)
<figcaption>I going to give some resources what I’ve follower.
animation by https://dribbble.com/damirperic</figcaption>

#Frontend (React JS Learning)
First I’ve started with learning the frontend. I learned about React JS then I start making some dummy projects on React JS. I’ve added those into my profile. finally, I started to work on some client react project. I watched a lot of tutorials on React JS, from youtube, from udemy. I did a lot of research and learned how React JS works, why we used it, what problems it solved and many more. 
I’ve like to mention some courses and things you can use for learning 
- https://zerotomastery.io/blog/learn-to-code-in-2020-get-hired-and-have-fun-along-the-way check this one. This is an amazing article about how you can learn coding in 5 months and work in a company. Sadly it was not in my time when I was learning but this one is a great guide to learn and get a job.
- I mostly followed Mosh Hamedani react tutorial, which is a really good one for starting. I completed the whole thing. https://codewithmosh.com/p/mastering-react
- I completed Andrei Neagoie course of a complete web developer. Where he teaches about React and Express. Well, I recently finished it. But it was a good course.  https://www.udemy.com/course/the-complete-web-developer-zero-to-mastery/ 
- I watched The net ninja tutorials for React also. I finished https://www.youtube.com/playlist?list=PL4cUxeGkcC9i0_2FF-WhtRIfIJ1lXlTZR this one but there is a better version now you can check https://www.youtube.com/playlist?list=PL4cUxeGkcC9ij8CfkAY2RAGb-tmkNwQHG In this version he added Redux too. You can search “the net ninja react” on youtube to get more tutorials on react, he has amazing tutorials.
- Finally, I started a Book named “Learning React: Functional Web Development with React and Redux”. Didn’t finished it yet.
- I am also interested to check out two React courses in 2020. First one is by Andrei Neagoie https://www.udemy.com/course/complete-react-developer-zero-to-mastery/ and the second one by Andrei Mead https://www.udemy.com/course/react-2nd-edition/

![thisisalot](https://media0.giphy.com/media/wONkjqOHlEl62zgqzG/giphy.gif?cid=790b76114f090ff69df046ede606ab2fb5bccb5a62ca1d87&rid=giphy.gif)
<figcaption>If you think this is a lot, I did all over around 6 months, so be patient and remember this is marathon. (giphy)</figcaption>

#Backend (Node JS & Express Learning)
After learning a bit of React, I understand that I need to learn about Node too. I can choose python(Django) but I wanted to stay in JavaScript . So I choose Node JS and start learning.

I’ve like to mention some courses and things you can use for learning 

- I started with Mosh Hamedani node js course https://codewithmosh.com/p/the-complete-node-js-course Because I was loving his React course. I still didn’t complete the whole series, there are some left. But I can code for production using express js now.
- I also watched the net ninja tutorials. About the node, you can check https://www.youtube.com/playlist?list=PL4cUxeGkcC9gcy9lrvMJ75z9maRw4byYp this one. 
- I mainly learn node from working on a project and facing problems. I think the backend course wasn’t good enough to write a whole site and organize it properly. There were many missing pieces. So I’m interested to take Andrew Mead https://www.udemy.com/course/the-complete-nodejs-developer-course-2/ this course in 2020. Hope this will answer some of my questions. 

![backend](https://media2.giphy.com/media/3o7btPCcdNniyf0ArS/giphy.gif?cid=790b76119a025302bfeee4db7fc3fd3254f7d664a3adf7ed&rid=giphy.gif)
<figcaption>so many packages (giphy)</figcaption>

#Databases 
I learned about the database by working. While taking the node courses, I learned about MongoDB and loved it. Then for a client project, I learned about PostgreSQL but I think there is a lot of things to learn.

![database](https://cdn.dribbble.com/users/1594122/screenshots/5274379/test.gif)
<figcaption>having good knowledge on database is needed to be better backend developer, so if possible work on this side too.
designed by https://dribbble.com/mishatsvetkov</figcaption>

#Rest API & GraphQL
Before this year, I didn’t know much about API. Because when I worked with Laravel and my old projects, I didn’t have to use API. So I didn’t know much about it. I learned it this year properly and finally know about GraphQL too. I used youtube mostly to learn about Graphql. 

I’ve like to mention some courses and things you can use for learning 

- https://www.youtube.com/playlist?list=PL55RiY5tL51rG1x02Yyj93iypUuHYXcB_ this one is a great playlist for learning GraphQL.
- You can also check out Andrei Neagoie new course about React JS where we teach about GraphQL too https://www.udemy.com/course/complete-react-developer-zero-to-mastery/ I didn’t complete yet, so I’m interested to complete it in 2020.
- I am interested to take Andrei Mead course of GraphQL in 2020 https://www.udemy.com/course/graphql-bootcamp/

![more](https://media0.giphy.com/media/l0Exdm9UbTHAFcJi0/giphy.gif?cid=790b7611b2f383eefc20fde1488fe2b44c2a1184ae0caa6b&rid=giphy.gif)
<figcaption>Yes! You need to learn about graphql and rest api to be a better developer now a days. work on it (giphy)</figcaption>

##I want to mention some people & resources which help to gain all this knowledge. 
__(All these are paid)__
- Andrei Neagoie I am a big fan of him. Love the way he teaches and explains. He has some awesome tutorials on Udemy. You can check out – https://www.udemy.com/user/andrei-neagoie/
- Mosh Hamedani tutorials look great. But I think there can be improved in React & Node courses. Like he never showed how to work with files and other stuff. But he wrote about it on the blog, I found it later. Check this out – https://programmingwithmosh.com/
- Andrei Mead is my new found, I’m loving his tutorials. I didn’t start so much, but I’m going to start in 2020. Check this out – https://www.udemy.com/user/andrewmead/

__(Free)__
- I found this channel while searching for a Javascript topic. The way he explains. Too awesome. https://www.youtube.com/user/shiffman
- You can check the net ninja anytime https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg he has many tutorials on JavaScript
- And finally the crush course king. Check this out for any crush courses – https://www.youtube.com/user/TechGuyWeb
- You can check out https://www.youtube.com/channel/UC8butISFwT-Wl7EV0hUK0BQ for learning a topic in one video. This is completely free and you can earn a certificate by https://www.freecodecamp.org/ coding here. 
- I found DEV ED recently and this guy has amazing tutorials on his channel. Worth checking it – https://www.youtube.com/channel/UClb90NQQcskPUGDIXsQEz5Q
- Another good channel I found this year. You can check this out –https://www.youtube.com/channel/UCFbNIlppjAuEX4znoulh0Cw

__(Some conference videos I liked)__
- For functional programming https://www.youtube.com/watch?v=e-5obm1G_FY
- About Deno https://www.youtube.com/watch?v=z6JRlx5NC9E
- Advanced Async and Concurrency Patterns in JavaScript https://www.youtube.com/watch?v=Qg1SvpIau6U
- 10 Things I Regret About Node.js https://www.youtube.com/watch?v=M3BM9TB-8yA

So this is the story of how I changed myself into a JavaScript full stack from a PHP full-stack.

![theEnd](https://media2.giphy.com/media/eY1JD4KPG4HMk/giphy.gif?cid=790b76119f9bf1a7461c3ed620059ef816ab31119444e7c2&rid=giphy.gif)
<figcaption>finally. it’s over! (giphy)</figcaption>

###This is not all the tutorials and stuff I watched and learned this year. I learned about some design too. Because I think design is needed to be a better full stack developer. If you have time, you can learn some designing too.

If you need me for anything you can always message me.

Originally it published on [nerdjfpbblog](https://blog.nerdjfpb.com/how-i-become-full-stack-javascript-developer-from-php-developer-in-2019/). You can connect with me in [twitter](https://twitter.com/nerdjfpb) or [linkedin](https://www.linkedin.com/in/nerdjfpb/) or [instagram](https://www.instagram.com/nerd_jfpb/)  !