iDevMeet
Dev Track 2.0

Learn in blocks. Build after every lesson.

Follow Web Development, Tailwind, TypeScript, React, and Next.js in order. Every module contains a lesson, quiz, coding exercise, and mini project—then the original iDevMeet project railway waits at the end.

10courses
74modules
333activities

Guided progression

Course blocks

Complete the small activities inside each block before moving to the next technology.

  1. Web Development
    Block 01 · FOUNDATION TO PRODUCTION

    Web Development

    A structured HTML, CSS, and JavaScript path adapted from the Web Dev Interactive Course.

    13 modules65 activities~45 hoursBeginner to advanced
    Open courseSource
    Module 01HTML Foundations
    Lesson· Quiz· Exercise· Review· Project
    Module 02Forms & Accessibility
    Lesson· Quiz· Exercise· Review· Project
    Module 03CSS Foundations
    Lesson· Quiz· Exercise· Review· Project
    Module 04Flexbox, Grid & Positioning
    Lesson· Quiz· Exercise· Review· Project
    Module 05Responsive Design & Motion
    Lesson· Quiz· Exercise· Review· Project
    Module 06JavaScript Fundamentals
    Lesson· Quiz· Exercise· Review· Project
    + 7 more modules
  2. Tailwind CSS
    Block 02 · UTILITY TO DESIGN SYSTEM

    Tailwind CSS

    Utility-first styling, responsive layouts, interaction states, and a complete interface capstone.

    9 modules45 activities~25 hoursBeginner to advanced
    Open courseSource
    Module 01Utility-First Foundations
    Lesson· Quiz· Exercise· Review· Project
    Module 02Spacing & Typography
    Lesson· Quiz· Exercise· Review· Project
    Module 03Surfaces & Interaction States
    Lesson· Quiz· Exercise· Review· Project
    Module 04Flexbox & Grid
    Lesson· Quiz· Exercise· Review· Project
    Module 05Responsive Tailwind
    Lesson· Quiz· Exercise· Review· Project
    Module 06Tailwind Interface Capstone
    Lesson· Quiz· Exercise· Review· Project
    + 3 more modules
  3. TypeScript
    Block 03 · TYPED JAVASCRIPT PATH

    TypeScript

    Seventeen imported modules from first type annotations through advanced conditional and mapped types.

    21 modules88 activities~50 hoursBeginner to advanced
    Open courseSource
    Module 01What is TypeScript?
    Lesson· Quiz· Exercise· Project
    Module 02Primitive Types
    Lesson· Quiz· Exercise· Project
    Module 03Arrays & Tuples
    Lesson· Quiz· Exercise· Project
    Module 04Objects & Interfaces
    Lesson· Quiz· Exercise· Project
    Module 05Functions
    Lesson· Quiz· Exercise· Project
    Module 06Union Types
    Lesson· Quiz· Exercise· Project
    + 15 more modules
  4. React
    Block 04 · COMPONENT PATH

    React

    Ten imported modules covering JSX, components, state, effects, context, refs, and reusable hooks.

    15 modules65 activities~45 hoursIntermediate to advanced
    Open courseSource
    Module 01Getting Started with React
    Lesson· Quiz· Exercise· Project
    Module 02JSX & Rendering
    Lesson· Quiz· Exercise· Project
    Module 03Components & Props
    Lesson· Quiz· Exercise· Project
    Module 04State & useState
    Lesson· Quiz· Exercise· Project
    Module 05Events & Forms
    Lesson· Quiz· Exercise· Project
    Module 06Lists & Keys
    Lesson· Quiz· Exercise· Project
    + 9 more modules
  5. Next.js
    Block 05 · FULL-STACK REACT PATH

    Next.js

    The second half of the imported React course: routing, rendering, server components, APIs, and deployment.

    16 modules70 activities~55 hoursIntermediate to advanced
    Open courseSource
    Module 01Getting Started with Next.js
    Lesson· Quiz· Exercise· Project
    Module 02Routing & Navigation
    Lesson· Quiz· Exercise· Project
    Module 03Layouts & Assets
    Lesson· Quiz· Exercise· Project
    Module 04Static Generation
    Lesson· Quiz· Exercise· Project
    Module 05Server-Side Rendering
    Lesson· Quiz· Exercise· Project
    Module 06Route Handlers
    Lesson· Quiz· Exercise· Project
    + 10 more modules
  6. Machine Learning
    Visual + interactive

    What machine learning actually is, how it differs from normal programming, and the three ways a model can learn — illustrated, then hands-on.

    Open course
  7. Data Training
    Visual + interactive

    How training data is prepared and split, what gradient descent computes, and how to spot overfitting — illustrated, then hands-on.

    Open course
  8. Cybersecurity
    Written tutorials

    How the web actually gets attacked and defended — the OWASP Top 10, password security, phishing, firewalls, and encryption.

    Open course
  9. Ethical Hacking
    Written tutorials

    Why permission is everything, the penetration testing process, CTF competitions, and how bug bounty programmes work.

    Open course
  10. Cloud Computing
    Visual course

    What cloud computing actually is, IaaS vs PaaS vs SaaS, public vs private vs hybrid cloud, and how auto-scaling works — every idea paired with a diagram.

    Open course

Existing iDevMeet library

Exercises & complete projects