Skip to main content

HTML, CSS and JavaScript

Beginner11 Hours 43 Minutes66 Lesson Videos75 Test Questions

$99.00

Learn to build websites from scratch with HTML, CSS and JavaScript, then add responsive design, APIs and Git. 11 hours 43 minutes across 66 video lessons, ending with your own portfolio site.

  • Login details sent straight after payment
  • Self-paced. Study on any device
  • StemBoss Certificate of Completion
  • 14-day refund promise

Secure checkout. Pay by card, Apple Pay or Google Pay.

Download the course outline (PDF)

HTML, CSS and JavaScript is an online course that teaches you how to build web pages and simple web apps from the ground up. It is for beginners and for designers who want to code, and it starts with how the web works before moving on to layout, styling and interactive features. The course runs for 11 hours 43 minutes across 66 video lessons, with 75 test questions.

What you will learn

  • How websites and browsers work together
  • How to structure a page with HTML
  • How to style pages and control layout with CSS
  • How to add interactive features with JavaScript
  • How to make pages work on phones and desktops with Bootstrap
  • How to fetch and show live data using APIs and AJAX
  • How to track your code with Git version control
  • How to check your code and help pages load faster
  • How to use AI tools to help you write and improve code
  • How to build a portfolio website to show your work

Topics covered

  • Web basics: how the web works
  • HTML: page structure and content
  • CSS: styling, layout and CSS frameworks
  • JavaScript: logic and interactivity
  • Responsive design with Bootstrap
  • Working with APIs and AJAX
  • Version control with Git
  • Code validation, performance and AI-assisted coding
  • Building a portfolio website

Who this course is for

  • Complete beginners who want to learn web development
  • Designers who want to build what they design
  • People who already know some code and want to fill gaps
  • Anyone aiming for a first role in front-end web work

Before you start

You do not need any coding experience. You will need a computer, a web browser and a free code editor so you can follow along and build your own pages. Typing out each example yourself, rather than only watching, will help the skills stick.

Jobs this course supports

  • Front-end developer
  • Web designer
  • Full-stack developer (as a first step)
  • UI/UX designer

Skill level

Beginner
Duration

11 Hours 43 Minutes
Videos

66 Lesson Videos
Questions

75 Test Questions
Prerequisites

None. The course starts with how the web works.
Best for

Aspiring web developers, web designers, career changers into tech
Topics covered

How the web works, HTML structure, CSS styling, JavaScript, responsive design with Bootstrap, APIs and AJAX, Git version control, portfolio website
Format

Online video lessons, self-paced
Language

English
Certificate

StemBoss Certificate of Completion

What is inside this course

10 modules and 66 lessons. Here is the full outline.

Module 1: Getting Started with Web Development5 lessons
  1. 1.1 Introduction to Web Development
  2. 1.2 How the Web Works Clients, Servers, and HTTPHTTPS
  3. 1.3 Setting Up Your Development Environment (VS Code, Prettier)
  4. 1.4 Introduction to Git & Version Control
  5. 1.5 HTML, CSS, JavaScript The Big Picture
Module 2: HTML Foundations8 lessons
  1. 2.1 HTML Basics: Structure, Tags, and Attributes
  2. 2.2 Text Formatting, Lists, and Headings
  3. 2.3 Links, Navigation, and Anchors
  4. 2.4 Working with Images and Multimedia
  5. 2.5 Forms and Input Types
  6. 2.6 Tables, Accessibility & Semantic HTML
  7. 2.7 Validating HTML with W3C Standards
  8. 2.8 Best Practices & Clean Code
Module 3: Styling with CSS12 lessons
  1. 3.1 CSS Basics: Selectors, Properties, and Values
  2. 3.2 Box Model: Margins, Padding, Borders
  3. 3.3 Typography: Fonts, Colors, and Line Heights
  4. 3.4 Positioning: Static, Relative, Absolute, Fixed
  5. 3.5 Introduction to Flexbox for Layouts
  6. 3.6 CSS Grid for Advanced Layouts
  7. 3.7 Media Queries & Mobile-First Design
  8. 3.8 CSS Variables and Custom Properties
  9. 3.9 Pseudo-elements & Pseudo-classes
  10. 3.10 CSS Animations & Transitions
  11. 3.11 Writing Maintainable CSS (BEM, File Organization)
  12. 3.12 Performance Optimization: Lazy Loading & Best Practices
Module 4: Bootstrap, Fast and Efficient CSS6 lessons
  1. 4.1 Introduction to Bootstrap and the Grid System
  2. 4.2 Bootstrap Components: Buttons, Cards, Forms, and Modals
  3. 4.3 Customizing Bootstrap with CSS
  4. 4.4 Using Bootstrap Utilities for Rapid Prototyping
  5. 4.5 Best Practices for Responsive Design with Bootstrap
  6. 4.6 Bootstrap vs. Custom CSS: When to Use Which?
Module 5: JavaScript Fundamentals10 lessons
  1. 5.1 Introduction to JavaScript: Variables and Data Types
  2. 5.2 Operators, Expressions, and Type Coercion
  3. 5.3 Conditionals: if, else, switch
  4. 5.4 Loops: for, while, forEach, for...of
  5. 5.5 Functions: Regular, Arrow Functions, and Parameters
  6. 5.6 Working with Arrays & Objects (Methods, Iteration)
  7. 5.7 Scope and Closures: Understanding this
  8. 5.8 JavaScript Debugging and Console Methods
  9. 5.9 Writing Clean JavaScript Code (Best Practices)
  10. 5.10 ES6+ Features (Destructuring, Spread & Rest Operators)
Module 6: Interactive Web Pages with JavaScript and DOM7 lessons
  1. 6.1 Understanding the DOM and How Browsers Render Pages
  2. 6.2 Selecting and Modifying Elements (querySelector, getElementById)
  3. 6.3 Event Handling (click, keydown, mouseover, input)
  4. 6.4 Creating and Removing Elements Dynamically
  5. 6.5 Form Handling and Validation
  6. 6.6 Local Storage & Session Storage
  7. 6.7 Real-World DOM Project: Interactive Form with Validation
Module 7: Working with APIs and AJAX6 lessons
  1. 7.1 Introduction to APIs and AJAX
  2. 7.2 Fetch API: Making HTTP Requests
  3. 7.3 Handling JSON Data in JavaScript
  4. 7.4 Form Submissions with JavaScript
  5. 7.5 Error Handling and Debugging API Calls
  6. 7.6 Real-World API Project: Fetching & Displaying Data
Module 8: AI-Assisted Coding4 lessons
  1. 8.1 Introduction to AI-Powered Coding (GitHub Copilot, ChatGPT)
  2. 8.2 Using AI to Generate HTML & CSS Code
  3. 8.3 Using AI to Optimize JavaScript
  4. 8.4 Best Practices for AI-Assisted Development
Module 9: Web Hosting and Deployment3 lessons
  1. 9.1 What is Web Hosting? (Netlify)
  2. 9.2 Deploying a Website Using Netlify
  3. 9.3 Security Considerations for Deployed Websites
Module 10: Final Project : Building a Portfolio Website5 lessons
  1. 10.1 Structuring the Portfolio with HTML & Bootstrap
  2. 10.2 Styling the Portfolio with CSS & Animations
  3. 10.3 Adding JavaScript for Interactivity
  4. 10.4 Implementing Form Handling & Validation
  5. 10.5 Publishing & Sharing Your Portfolio

Your learning path

Where HTML, CSS and JavaScript fits. Build your skills one step at a time.

You are hereHTML, CSS and JavaScript
Next stepOWASP Top 10: Essential Web Application Security Risks

Frequently asked questions

Can a complete beginner take this course?

Yes. It starts with how the web works and builds up step by step, so no coding experience is needed.

Does the course cover responsive design?

Yes. You learn responsive design principles and how to use Bootstrap so your pages work well on phones, tablets and desktops.

Will I build a real project?

Yes. The course leads you through building a portfolio website that shows your skills and projects.

Does the course teach Git?

Yes. You learn the basics of version control with Git to save and manage changes to your code.

Is AI used in this course?

Yes. One part shows how to use AI coding tools to help write, check and improve your code.

Do I get a certificate?

Yes. You get a StemBoss Certificate of Completion when you finish the course.

Can I get a refund?

Yes, within 14 days if you have completed less than 20% of the course. See our refund policy for details. Read the refund policy.

Related courses

$99.00
Buy course