DEV211.1X – Introduction to HTML and JavaScript

Course Content

Expand All

About this Course 6 Modules

Expand

Learning Path Content

0% Complete 0/6 Steps

Pre-Course Survey

Welcome

Getting Around this Course

Course Overview

Prerequisites

Grading

Introduce Yourself 1 Module

Expand

Learning Path Content

0% Complete 0/1 Steps

Introduce Yourself

Application Overview 2 Modules

Expand

Learning Path Content

0% Complete 0/2 Steps

Homework Assignments

Visual Studio Code

Introduction to HTML 7 Modules

Expand

Learning Path Content

0% Complete 0/7 Steps

Overview

Introduction to Semantic Markup

Using Semantic Markup

Module 1: Creating Web Pages using Hypertext Markup Language (HTML)

Document Structure and Layout 5 Modules

Expand

Learning Path Content

0% Complete 0/5 Steps

Overview

HTML Element

BODY/HEAD Elements

Hands-On: Creating a Basic HTML Page

HTML Element Layout

Basic HTML Elements 6 Modules

Expand

Learning Path Content

0% Complete 0/6 Steps

Text Elements

Hands-On: Adding Text Elements to a HTML Page

Block Elements

Inline Elements

Hands-On: Structuring a HTML Page using Block and Inline Elements

Images

Formatting HTML Elements 4 Modules

Expand

Learning Path Content

0% Complete 0/4 Steps

Formatting Elements

Hands-On: Formatting Text on a HTML Page

Formatting Elements Guide

Attribute Formatting

Hyperlinks 6 Modules

Expand

Learning Path Content

0% Complete 0/6 Steps

Overview

External Hyperlinks

Hands-On: Creating External Hyperlinks

Internal Hyperlinks

Creating Internal Hyperlinks

Hands-On: Creating Hyperlinks to Anchors

Assessment 1 Module

Expand

Learning Path Content

0% Complete 0/1 Steps

Assessment

Capturing User Input 9 Modules

Expand

Learning Path Content

0% Complete 0/9 Steps

Hands-On: Creating a HTML Form

HTML5 Field Validation

Hands-On: Validating HTML Forms

Fieldsets and Legends

HTML5 Form Elements

HTML5 Semantic Elements 6 Modules

Expand

Learning Path Content

0% Complete 0/6 Steps

Overview

Common Semantic Elements

Hands-On: Using the HTML5 Semantic Elements

Time Element

Figure Element

Hands-On: Using the Figure Element

Module 2: Creating Sophisticated Document Structures using HTML

Scalable Vector Graphics (SVG) 4 Modules

Expand

Learning Path Content

0% Complete 0/4 Steps

Overview

SVG Shapes

SVG Element

Hands-On: Creating a SVG Shape

Implementing Media Controls 4 Modules

Expand

Learning Path Content

0% Complete 0/4 Steps

Media Elements

Video/Audio Formats

Hands-On: Using HTML Media Elements

Fallback Sources

Homework 4 Modules

Expand

Learning Path Content

0% Complete 0/4 Steps

Expand

Learning Path Content

0% Complete 0/1 Steps

Assessment

Introduction to CSS 4 Modules

Expand

Learning Path Content

0% Complete 0/4 Steps

Why CSS?

CSS Syntax

Using CSS Styles

Hands-On: Using CSS in a HTML Page

Style Definitions 6 Modules

Expand

Learning Path Content

0% Complete 0/6 Steps

HTML Element Styles

CSS Class Styles

Hands-On: Using CSS Classes

ID Style Selectors

Child Style Selectors

Hands-On: Using CSS Selectors

Module 3: Design Web Page Elements using Cascading Style Sheets (CSS)

Style Inheritance 3 Modules

Expand

Learning Path Content

0% Complete 0/3 Steps

CSS Style Inheritance

Style Inheritance Order

Combining Multiple CSS Styles

Box Model 6 Modules

Expand

Learning Path Content

0% Complete 0/6 Steps

Margin and Padding

Hands-On: Managing the Spacing Around HTML Elements

Borders

CSS Media Queries

Hands-On: Using CSS Media Queries

Additional Media Query Features

Fonts 4 Modules

Expand

Learning Path Content

0% Complete 0/4 Steps

CSS Font Properties

Hands-On: Using Built-In Fonts in CSS

Linking to External Font Files in CSS

Hands-On: Using External Fonts in CSS

1 of 2

DEV211.1X – Introduction to HTML and JavaScript

Course Content

Course Includes