Learn Html Css Javascript From Scratch

Learn HTML, CSS, and JavaScript from Scratch

Beginner

36 Lessons

10h

Certificate of Completion

This is a beginner-friendly course on learning HTML, CSS, and JavaScript interactively by creating functional web apps, such as to-do lists and carousels.

AI-POWERED

Explanations

Explanations

This course includes

1 Project

140 Playgrounds

41 Challenges

23 Quizzes

30 Illustrations

This course includes

1 Project

140 Playgrounds

41 Challenges

23 Quizzes

30 Illustrations

Course Overview

This course will teach you the fundamentals of creating web applications, from the basics of creating web pages with HTML, stylizing content with CSS, all the way to building interactivity into a page using JavaScript in the browser. Instead of watching tedious videos and wondering how to translate those videos into real code, you'll be practicing what you learn through interactive, test-based exercises within minutes. Along the way, you'll be able to produce functional modules, including an image carous...Show More

TAKEAWAY SKILLS

Javascript

Front End Development

Learn To Code

Html

Css

What You'll Learn

Creating basic pages with HTML

Styling HTML content with CSS

Basic programming in JavaScript

Adding interactivity through DOM

Course Content

1

Semantic Web Page Layout with HTML

What is HTML?Attributes and Hyperlinking Headings and Lists Inline vs. Block Elements and Divs id and class Attributes The img Element Delving into Semantics HTML Tables HTML Forms

2

Stylizing HTML Content using CSS

What is CSS?Introduction to the Cascade Basic CSS Selectors Selector Combinations The Box Model Color Font Styling and Web Fonts Text Alignment and Sizing

3

Introduction to Javascript, Basic Data Types and Operators

What is Javascript?Numbers Strings Booleans Undefined / Null

4

Javascript Program Flow and Data Structures

Program Flow: Functions Program Flow: Conditional Statements Program Flow: Loops Data Structures: Arrays Data Structures: Objects Functions Are Just Variables More on Objects: this Keyword

5

Building Interactivity with DOM Manipulation

Accessing DOM Elements Adding / Removing Elements Modifying Element Attributes Event Listeners Modifying CSS Building an Image Carousel

Create a To-do List Application using HTML, CSS, and Javascript

Project

6

Wrap Up

1 Lesson

COURSE AUTHOR

Show License and Attributions

Show License and Attributions

How You'll Learn

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

Videos are holding you back. Educative‘s interactive, text-based lessons accelerate learning — no setup, downloads, or alt-tabbing required.

Learn faster and smarter with adaptive AI tools embedded in every Educative course.

Built-in assessments let you test your skills. Completion certificates let you show them off.

Part of the Front-end Developer Learning Path

Path Cover

Become a Front-end Developer

Go from complete beginner to creating interactive websites using HTML, CSS, and JavaScript.

4 Modules

Recommended Courses

BEFORE STARTING THIS COURSE

AFTER FINISHING THIS COURSE