Frontend Roadmap
Embark on an exciting adventure in frontend development with our curated list of tutorials.
Keep in mind that we're diving headfirst, so be prepared with your basic knowledge of HTML, CSS, and JavaScript.
HTML & CSS
- HTML Crash Course (opens in a new tab)
- Khan Academy Intro to HTML/CSS (opens in a new tab)
- Build a Responsive Website (opens in a new tab)
- Flexbox in 20 Minutes (opens in a new tab)
- Flexbox Crash Course (opens in a new tab)
- Flexbox Zombies(Game) (opens in a new tab)
- Wesbos Flexbox (opens in a new tab)
- Wesbos Grid (opens in a new tab)
Tailwind CSS
- From zero to hero (opens in a new tab)
- Build a Modern Landing Page (opens in a new tab)
- Tailwind Crash Course (opens in a new tab)
Javascript
- Javascript Crash Course (opens in a new tab)
- Javascript 30 (opens in a new tab)
- CodeAcademy Learn Javascript (opens in a new tab)
- Wesbos ES6 for Everyone, (Paid, but highly recommended) (opens in a new tab)
React
- Beginners Guide to React (opens in a new tab)
- React Crash Course (opens in a new tab)
- Next.js Crash Course (opens in a new tab)
- Next.js for Beginners (opens in a new tab)