Frontend development has taken the world by storm in the last decade with extreme progress in all web technologies (HTML, CSS, JS, etc.) sponsored and led by the biggest software companies in the world. It is arguably one of the highest paid, the most in-demand and satisfying job in the software industry for quite some time. This is the best time to learn it if you havenโt started already ๐!
Here is an exhaustive list of web resources that will help you to become a great Frontend developer in 2019.
- Mozilla Developer Network for frontend (Html, CSS, Js, etc.) code reference and learning ๐ค. This will be your code holy book ๐ and you should follow it religiously!
- caniuse.com to check โ cross-browser compatibility of frontend technologies.
- kangax-js-compat-table to check โ JavaScript versions (ES5, ES6, ES2016+ etc.) compatibility across different compilers, servers/runtimes and platforms (Desktop and Mobile).
- web.dev to learn about web ๐ท fundamentals from Google Developers ๐จโ๐ป.
- v8.dev to learn about Googleโs open-source high-performance Javascript and WebAssembly engine ๐ฆธโโ๏ธ that empowers Chrome and NodeJS.
- css-tricks to learn everything about CSS ๐ป. Period.
- htmlreference.io, cssreference.io to have an HTML/CSS visual guide ๐คฉ and code reference bookmark.
- javascript.com, javascript.info to start learning about Javascript ๐ผ.
- ponyfoo.com to get valuable content about the Open Web platform ๐ธ๏ธ.
- smashingmagazine.com to get professional resources for web designers ๐ค and developers.
- freecodecamp.org to build frontend projects and collaborate with the community ๐จโ๐ซ.
- frontendmasters.com to advance ๐ฅ your skills with in-depth, modern frontend courses.
- codecademy.com, udemy.com, pluralsight.com, lynda.com to do free and paid ๐ด online code courses.
- egghead.io to learn the best JavaScript tools and frameworks from industry pros ๐.
- alligator.io to quickly understand seemingly-difficult frontend code concepts ๐ฎ.
- leanpub.com to easily write, publish and sell in-progress and completed ebooks ๐ and online courses.
- frontendfront.com to stay updated with the latest web news, trends and conferences ๐ฃ happening all over the world ๐.
- uptodate.frontendrescue.org to follow frontend leaders ๐ , find the best resources, attend conferences, get inspired and build your stuff.
- medium.com to discover, read ๐ and write ๐ related articles.
- twitter.com, instagram.com to follow people you like, discover what they do ๐ and share your work.
- producthunt.com to discover and submit ๐ฏ new products.
- codepen.io to build, test ๐ง and discover frontend code.
- jsfiddle.net to build demos for libraries/framework documentation ๐ and fiddle with frontend code.
- repl.it to learn, build, collaborate and host your ideas in one place ๐คฉ.
- codesandbox.io to build โ๏ธ and share web applications using cutting edge technologies.
- github.com to host and review ๐ง code, manage projects and build software ๐ค alongside millions of developers.
- stackoverflow.com to get answers to your toughest coding questions ๐, share knowledge with your coworkers in private, and find your next dream job.
- hashnode.com to connect with developers all around the world and grow your career ๐ค.
- dev.to to share and discover great ideas, have debates and make friends ๐.
Well, that's a wrap!
Do you like this list? Did I miss any essential web resources that you feel should be added?
Please let me know in the comments or collaborate on Github. Let's talk!
Disclaimer: All these resources have been chosen on popularity, relevance and effectiveness metrics. Their presence will certainly enhance your frontend developer portfolio but you can always pick and choose them :).