It's been about two years since I first wrote my first line of code and about a year since I started coding professionally, it's been a fun filled experience full of hard work, commitment, rejection, doubts, imposter syndrome and every other mix of emotions.
One of the common problems people face when starting out and even after being waist deep in tech is figuring out the right way to go, the right stuff to learn, the right courses to buy, the right people to look up to, the right path to follow. It never ends.
I get a lot of DMs from techies on twitter asking me to recommend courses and materials. I got about four this week and being a lazy person, I couldn't find the strength to send personalised replies for each of them so I have decided to compile a comprehensive list (from first ever till current) of all of the courses/articles/books and other materials that have helped me become a better developer today and add them to this blog post. Enjoy!
- Course Link: https://youtu.be/PkZNo7MFNFg
- Prerequisites: None
#2 The Complete Web Development Bootcamp By Angela Yu
- Course Link: https://www.udemy.com/course/the-complete-web-development-bootcamp/
- Prerequisites: None
Stumbling on this pdf was very random. I think I was just doing google searches and ended up with this one. I decided to read & study with an aim to learn new stuff.
- Prerequisites: Basic understanding of HTML & CSS.
After this thriller with Traversy, I knew I was ready without any doubts. I did a number of projects after this course, here's one of them - Github Profile Scanner. Ohh, and I also enrolled for the HNG internship a few days after completing this course.
- Prerequisites: Basic understanding of HTML & CSS and Bootstrap.
#5 Responsive Web Design Course - FreeCodeCamp
There isn't much to say here. When I was searching for where to understand CSS, Grids, Flexbox properly, I visited FCC and they didn't disappoint.
Most of the things I know In CSS today is just this course, flexbox froggy, css tricks blog (God bless this team massively) and MDN docs, and reading other people's css codes to discover new rules.
- Course Link: https://www.freecodecamp.org/learn/responsive-web-design/
#6 Vue Js Crash Course
So during my internship at HNG, I got added to project where Vue JS was required. I had gone so far in the internship even without knowing any frameworks but at this point, I was forced to learn Vue JS. Even though I knew React was what I had on my learning bucket list, I felt I could give Vue JS a chance to see how it goes.
Here's a tiny todo list project I built to practice Vue JS - kadettodowithvue.netlify.app
- Course Link: https://www.youtube.com/watch?v=qZXt1Aom3Cs
#7 React Front To Back - Brad Traversy
Yeah, I finally felt ready enough to join the bandwagon.
I found Traversy's videos so appealing so anytime I'm trying to learn something new, I always append "Traversy" to my searches. I got this course on udemy and finally got started with React JS.
I learnt react to a moderate level on this course and also built a few practice projects. I found react easier to understand than Vue JS, honestly don't know why it had to be the opposite for me cus people always say Vue is easier to understand.
- Course Link: https://www.udemy.com/course/modern-react-front-to-back/
* * * * * * * * *
Hello Friend 👋🏽, Break Time
I'm tired of typing.... so let's talk a little. Soooooo, one thing you should know is, watching so many tutorials doesn't help you get better, what helps you get better is doing stuff/practicing/building with whatever you've learnt in these tutorials.
After completing the react course, I didn't just stop there, there's a lot of articles, short videos, googling, and READING DOCUMENTATION in between.
Frankly speaking, getting to this point (I mean having followed though all the courses I mentioned up there), you're now like an 18 year old American High school graduate because you're now almost certainly OYO - On your own. Nobody will spoon feed you with courses for basic stuff anymore, you'll have to figure out what tools you need to use for your next projects and READ THE DOCS! (or maybe watch a crash course in youtube but you get the point, reading documentation is a high value skill).
Most times, you watch tutorials and the tutors just install a library and start using it like they have some superpowers or they know something you don't. That's not true, most times, it's because they have read the documentation before making the tutorial videos. Nobody stores all the syntax for libraries and tools in their heads, as long as you know the basics and can read and know where to find the docs, you'll be a great.
* * * * * * * * *
#8 Introduction To Next Js - Scott Moss x FrontendMasters
I was introduced to this course by seyi early this year, January I think. Scott Moss did an awesome Job in teaching the basic concepts of how Next Js Works as well as Server side rendering (SSR), Client side rendering, Static Generation (SSG) and he also explained when to use which. So if you're confused about all these buzz words, this is the right course for you.
I must mention, The Next JS docs is one of the most comprehensive I've come across so if you're pretty solid in react, reading the docs alone could make you really good in Next JS.
- Course Link: https://frontendmasters.com/courses/next-js/
#9 Complete React Developer By Andrei Neagoie
I got this udemy course earlier this year just because I felt there's still a lot I need to learn about in react and one thing that caught my attention in the course outline was "Redux". I never really had a need to learn redux up until the day I wasn't considered for a job interview just because I have zero experience with redux . So I got this course because It promised to teach me redux alongside every other thing I need to know about react.
At the end of, it was well worth it, I learnt advanced react, PWAs, HOCs, React Architecture patterns, Redux, learnt more about firebase and security rules and configs, learnt how to setup a Gatsby site, learnt how to use redux sagas and redux thunk middle-wares properly, learnt how to optimise for performance in react, how to create custom hooks, and a lot more. In-fact, i would say this course is a better option than Traversy's React Front To Back course which I mentioned above.
Even though this course clearly covers more topic than the React Front To back course, I recommend getting both and watching react front to back first then proceed to this one because this one's a little bit advanced and you'll easily get lost, frustrated and discouraged if you haven't had moderate experience with react before. Wouldn't recommend this for a complete beginner.
- Course Link: https://www.udemy.com/course/complete-react-developer-zero-to-mastery/
* * * * * * * * *
There you have it. I think that's up to 80% of all the major resources that I have engaged with from when I started up till this point. Asides full scheme courses, I should also mention stack-overflow, css-tricks, Github issues and threads, all the numerous technical blog posts/articles and finally, twitter/groups/communities because all of these are really great sources of learning new stuff in tech.
What I'm Currently Learning/Doing?
According to my resume, I now work remotely as a frontend engineer at a DeFi startup. I've had to work with new tools, libraries and the trendy Web3/Decentralised web.
You may expect me to proceed to share resources I've used in learning web3 and co but surprisingly, there's none - YET. I haven't really settled down to get a comprehensive course or scheme to teach myself web3. So far, it's all been reading docs, following GitHub threads like a mad person, refreshing the tab and hoping a miracle happens, asking other web3 devs for help and so on but hey, at the end of the day, I got the job done.
Also, I've been battling with an severe weak point in my craft - Animations. I've never really been very great at animations so after running a way for the whole year, I finally got a course on Awwwards.com to get better at creating immersive websites and write better animations.
I hope to share more articles like this as time goes on because - Learning never stops! WAGMI 🙏🏽.