Web Development: Unraveling HTML, CSS, and JavaScript
INTERACTIVE COURSE

Web Development: Unraveling HTML, CSS, and JavaScript

Beginner

246 Lessons

20h

Certificate of Completion

AI-powered Learning:

AI Explanations
AI Explanations
Web Development: Unraveling HTML, CSS, and JavaScript

This course includes:

326 Playgrounds
13 Quizzes
484 Illustrations

Course Overview

HTML, CSS, and JavaScript: The trinity of web development technologies. If you’re looking to get ramped up on front-end development, this course is for you. You'll find it particularly useful if you're coming from some other area of software development, although prior experience is not required. In this course, you will start with a short tour of HTML, CSS, and JS. You’ll get to experiment with them through examples that explain their role and behavior. From there, you will then dive deep into each techn...Show More

Course Content

1

Commencing the Journey: Introductions and Conventions

Introduction
Who is This Course For?
What This Course Covers
Conventions
2

A Short Tour of HTML, CSS, and JavaScript

Getting Started with Live Coding!Hands-On: Diving into HTML BasicsHow it Works: Creating a Basic HTML PageHands-On: Formatting the HTML PageHow It Works: Formatting Our HTML PageInline Styling Our HTML Page
Hands On: Using an Embedded Style SheetHow It Works: Using an Embedded Style SheetHands On: Moving Styles into a Separate FileHow It Works: Moving Styles into a Separate FileHands On: Defining Visual Behavior with CSSHow It Works: Defining Visual Behavior with CSSHands On: Adding Actions to the Web Page with JavaScriptHow It Works: Adding Actions to the Web Page with JSMeeting the DOMLeveraging Page Inspector
Hands On: Using jQueryHow jQuery WorksDebugging JavaScriptSummary
3

HTML5: First Impressions and Beyond

The Unordinary Story of HTML5What's Behind the Term HTML5?
HTML5 Markup BasicsUsing HTML <head>Defining HTML ContentExercises: Content and StructureEnriching Web Pages: Rendering TextRendering Text: Code Along ExercisesUsing Reserved Characters and Symbols in HTMLAdding Paragraphs and Text Breaks in HTMLEnriching Web Pages: Adding HeadingsEnriching Web Pages: Adding ListsEnriching Web Pages: Adding LinksEnriching Web Pages: Adding ImagesLists, Links, and Images: Bonus Fun Exercise!Summary
4

Achieving Richer User Experience with HTML

What it's All AboutOld Style: The Omnipotent <div>
Structure and SemanticsHeadersHTML FootersSectionsFigures in the PageSidebarsNavigationOther Semantic ElementsWorld of HTML TablesDefining a Simple Table in HTMLSpanning Rows and ColumnsMarkup for Table HeadersDefining Styles for TablesTable CaptionsCompound TablesHands On: Scrolling the Table BodyHow It Works: Scrolling the Table BodyMaking Things Exciting With MultimediaNew HTML5 MarkupHow It Works: Using the Video TagHands On: Using the Video TagVideo FormatsHands On: Supporting Multiple Video FormatsHow It Works: Supporting Multiple Video FormatsVideo Resilient Web Pages and the Audio TagWhat You Cannot Do with <video> and <audio>Summary
5

Forms and Controls

Web Forms BasicsHands On: Representing Web Forms in HTMLControls OverviewHands On: Using Controls to Build Web FormsHow It Works: Using Controls to Build Web FormsHands On: Using Controls that Allow Specifying Options
Hands On: Sending and Processing Form DataHow it Works: Sending and Processing Form DataHands On: Catching Data at the ServerHow it Works: Catching Data at the ServerUsing GET and POSTHands On: Making Use of More ControlsHow it Works: Making Use of More ControlsUsing Hidden FieldsUsing <optgroup> in Dropdown ListsUsing ButtonsForm ValidationValidation AttributesValidation and JavaScriptSummary
6

A Few More Things On HTML

20 Lessons

7

Delving into the Document Object Model

24 Lessons

8

Entering the Realm of JavaScript

40 Lessons

9

Advanced JavaScript Programming

23 Lessons

10

Introducing CSS in Style

24 Lessons

11

Basic Style Patterns

24 Lessons

12

The Voyage Ahead

2 Lessons

COURSE AUTHOR
Istvan Novak

How You'll Learn

Hands-on Coding Environments

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.

2x Faster Learning — With No Setup

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

AI-Powered Learning

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

Progress You Can Show

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

Put Your Knowledge to Practice

Recommended Courses

BEFORE STARTING THIS COURSE

AFTER FINISHING THIS COURSE

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath