It seems that your browser is not supported by our application.

The Unordinary Story of HTML5

HTML5: First Impressions and Beyond

16 Lessons

Work your way through HTML5 basics, enhancing web pages with multimedia, text formatting, and embedded content.

What's Behind the Term HTML5?

HTML5 Markup Basics

Using HTML <head>

Defining HTML Content

Exercises: Content and Structure

Enriching Web Pages: Rendering Text

Rendering Text: Code Along Exercises

Using Reserved Characters and Symbols in HTML

Adding Paragraphs and Text Breaks in HTML

Enriching Web Pages: Adding Headings

Enriching Web Pages: Adding Lists

Enriching Web Pages: Adding Links

Enriching Web Pages: Adding Images

Lists, Links, and Images: Bonus Fun Exercise!

Old Style: The Omnipotent <div>

Achieving Richer User Experience with HTML

29 Lessons

Enhance your skills in creating richer user experiences with HTML5 semantic elements and multimedia integration.

What it's All About

Structure and Semantics

Other Semantic Elements

World of HTML Tables

Defining a Simple Table in HTML

Spanning Rows and Columns

Markup for Table Headers

Defining Styles for Tables

Table Captions

Compound Tables

Hands On: Scrolling the Table Body

How It Works: Scrolling the Table Body

Making Things Exciting With Multimedia

New HTML5 Markup

How It Works: Using the Video Tag

Hands On: Using the Video Tag

Video Formats

Hands On: Supporting Multiple Video Formats

How It Works: Supporting Multiple Video Formats

Video Resilient Web Pages and the Audio Tag

What You Cannot Do with <video> and <audio>

Hands On: Representing Web Forms in HTML

Forms and Controls

20 Lessons

Deepen your knowledge of creating, using, and validating HTML web forms and controls.

Web Forms Basics

Controls Overview

Hands On: Using Controls to Build Web Forms

How It Works: Using Controls to Build Web Forms

Hands On: Using Controls that Allow Specifying Options

Hands On: Sending and Processing Form Data

How it Works: Sending and Processing Form Data

Hands On: Catching Data at the Server

How it Works: Catching Data at the Server

Using GET and POST

Hands On: Making Use of More Controls

How it Works: Making Use of More Controls

Using Hidden Fields

Using <optgroup> in Dropdown Lists

Using Buttons

Form Validation

Validation Attributes

Validation and JavaScript

Hands On: Painting the Canvas

A Few More Things On HTML

20 Lessons

Investigate advanced HTML elements, inline frames, semantic tags, and HTML5 compatibility tools.

Refining Markup Details

Inline Frames

Custom Attributes

How it Works: Painting the Canvas

Hands On: Vivifying the Canvas

How it Works: Vivifying the Canvas

Hands On: Drawing the Trajectory

How it Works: Drawing the Trajectory

What Else You Can Do with a Canvas

Facing the Past and Future of HTML5

Issues with New HTML5 Tags

HTML5 Tools and Validation

Checking HTML5 Compatibility

Ubiquitous Language of Page Representation

Delving into the Document Object Model

24 Lessons

Master the steps to interact with the DOM for dynamic, responsive web pages using JavaScript.

DOM Basics

Cornerstone of Interactions

The DOM Application Programming Interface

What the DOM Covers

Hands On: Querying the Document

How it Works: Querying the Document

Hands On: Changing the DOM

How it Works: Changing the DOM

Hands On: Completing Event Handling

Navigating in the Document Tree

Node Navigation Basics

Accessing Element Content

A Brief Navigation Reference

Element Specific Properties

Changing the Document Tree

Adding New Child Elements to the Document

Adding Adjacent Elements

Removing and Replacing Elements

Changing Attributes and Element Style

Using Event Parameters

Going Global: Global Attributes

Going Global: Global Events

A Couple of JavaScript Peculiarities

Entering the Realm of JavaScript

40 Lessons

Step through essential JavaScript principles, from basic syntax to advanced array operations.

A Brief History of JavaScript

Objects and Dynamism

Functions are First Class Citizens

Regular Expression Literals

Placing JavaScript in HTML

JavaScript Syntax Basics

Working With the Boolean Type

Working With the Number Type

Converting to the Number Type

Number Methods

Working With the String Type

Converting to Strings

String Properties and Functions

Working With the Date Type

Working With the Object Type

A Quick Overview of Function Prototypes

Instance Properties and Methods

Working With the Array Type

Array Conversions

Array Operations: Creating Stacks and Queues

Array Methods to Manipulate Strings

Array Methods to Change Element Ordering

Advanced Array Operations

Unary Operators

Arithmetic Operators

Equality Operators

Relational and Boolean Operators

Bitwise Operators

Assignment Operators

Conditional, Comma, typeof, and instanceof Operators

Operator Precedence

The if, while, and do-while Statements

The for and for-in loops

The switch and with Statements

The JavaScript Object Notation

Advanced JavaScript Programming

23 Lessons

Discover the logic behind advanced JavaScript concepts like JSON, functions, objects, BOM, and error handling.

Serializing and Parsing JSON

Functions

Specifying Function Expressions

Recursive Functions

Closures

Programming with Objects

Object Properties

Removing Object Properties

Instantiating Objects

Using Object Prototypes

Object Inheritance

Modularity

The Browser Object Model

Methods of the Windows Object

10.

Introducing CSS in Style

24 Lessons

Examine the essentials of CSS, covering styles, selectors, cascading, and media queries.

Styles and Cascading Style Sheets

Styling Page Elements

CSS At-Rules

The Concept of Cascading

Selectors

Attribute selectors

Group Selectors and the Universal Selector

Pseudo-Element and Pseudo-Class Selectors

Length, Size Types and URL Values

Baseline Style Sheet

The Cascading Order

Selector Group Priorities

Calculating Selectivity

Location Priorities

Media-Dependent Style Sheets

Adding Media Style Sheets

Media Queries

Font Type, Size, and Color

11.

Basic Style Patterns

24 Lessons

Enhance your skills in CSS text styling, background images, box model, table, and form design.

Text Formatting

Special Behavior of Margins

Setting Up Borders

Height and Width of the Box

Boxing Inline Elements

Using Floating Elements

Using Background Images

Positioning Background Images

Aligning Background Images with Borders and Paddings

Sizing Background Images

The Background Shorthand Notation

Styling Tables

Basic Font and Colors

Adjusting Text

Setting Up Table-Specific Properties

Styling Tips for Forms

Career Paths After This Course

12.

The Voyage Ahead

2 Lessons

Take a closer look at various career and learning paths in web development.

Learning Paths After This Course

Course Author

Istvan Novak

Project

Automated Testing Using Python and Selenium

Create a Trello Clone with React

2 hour

Project

Automated Testing Using Python and Selenium

Learn automated testing for websites using Python and Selenium, covering multiple testing types with hands-on experience.

beginner

2 hours

Project

intermediate

2 hour

Project

Create a Trello Clone with React

Develop a Trello clone using React, focusing on state management, drag-and-drop features, and interactive task management.

intermediate

2 hours

Trusted by 2.5 million developers working at companies

"These are high-quality courses. Trust me. I own around 10 and the price is worth it for the content quality. EducativeInc came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks"

Anthony Walker

@_webarchitect_

"Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!"

Evan Dunbar

ML Engineer

"You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it."

Carlos Matias La Borde

Software Developer

"I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site"

Souvik Kundu

Front-end Developer

"Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content."

Vinay Krishnaiah

Software Developer

"I've tried probably 5-7 different sites and Educative is easily the best. It perfectly blends explanation with interactivity"

Eric Downs

Musician/Entrepeneur

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

AI-Powered Mock Interviews

Put your skills to the test in a simulated interview setting. Receive personalized feedback based on your performance. Available in Premium & Premium Plus plans.

Adaptive Learning

At various checkpoints throughout Educative courses, you will be prompted to take a quick assessment. Receive a condensed curriculum tailored to your strengths and skill gaps.

Explain with AI

Select any text within any Educative course, and get an instant explanation — without ever leaving your browser.

AI Code Mentor

AI Code Mentor helps you quickly identify errors in your code, learn from your mistakes, and nudge you in the right direction — just like a 1:1 tutor!

Recommended before starting this course

Course

Beginning Flutter: Android Mobile App Development

Delve into Flutter's UI framework to build high-quality Android apps, from creating contact profiles to enhancing them with themes and API integration, culminating in app publication.

beginner

10 hours

Course

Grokking Bit Manipulation for Coding Interviews

The ultimate guide to bit manipulation for coding interviews. Developed by FAANG engineers, practice with real-world interview questions, and get interview-ready in just a few hours.

intermediate

3 hours

Course

Full-Stack Web Applications with Firebase

Gain insights into creating and launching full-stack web applications swiftly using Firebase. Learn about Firebase Authentication, Cloud Firestore, Firebase Storage, and Firebase Hosting through hands-on projects.

beginner

13 hours

Course

Coderust: Hacking the Coding Interview

The ultimate guide to coding interviews. Developed by FAANG engineers, practice with real-world questions in top languages. Prep faster and get interview-ready in just a few hours.

beginner

40 hours

Beginning Flutter: Android Mobile App Development

10 hour

Grokking Bit Manipulation for Coding Interviews

intermediate

3 hour

Full-Stack Web Applications with Firebase

13 hour

Coderust: Hacking the Coding Interview

40 hour

Related Courses and Skill Paths

Course

Learn HTML, CSS, and JavaScript from Scratch

Discover the essentials of HTML, CSS, and JavaScript to build interactive web applications through hands-on exercises, creating modules like an image carousel and a to-do list.

beginner

10 hours

Course

The Complete Guide to jQuery

Gain insights into jQuery for interactive web pages with animations, event-handling, AJAX, and DOM manipulation. Explore core concepts and apply your knowledge in an interactive project with quizzes.

beginner

6 hours

Course

Intermediate JavaScript: Building Frontend Components

Gain insights into building real-world components using JavaScript. Delve into dropdown menus, auto-validating forms, autocomplete search, infinite scroll, and tooltips to tackle common frontend challenges seamlessly.

intermediate

10 hours

Course

Web Development: A Primer

Delve into web development fundamentals, exploring HTML, CSS, JavaScript, and version control. Gain insights into essential web technologies to confidently pursue further learning and projects.

beginner

5 hours

Learn HTML, CSS, and JavaScript from Scratch

10 hour

The Complete Guide to jQuery

6 hour