A Simple Web Front End Development Roadmap for Absolute Beginners

Begins with the big picture to start off your path to front end web developer.

For beginners, it’s easy to get overwhelmed by the various learning sources. So, understanding what to learn first and how to learn is critical to eventually become a developer. This post is focusing on Full-Stack Web Development.

Why do you learn to code?

In other words, are you aware of the power you obtained from coding.

Start learn to code (learn the very basics)

Learn some basics of HTML

Play with some HTML using some free online tools such as https://www.w3schools.com/html/default.asp, and https://www.freecodecamp.org/learn/responsive-web-design/

Learn some basics of CSS

CSS can be very complex. So do not get in stuck with the intricacy of it. Just start with the basics (https://www.w3schools.com/css/default.asp, https://www.freecodecamp.org/learn/responsive-web-design/), and keep improve it bit by bit over time.

Learn some basics of JavaScript (TypeScript)

Below are some good qualify online tutorials to get you familiar with JavaScript.

https://javascript.info/

Learn NodeJS

NodeJS is a JavaScript runtime runtime built on Chrome’s V8 JavaScript engine, which is how JavaScript is executed outside the browser, and can be used to build APIs on the backend server.

Get better at coding

Project based learning

After learning the very basics of HTML, CSS, and JavaScript (probably within 1 ~ 2 weeks), it’s time to build projects. Yes, learning through building projects is the most efficient way to become a developer. You don’t have to start with a complex project, but just a very simple static webpage. And slowly make it more beautiful using CSS, and then slowly add features or functions using JavaScript.

For example, pick an app you personally use and love and build a clone or a similar product. I still remember I told a friend I wanted to build an app similar to Canva. Why? Because I use Canva myself, and it’s a great product. So why not building something close it. For one thing I could practice my coding skills, and if it’s good enough, considering releasing it to public. Although I didn’t finish the app, I learn a lot through the process.

Choose your path

You could apply for a job as a developer, or build softwares for your clients as freelancer, etc. Either way, the coding skills will empower you to make a huge difference in your life and career. Keep striving for a better of yourself with coding skills.

--

--

Software Developer | Ph.D. in Medicine https://twitter.com/amy_juan_li https://www.youtube.com/@amyjuanli amyjuanli.gumroad.com

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store