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 😃! Frontend development Here is an exhaustive list of web resources that will help you to become a great Frontend developer in 2019. for frontend (Html, CSS, Js, etc.) code reference and learning 🤓. This will be your code holy book 📚 and you should follow it religiously! Mozilla Developer Network to check ✅ cross-browser compatibility of frontend technologies. caniuse.com to check ✅ JavaScript versions (ES5, ES6, ES2016+ etc.) compatibility across different compilers, servers/runtimes and platforms (Desktop and Mobile). kangax-js-compat-table to learn about web 🕷 fundamentals from Google Developers 👨‍💻. web.dev to learn about Google’s open-source high-performance Javascript and WebAssembly engine 🦸‍♂️ that empowers Chrome and NodeJS. v8.dev to learn everything about CSS 😻. Period. css-tricks , to have an HTML/CSS visual guide 🤩 and code reference bookmark. htmlreference.io cssreference.io , to start learning about Javascript 😼. javascript.com javascript.info to get valuable content about the Open Web platform 🕸️. ponyfoo.com to get professional resources for web designers 🤓 and developers. smashingmagazine.com to build frontend projects and collaborate with the community 👨‍🏫. freecodecamp.org to advance 🔥 your skills with in-depth, modern frontend courses. frontendmasters.com , , , to do free and paid 💴 online code courses. codecademy.com udemy.com pluralsight.com lynda.com to learn the best JavaScript tools and frameworks from industry pros 😎. egghead.io to quickly understand seemingly-difficult frontend code concepts 😮. alligator.io to easily write, publish and sell in-progress and completed ebooks 📚 and online courses. leanpub.com to stay updated with the latest web news, trends and conferences 📣 happening all over the world 🌍. frontendfront.com to follow frontend leaders 🏆 , find the best resources, attend conferences, get inspired and build your stuff. uptodate.frontendrescue.org to discover, read 📖 and write 🖊 related articles. medium.com , to follow people you like, discover what they do 🔍 and share your work. twitter.com instagram.com to discover and submit 💯 new products. producthunt.com to build, test 🧐 and discover frontend code. codepen.io to build demos for libraries/framework documentation 📃 and fiddle with frontend code. jsfiddle.net to learn, build, collaborate and host your ideas in one place 🤩. repl.it to build ✍️ and share web applications using cutting edge technologies. codesandbox.io to host and review 🧐 code, manage projects and build software 🤖 alongside millions of developers. github.com to get answers to your toughest coding questions 😁, share knowledge with your coworkers in private, and find your next dream job. stackoverflow.com to connect with developers all around the world and grow your career 🤓. hashnode.com to share and discover great ideas, have debates and make friends 💛. dev.to 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 . Let's talk! Github 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 :).

Alongside

CodePen

Google

Instagram

An Anthology of Essential Frontend Resources to get you through 2019

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

The Noonification: Top 10 CSS Performance Tips (11/14/2022)

100 Stories To Learn About Html5

10 Things You Probably Didn’t Know about Sass

10 Reasons To Use TailwindCSS In Your Next Project

10 Frontend Projects to Take Your Coding Skills to the Next Level

10 Firefox Dev Tools things that you might not know yet

The Noonification: Top 10 CSS Performance Tips (11/14/2022)

100 Stories To Learn About Html5

10 Things You Probably Didn’t Know about Sass

10 Reasons To Use TailwindCSS In Your Next Project

10 Frontend Projects to Take Your Coding Skills to the Next Level

10 Firefox Dev Tools things that you might not know yet

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps