Few weeks ago I received an email from a developer asking me for suggestions on how to delve into the front-end world. After having replied to this email, I thought that it’d have been nice to share the same suggestions on my blog. That’s exactly what you’ll find in this post.

html5 css3 javascript logos

HTML

The first language that a front-end developer have to master is HTML. It’s the base of everything you can develop for the web and its knowledge is essential for anyone working on the web. Even more, unless you want to be stuck in the past, you must have a good understanding of the new elements and semantic introduced in HTML5. A good book to start with HTML5 is Introducing HTML5, second edition by Bruce Lawson and Remy Sharp. It’s not very new as it was published in , but most of the information you can find in it are very valuable. Besides, the authors have written it in a very relaxed and informal language, so it’s easy to read. Honestly, this is one the best book I’ve ever read.

CSS

Writing clean and semantic markup is good, but without the knowledge to apply style to it your career won’t go a long way. So, a front-end developer you need to learn CSS too. A good book to read for those starting with CSS is The CSS3 Anthology, 4th Edition by Rachel Andrew. What I like of this book is that instead of merely listing all the CSS properties and their possible values, the author introduces a real problem (even if it’s as simple as How do I set a background for my page using CSS?) and then shows the solution. The latter usually involves the use of a new CSS property that it’s then discussed in details. So, you’ll learn CSS in a funny and more practical way.

JavaScript

Another crucial language to learn is JavaScript. I think that JavaScript shares with PHP a great advance: it’s very easy to get started. You type something in the console of your web browser of choice and something happens. Unfortunately, this is also the reason why several front-end developers lack a good understanding of some of its main features like closures, scope, how the context (this) of a function is set, and so on. If you want a book that starts from the basics I suggest you to read Speaking JavaScript by Axel Rauschmayer. You can buy a paper or a digital copy of his book but it can also be read online for free. Axel maintains a blog where he posts a lot of good tutorials that range from the basics of JavaScript to advanced topics. In case you have a good understanding of the language and you want to take your knowledge to the next level, I suggest buying The secrets of the JavaScript ninja by John Resig (the creator of jQuery) and Bear Bibeault.

jQuery

While I’m talking about jQuery, I can’t help but suggest my upcoming book jQuery in action, third edition. The book starts from the very basic concepts of jQuery and then covers every aspect of the library. Once you’ve read it all, you’ll be able to assert with confidence that you know and can use jQuery as a professional.

Conclusion

Being a front-end developer involves the use of technologies, libraries, frameworks, and tools that I haven’t mentioned in this article. However, for someone who wants to start the career in this field or a beginner, the cited resources should be enough to have a good grasp of these languages. I really hope this article will help you in your path. Keep learning!

Resources for Beginner Front-end Developers
Tagged on: