So you've finally decided to learn about web development. Great! There is so much to explore and learn on the web end. I've been developing numerous apps, games, extensions, plugins, APIs, servers, etc. on the web from last 5 years and I'm still learning new things.
Before starting, realize a few things:
- It takes time to achieve everything. Motivation will initiate you but determination will keep you going. Do not start if you are not determined yet.
- Never hesitate to take help. But always hesitate to take help before attempting to solve your own problems. Things do not always work at one go, they never do. That's how you learn.
You will find haters
You'll find tons of people discouraging you on the way with articles like:
and the memes like
Heck! I am not a blind fan, but I truly believe these people want to program in a language which throws empires down if you put 2 semicolons instead of 1 somewhere (C is that you?)
You will suck
Your coding practices will suck! You'll make global variables almost all the times! You will make code that runs slow! You'll crash your browser tab with infinite loops (I still do that sometimes, lol)!
You will code those snippets which the haters above will use to prove their point! But remember! An enterprise developer does not code the way you did! Appreciate that and keep learning with the correct belief that you are heading towards that person.
It all happens! You have to be patient enough to learn things and go beyond this phase.
Remember, the more you practice, the better it becomes. Are you ready for the real meat? Lets start!
How to start?
Once you do that, feel proud! You're a developer </> now!
Start with HTML/CSS
I've seen people starting off with REACT framework without even understanding how to create a proper and scemantically valid HTML5 document! Lets call this person Bill. Don't be Bill. You'll end up wasting a lot of time learing that you shouldn't be learning this way.
Be like John.
Literally, you can achieve so much just with HTML5/CSS3 at your hands! CSS3 makes it possible to achieve dynamic things (like animations) without JS touched at all!
Try to touch on all those aspects (though you won't find yourself animating stuff all the time, unless you want to be a UI/UX designer)
Once you're comfortable with HTML/CSS basics, move over to the bad boy JS.
A lot of resources are waiting for you at the bottom of this post! Don't miss them out ;)
Pick up something and start doing! I still remember how I started off learning jQuery (a simple JS library). I made a tic-tac-toe game using jQuery on web.
It sucked. UI, UX, JS. Everything. But it was fun! And that's what matter in learning! It was fun to code, and I learned quite some stuff while building that! And it was fun too!
Pay attention why I am repeating learning and fun so much! There is so much to do that if you're not enjoying doing it, you will eventually back off. Your determination will fail. WILL FAIL.
I gurantee you that. Unless you have a very strong reason to learn JS (like getting a job in 3 months or you're going bankrupt), you WILL give up if you don't enjoy the process.
The only way to not give up and to not not enjoy the process is to build something you like with some something you're learning. Works 10/10.
The fastest way to learn web development is hop on to stackoverflow.com and see what others are asking. See if you can answer the questions there. If yest, great! You're on your way. If no, wait for a while and let others post their answers. Then analyze how they answered the question.
A little discussion in comments with the people won't hurt either.
Read Some Books
Practical knowledge is important. I believe 1000% on that fact. However, books can help you to speed up things if you combine books + practice. With that being said, I'd like you to introduce you to one of my books on ECMAScript 2017 which is essentially ES8.
The take away from this article should be, if you're beginning, find as many small projects as you can and start coding them by yourself. Doing it yourself teaches so many things! You'll make so many mistakes and that is the only way to teach yourself. Good luck!
- MDN (HTML/CSS): https://developer.mozilla.org/en-US/docs/Web/HTML and https://developer.mozilla.org/en-US/docs/Web/CSS
- My Book (JS): https://www.packtpub.com/web-development/learn-ecmascript-second-edition
- codedamn videos of course (JS) ;) https://www.youtube.com/watch?v=xi1fV0ACavc&list=PLYxzS__5yYQlwfMje_MxQPb18tXtCJbfR
- codedamn mobile app: coming soon!
Subscribe to The Daily Awesome | codedamn
Get the latest posts delivered right to your inbox