1. Start with the Basics
No matter what kind of developer you want to be (front-end, back-end, full-stack or mobile - we'll explain these later), we'd always recommend learning the basics of HTML & CSS first. These are the core building blocks that make up every web page you see in a browser.
HTML & CSS Crash Course
2. Choose a Language
Now you know the essentials of how to make a website with HTML & CSS, it's time to crank it up a notch by learning your first programming language to add interactivity to your site. We'd recommend learning the basics of JavaScript, followed by TypeScript, because both of these can be used for front-end and backend web development.
3. Choose a Path
Now you have a core skill-set, it's time to decide what path you'd like to take next. Do you want to tackle back-end development, learn how to make API's & interact with databases? Or do you want to hone your front-end skills and learn more about CSS & UI libraries? Alternatively, you might want to learn about mobile development using a framework like Flutter.
Whatever path you choose, you can always change if you like. So don't fret too much right now. Maybe get a small taste of each one using the courses below.
Remember, you can get access to every single course with a Net Ninja Pro subscription for just $9/mo.
Learn More3.1 Front-end Development
Front-end development primarily consists of making things look & work great in a browser, by using HTML, CSS & JavaScript (and front-end libraries).
3.2 Back-end Development
Back-end development is all about writing server-side code to handle requests. It's a wide field which includes topics like API's, databases and authentication.
3.3 Mobile Development
Mobile development is all about making cross-platform applications that can run on multiple platforms - like mobiles, tablets & desktops.
4. Next Steps
Once you've had a taste of the different pathways, it's time to focus on your favourite topics & become a coding ninja. Why not try one of these for starters: 🍿
Web Frameworks
If you're really enjoying front-end development, why not try a framework like Next.js or Nuxt? These are great tools for making dynamic web apps which come loaded with features like routing & reactivity.
Take the Next.js Masterclass
Coding Challenges
Why not put your new found web development skills to the test by trying some front-end coding challenges? They're a great way to solidify the things you've learnt so far.
Check out the Coding Challenges
Try a New Language
If you want to try something completely different, maybe give the Go a try. It's a really fun programming language invented by Google.
Check out the Golang CourseLooking for something more?
Check out our huge course library for hundreds more tutorials.
Web development is a HUGE topic, and it's easy to get overwhelmed. Tutorials a GREAT for learning new topics, but they're no substitution for practise & project building. So always try putting your skills to the test by making new applications for your portfolio 💪
Also, remember to check out the 📢 Net Ninja Community Board for advice & to share your journey with other aspiring web devs 🙂
Get instant access to Every Single Course by subscribing to Net Ninja Pro for just $9/month.
First month HALF PRICE with promo code NEWNINJA
That's a whole month of goodness for the price of a 🍕