Introduction

I found out about coding like many other tech enthusiasts out there, just surfing the web looking for nothing in particular. Although coding was impressive I didn't know how to start, where to go, what to learn first so I got discouraged and left it. 😔😔😔

My school also closed and I came back home, I didn't have anything doing (well I did rehearse piano sometimes buh.. you get the point) I decided to use my PC learn web dev in 6 months. Then, tragedy struck ( daun dahn daahn!), My PC processor got bad. I didn't know what to do next 🤧

After about a week, I started wondering, is it possible to learn web development with just an Android phone? Learning web Dev is isn't that hard, learning without proper equipment (a PC) ? Now that's a challenge 🏋️

Roadmap

And I'm talking about modern Frontend web Dev. So I decided to come up with a map It was almost April 1 This is the road map I came up with -->

Major:

HTML - 3-5 days
CSS(and good design principles understanding) - 1½ months
JavaScript - 3 months
Git - the entire 5 months

Extra:

React
Sass
jQuery

And I'll be done in time for Christmas 🎅🏾.

Tools:

Well first I needed a place to write it, that won't make my experience as horrific as coding in MS word.

This took time but after a ton research and lots of testing I gathered the following apps sorted in order of descending order of complexity: (Higher complexity = Higher memory usage)

I finally picked Spck Editor although Spck Editor lags sometimes so I also kept TrebEdit standby.

HTML/CSS:

I didn't know where to start. Bit one thing was certain... I wanted to become Web Dev in no time. Then I found crash courses 😇 I took:

HTML freecodecamp
CSS freecodecamp (I didn't quite understand much towards the end of this one though)

I needed some reference guides because I kept/ keep forgetting lots of things 😅(gimme a break it's been hardly 2 months 🛀)

So I used the following: Sites:

Ebook

HTML and CSS by Jon Duckett

Apps

Next, after getting some of the basics I needed to build my design sense. The only way to do this was to learn from the masters. So I watched lots of YouTube videos from these channels and lots of random portfolio reviews to build my design sense:

Online Tutorials
Dev Ed
Design course
Flux
Satori graphics (this one is actually about graphics designing but I watched it to build my understanding of design principles)

Then I decided to do 1 project per day for 8 days With this I was done with the basics of HTML and CSS in no time I was already considered really good in less than 3 months

Onward!!!

JavaScript

After I became familiar with Spck Editor and HTML/ CSS, I started JS (It was already May) With another crash course of course! 😎 I went through the following courses again and again for 2 weeks.

I won't deceive you, this wasn't easy It took about a month to be familiar with the DOM Next I Did some more projects to solidify my knowledge and started downloading and watching YouTube videos from the following channels:

I started trying out some challenges.

I did the #100_days_of_code challenge.
I tried some single div challenges.
I tried Florin Pop 10 projects challenge.

I couldn't finish all but I became way better after making attempts (Lesson: just keep trying.

I started checking out React during the last week July. I couldn't use React with Spck Editor because it required data. So I found another app called "Astro for react and node.js" ( I'll write a tutorial on it soon). After about a week and half. It became overwhelming so I left it.

I did a few other projects. Like the Frontend of this one --> ( Do you remember how we met?firsttime2020.herokuapp.com/user/Princecode.. )

With this I was already a good Frontend developer 🥳🥳🥳 Although it took slightly longer than I planned currently 5½ months (August)

Git

One big mistake is I didn't start using GitHub until the last month 🤧. And it took a while to get the hang of ( I'll make an article on how to use GitHub with Spck Editor soon.)

Extras

After learning JS to a good extent. I decided to go to the extras.

Sass

Sass was easy I could easily write sass in Spck Editor it was a no-brainer Took a day to start using Sass.

Decided to learn...

jQuery

Learning jQuery wasn't easy, I just couldn't understand it.

React

A story for another time... 🛀🛀🛀

Conclusion

And that's how I became a Frontend developer in 6 months

If this worked for me, it can work for you too. Just persevere and keep coding. Shout out to freecodecamp , Dev Ed , Design Course These guys made this challenge possible.

Some of the projects I made :