Yiga AI

Course 2 of 19

Modern Web Development

Build and ship responsive web apps with HTML, CSS, JavaScript and React.

Yiga AI

Intermediate en

Intermediate · Course · 4 weeks at 5 hrs/week

Duration
4 weeks
Effort
5 hrs/week
Lessons
25
Hands-on exercises
25
Projects
1
Language
en

What you’ll learn

Skills you can put to work.

How the Web Works

HTML & CSS

JavaScript Fundamentals

Git & GitHub

Syllabus

Every module, step by step.

4 modules · 30 lessons · 20 hours · 1 graded project

1168 minutes of guided lesson time.

Sign in and enrol to unlock every lesson. The first lesson is open as a preview.

Module 1 · 8 lessons · 4.5 hoursStructure with HTMLModule 1 of 4 in Modern Web Development.

  1. Quick start: your first useful AI result

    A 5–10 minute win you can use today.

    Lesson

    8 min

  2. Overview and set-up

    Overview and set-up — Structure with HTML in Modern Web Development.

    Lesson · Locked

    40 min

  3. Core concepts

    Core concepts — Structure with HTML in Modern Web Development.

    Lesson · Locked

    40 min

  4. Worked example

    Worked example — Structure with HTML in Modern Web Development.

    Lesson · Locked

    40 min

  5. Hands-on practice

    Hands-on practice — Structure with HTML in Modern Web Development.

    Lesson · Locked

    40 min

  6. Common pitfalls

    Common pitfalls — Structure with HTML in Modern Web Development.

    Lesson · Locked

    40 min

  7. Applying it at work

    Applying it at work — Structure with HTML in Modern Web Development.

    Lesson · Locked

    40 min

  8. Module quiz: Structure with HTML

    Check what you learned in Structure with HTML before moving on.

    Quiz · Locked

    20 min
Module 2 · 7 lessons · 4.3 hours LockedStyling with CSSModule 2 of 4 in Modern Web Development.

  1. Overview and set-up

    Overview and set-up — Styling with CSS in Modern Web Development.

    Lesson · Locked

    40 min

  2. Core concepts

    Core concepts — Styling with CSS in Modern Web Development.

    Lesson · Locked

    40 min

  3. Worked example

    Worked example — Styling with CSS in Modern Web Development.

    Lesson · Locked

    40 min

  4. Hands-on practice

    Hands-on practice — Styling with CSS in Modern Web Development.

    Lesson · Locked

    40 min

  5. Common pitfalls

    Common pitfalls — Styling with CSS in Modern Web Development.

    Lesson · Locked

    40 min

  6. Applying it at work

    Applying it at work — Styling with CSS in Modern Web Development.

    Lesson · Locked

    40 min

  7. Module quiz: Styling with CSS

    Check what you learned in Styling with CSS before moving on.

    Quiz · Locked

    20 min
Module 3 · 7 lessons · 4.3 hours LockedJavaScript essentialsModule 3 of 4 in Modern Web Development.

  1. Overview and set-up

    Overview and set-up — JavaScript essentials in Modern Web Development.

    Lesson · Locked

    40 min

  2. Core concepts

    Core concepts — JavaScript essentials in Modern Web Development.

    Lesson · Locked

    40 min

  3. Worked example

    Worked example — JavaScript essentials in Modern Web Development.

    Lesson · Locked

    40 min

  4. Hands-on practice

    Hands-on practice — JavaScript essentials in Modern Web Development.

    Lesson · Locked

    40 min

  5. Common pitfalls

    Common pitfalls — JavaScript essentials in Modern Web Development.

    Lesson · Locked

    40 min

  6. Applying it at work

    Applying it at work — JavaScript essentials in Modern Web Development.

    Lesson · Locked

    40 min

  7. Module quiz: JavaScript essentials

    Check what you learned in JavaScript essentials before moving on.

    Quiz · Locked

    20 min
Module 4 · 8 lessons · 6.3 hours LockedBuilding with ReactModule 4 of 4 in Modern Web Development.

  1. Overview and set-up

    Overview and set-up — Building with React in Modern Web Development.

    Lesson · Locked

    40 min

  2. Core concepts

    Core concepts — Building with React in Modern Web Development.

    Lesson · Locked

    40 min

  3. Worked example

    Worked example — Building with React in Modern Web Development.

    Lesson · Locked

    40 min

  4. Hands-on practice

    Hands-on practice — Building with React in Modern Web Development.

    Lesson · Locked

    40 min

  5. Common pitfalls

    Common pitfalls — Building with React in Modern Web Development.

    Lesson · Locked

    40 min

  6. Applying it at work

    Applying it at work — Building with React in Modern Web Development.

    Lesson · Locked

    40 min

  7. Module quiz: Building with React

    Check what you learned in Building with React before moving on.

    Quiz · Locked

    20 min

  8. Graded project: Modern Web Development

    Apply everything from Modern Web Development in one graded, portfolio-ready build.

    Graded project · Locked

    120 min

Applied learning project

Make the learning visible.

Use Graded project: Modern Web Development to apply this course to a practical challenge. You’ll finish with a clear solution and the reasoning behind your choices.

Apply the course’s core skillMake and explain practical decisionsCreate evidence you can share
Mariam K., Software & cloud

Your instructor

Mariam K.

Software & cloud

Helps new developers build reliable products through clear explanations and guided practice.

Diana Nsiiza, Yiga learner

“I use what I learned in my work now, not in some distant future project.”

Diana Nsiiza

Data analyst, Entebbe

Continue with

Your next best step.

Following the order of Full-Stack Web Developer.

See the full chain

Next lesson

Quick start: your first useful AI result

Modern Web Development

8 min · Resume

Course 3 in the track

JavaScript Fundamentals

Syntax, DOM, Events, and more.

Beginner · Course · 4 weeks at 5 hrs/week

Course 4 in the track

Payments for African Apps

Flutterwave, Paystack, MTN MoMo API, and more.

Intermediate · Course · 3 weeks at 5 hrs/week

Course 5 in the track

HTML & CSS

Semantics, Flexbox, Grid, and more.

Beginner · Course · 4 weeks at 5 hrs/week

Learner reviews

What learners say.

Write a review

Sign in to share your experience with this course.

Sign in to review

Loading reviews…

Previous courseTechnical Interview PrepNext courseJavaScript Fundamentals

Keep going

Other courses in this track.

View full track
Technical Interview Prep cover illustration
Career

20 lessons · 16.7h · Advanced

Technical Interview Prep

Structured practice for coding interviews, plus mock interviews with feedback.

Yiga Plus
HTML & CSS cover illustration
Coding

20 lessons · 16.7h · Beginner

HTML & CSS

Semantics, Flexbox, Grid, and more.

Yiga Plus