Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
However, what is probably more important is that you ask yourself how to become a successful one. Because, there is a lot of web developers out there, but not all of them are on the right track to success. The journey takes time and effort, so in this article, I will do my best to equip you with the necessary knowledge and assets for you to become a successful web developer.
HTML & CSS
The next step is to learn the fundamentals of HTML & CSS. CodeSchool’s HTML & CSS learning path
contains great courses that cover a great scope of what is necessary for you to learn, and also have a great pacing. If you’re not satisfied, you could go for Codecademy’s HTML & CSS
course, or try out something harder such as Udacity’s Intro to HTML and CSS
, which has a complete overview and presents you with a challenge. Another alternative is to get a hold of Jon Duckett’s book called HTML and CSS: Design and Build Websites
. Once you have gotten a hold of the basics of CSS, you should improve on how clean it is with one of two methodologies: SMACSS
Less & Sass
Less & Sass are CSS source-to-source compilers that enable you to elegantly write CSS. What they do is that they compile your code and then convert it to regular CSS. Sass is more popular, but Less is easier to learn. WinLess’s Online Less Compiler
offers you a fast and complete overview of Less, with code examples that show you how the Less code is converted into CSS. With SassMeister
you can give Sass a try online, though it doesn’t offer code examples. Essentially they are similar, so you can choose the one that better suits you.
Previously mentioned HTML & CSS learning path by CodeSchool has the information you need on responsive design, but you could also go for Google’s course on Udacity which is called Responsive Web Design Fundamentals
. It’s a great course that covers all the necessary basics. You should know that it's a lot easier to do a responsive design with a framework such as Bootstrap. Bootstrap offers official documentation
that makes it easy for you to start working with it.
In order to learn what AngularJS is and how it improves making web apps, you should check out Design Decisions in AngularJS
, by Misko Hevery, a Google developer. The best course material you can find is on Egghead.io
, which offers both free and paid courses. They will help you learn the basics, such as what a controller, filter or $scope are. One of the best courses is AngularJS Fundamentals
Chrome is one of the best tools a web developer can use, and it will save you a lot of time later on if you master it as soon as possible. In order to get yourself acquainted with DevTools, you should check out CodeSchool’s free course Explore and Master Chrome DevTools
Git (Version Control)
Git is a great tool that enables you to track the changes made to your code so that if anything goes wrong, you can simply revert to a previous state. Furthermore, it makes it possible for you to see the entire history of your code. You can go for CodeSchool’s courses Try Github
and Git Learning Path
to learn Git’s fundamentals.
Task runners are tools that enable you to automate common tasks. For example, when it comes to Less/Sass, you would normally be forced to run the CSS compiler every time you make a change, and manually update the browser. A task runner can be used to look out for changes in Less/Sass, and then automatically compile your CSS and refresh the browser.
The two most popular task runners now are Grunt and Gulp. They basically do the same thing, but Grunt is more oriented towards configuration, while Gulp is shorter to write and pays more attention to the code. Scotch.io offers courses on Grunt
that can help you out.
After you become acquainted with the necessary knowledge and tools, everything comes down to further improving on what you know. Even after starting Ryanswebdesign
, I still follow up on latest changes and trends, as it is key to never stop learning. Educate yourself, keep your code clean, love what you do, and always be willing to share your knowledge with others.