Web Dev Intro
Front-End Development is hard! You first have to learn to structure webpages through HTML. Then you have to learn how to style elements using CSS. Finally, you have to learn how to make your webpages interactive through JavaScript. Whilst learning how to program, you'll probably also want to learn about Web Design so you can make your websites PRETTY 💋.
After learning the 3 core languages, you find out that there are libraries of code called frameworks which help you develop your websites rapidly. You have CSS frameworks like Tailwind and Bulma. JavaScript frameworks like React and Vue. Learning all these tools requires dozens or even hundreds of hours of practice.
Online Tutorials
To help you master these languages and frameworks, developers around the world have created sites that offer world class tutorials at no cost 🚀! Some sites offer online code editors so you can code along during tutorials. Others offer lecture videos about the many subjects of front-end development. Here are my three favorite sites to learn from:
| Brand | Difficulty | Link |
|---|---|---|
| FreeCodeCamp | Beginner | |
| Odin Project | Intermediate | |
| Scrimba | Beginner |
Tips For Success
- Code everyday for at least 30 minutes
- Remember that it's okay to go back and reference, especially for CSS
- View coding snippets to see how others created components
- Don't skip out on Design, its required for entrepreneurship
- Recreate components you see on other websites
Greatness Over Time
"The secret to your success over many decades has been what now?"
- Gordon Ramsay @ Hell's Kitchen
"Its consistency, its really just working my craft. If I take any breaks, I lose it."
- Tony Hawk @ Hell's Kitchen