How to get started in web development in 2020

sepsol

Sepehr Soltanieh

Posted on July 29, 2020

How to get started in web development in 2020

Hello world! Hope you're all doing well. This is my first post on dev.to. The inspiration for this article comes from a tweet, I really wanted to help Gourav and share my experience with you guys.

  1. Start with some introductory courses like this on Codecademy.com and/or this on Lynda (LinkedIn Learning) by Simon Allardice. It doesn't matter which programming language you pick as your first. You'll have to learn many in your developer journey anyways. Often times people are suggested to go either with Python or JavaScript. I would suggest JavaScript as it is very easy to learn and has a very great and helpful community.

  2. If you liked your first exposure on step 1, now you can proceed to step 2. Here you have to first learn HTML and CSS as they are crucial for every developer these days. I found The Net Ninja channel very helpful on YouTube for free step-by-step introductory courses. Here's the playlists I suggest from him for this step:

    1. HTML Tutorials For Beginners
    2. HTML & CSS Crash Course Tutorial
    3. CSS Tutorials For Beginners
    4. CSS Positioning Tutorials
    5. CSS Flexbox Tutorial
    6. CSS Grid Tutorial
    7. Responsive Web Design Tutorials
    8. Responsive Web Design Tutorials
    9. Mobile-First Responsive Build (with CSS Grid)
  3. Now you're ready to review everything and build simple websites with your HTML & CSS knowledge. I would recommend using freeCodeCamp.org for this. You can also have a look at the learning path they are offering to new developers and follow that! At this stage you are ready to complete their "Responsive Web Design Certification" and do their take-home projects for putting your knowledge to test.

  4. I would then suggest you to learn how to work with Git and GitHub for version control. Along the way you'll probably get familiar with Git Bash and learn some Bash commands. You can watch these playlists on Git and you'll be fine:

    1. Git & GitHub Tutorial for Beginners
    2. Git & GitHub - Managing Your Code
    3. Git & GitHub
  5. Now it's time for you to start learning your first programming language - JavaScript! It's better that you choose an IDE at this stage. I would suggest that you go with the industry standard Visual Studio Code. If you need help learning how to work with this IDE, you can have a look at this playlist by Codevolution. After that you are ready to learn some JavaScript. There are a lot of wonderful playlists out there for learning JavaScript. I would suggest these:

    1. Modern JavaScript Tutorial
    2. JavaScript Tutorials for Beginners
    3. JavaScript ES6 Tutorials
    4. JavaScript DOM Tutorial
    5. Beau teaches JavaScript
  6. After this you are ready to put your knowledge to test once more at freeCodeCamp.org with "JavaScript Algorithms and Data Structures Certification" and do some more projects for your portfolio.

  7. You should now have a good judgement of programming and be able to use google and StackOverflow to solve for problems. If you need a little bit more introduction to programming, then I'll definitely 100% suggest you to take Harvard's CS50: Introduction to Computer Science free online course or Base.CS Podcast.

  8. You should now decide which path you want to take for the rest of your learning journey. I went with learning React and React Native on the front-end. You can watch this video by Traversy Media on YouTube to see what paths are available to you in the JavaScript world.

  9. Whichever path you choose, here are some other useful resources that might help you along your way:

I hope this was helpful. If you liked this article please like, share, and comment your learning path and favorite resources down below.

💖 💪 🙅 🚩
sepsol
Sepehr Soltanieh

Posted on July 29, 2020

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related