on-demand course

Front-End Web Development with Modern HTML, CSS, and JavaScript

with Laurence Svekis

June 2022

Beginner

9h 51m

English

Packt Publishing

Closed Captioning available in English

Watch now

Unlock full access

Includes

Earns Badge

Course outline

Promotional Video
1m 5s
Introduction to Getting Started with the Course and HTML Code
2m 1s
Getting Started with Web Design: Create Your Web Environment and Start Coding
8m 57s
How to Create Your First HTML Page HTML Coding Beginners
11m 23s
What is an HTML Element; How HTML Works with HTML Samples
8m 33s
Start with HTML Headings Common Tags HTML
7m 59s
Create HTML Self-Closing Tags and How They Work
2m 25s
Setting Element Attributes in HTML Code
7m 5s
How to Create Links HTML Hyperlinks HTML Links Anchor Tag
9m 26s
Adding Images to HTML Pages
4m 18s
HTML Lists Adding Content Lists with HTML Lists
5m 28s
What Are HTML Tables and How to Use Tables to Present Readable Content
7m 41s
HTML5 New Semantic Elements Meaning in the Element Tag Name
6m 4s
How to Create a Simple HTML Webpage
13m 53s
HTML Online Create a GitHub Page Create Your First Webpage on GitPages
4m 54s
Introduction to Getting Started with CSS
1m 21s
Adding Styling to Your HTML with CSS Code for Beginners
17m 29s
Styling Overview Get Styling with CSS
8m 16s
Colors Background and Font Color with CSS Update HTML Element Colors
12m 47s
What Is the CSS Box Model - Box Model Border Padding Margin
14m 8s
Text Options with CSS Code Setting Properties and Value to Transform Text
12m 12s
Adding Fonts and Font Styles to Your Webpage Elements with CSS
14m 34s
Link States Pseudo-Classes Setting Different States with CSS
9m 24s
How to Set Display Properties for Page Elements CSS Styling Code Examples Inline
7m 29s
CSS Position Static Relative Fixed Absolute Sticky Examples
7m 41s
CSS Float Setting Floats in CSS Setting Left Right and None Clearing Floats
6m 36s
More Useful CSS Properties such as z-index, outline, overflow, max-width, and More
8m 6s
CSS Combinators to Select Elements from Your HTML Page Options and Examples
7m 54s
Examples of Common CSS Pseudo Elements firstLetter firstLine After Adding Content
4m 14s
How to Create a Simple CSS Styled Website Responsive Website CSS Float
11m 45s
Creating a Responsive Website with CSS Flexbox Setup Three Column Design Site Example
12m 24s
How to Create a Fully Responsive Website with CSS Grid Modern Web Design CSS
9m 3s
Introduction to Coding JavaScript Making Pages Interactive
1m 51s
Getting Started with JavaScript Introduction to JavaScript Code with Examples
10m 43s
How to Set Up Your Live Server Local Web Design Setup for HTTP Local Pages
4m 18s
JavaScript Variables Let and Const and How to Assign Values to Declare Variables
12m 7s
What Are JavaScript Data Types and How to Set Datatypes Basic Data Types of Strings
8m 51s
JavaScript Objects and Arrays to Store Multiple Values in the Same Variable
14m 38s
Examples of Operators in JavaScript Code and How Operators Work
10m 5s
What JavaScript Functions Are and How to Pass Arguments into a Function and Return
16m 3s
JavaScript Conditions Applying Logic in Code in JavaScript Example
8m 53s
Adding Loops to Your JavaScript Code with Examples of Loop Methods
15m 21s
Introduction to JavaScript DOM with Coding Examples
1m 54s
Introduction to the DOM and the DOM Tree with JavaScript
11m 0s
Element Selection from Webpages with JavaScript Code Examples
16m 8s
JavaScript Element Manipulation DOM Select and Update Your Page Elements with Code
11m 32s
How to Set Styling Attributes with JavaScript Code - Update Webpage Elements
17m 19s
DOM and Form Elements Getting Values from Input Fields with JavaScript Code
5m 38s
DOM Element Event Listeners Create Interactive Webpages with JavaScript
18m 2s
How to Add Event Listeners to Your Webpage Elements with JavaScript Code
16m 24s
Setting Page Event Listener for DOM Content Loaded and keyup and keydown Events
9m 54s
How to Create Page Elements with JavaScript Code
13m 33s
Update Element Position and Move Page Elements with JavaScript Code
7m 19s
How to Add Animation to Your Webpage Elements Using JavaScript requestAnimation
16m 53s
Promotional Video - Creating a Website from Scratch
1m 48s
Website from Scratch with Floats
1m 41s
Editor Setup and Code
7m 22s
HTML Structure Tags
16m 4s
Create an HTML Page
8m 20s
Use CSS to Design a Responsive NavBar for the Website
11m 37s
Add Google Fonts Select from Web Fonts CSS Web Design
8m 28s
How to Style Main Webpage Content Create Columns
6m 46s
How to Add Columns to Webpage Footer CSS Web Design Lesson
7m 12s
Add JavaScript for Navbar Functions
7m 30s

Content preview from Front-End Web Development with Modern HTML, CSS, and JavaScript

HTML5 New Semantic Elements Meaning in the Element Tag Name

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Start your free trial

A Front-End Web Developer MasterClass Using HTML, CSS, and JavaScript

Laurence Svekis

The Front-End Web Developer Bootcamp: HTML, CSS, JS and React

Meta Brains

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React

Meta Brains

30+ Web Projects with HTML, CSS, and JavaScript

George Lomidze

Publisher Resources

ISBN: 9781804618172Supplemental Content

Front-End Web Development with Modern HTML, CSS, and JavaScript

with Laurence Svekis

Chapter 1 : Introduction to Modern Web Design and Development with HTML, CSS, and JavaScript

Chapter 2 : Style Your Webpages with Cascading Style Sheets

Chapter 3 : Getting Started with JavaScript

Chapter 4 : JavaScript and the DOM Document Object Model (DOM)

Chapter 5 : How to Create a Modern Website from Scratch - Responsive Web Design

Content preview from Front-End Web Development with Modern HTML, CSS, and JavaScript

HTML5 New Semantic Elements Meaning in the Element Tag Name

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

You might also like

A Front-End Web Developer MasterClass Using HTML, CSS, and JavaScript

The Front-End Web Developer Bootcamp: HTML, CSS, JS and React

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React

30+ Web Projects with HTML, CSS, and JavaScript

Publisher Resources

Chapter 1 : Introduction to Modern Web Design and Development with HTML, CSS, and JavaScript

Chapter 2 : Style Your Webpages with Cascading Style Sheets

Chapter 3 : Getting Started with JavaScript

Chapter 4 : JavaScript and the DOM Document Object Model (DOM)

Chapter 5 : How to Create a Modern Website from Scratch - Responsive Web Design

Content preview from Front-End Web Development with Modern HTML, CSS, and JavaScript

HTML5 New Semantic Elements Meaning in the Element Tag Name

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,and much more.

You might also like

A Front-End Web Developer MasterClass Using HTML, CSS, and JavaScript

The Front-End Web Developer Bootcamp: HTML, CSS, JS and React

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React

30+ Web Projects with HTML, CSS, and JavaScript

Publisher Resources

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.