Modern Web Design with HTML5, CSS3, and JavaScript

Learn all the latest web development skills

Created by Laurence Svekis

Start building modern, responsive websites from scratch using HTML5, CSS3, and JavaScript. You'll learn how to create visually appealing pages, add interactive features, and ensure your sites look great on any device. No previous coding experience is needed to get started.

Packt | Dec 2020 | 2110 min

Start Trial

LevelIntermediate

CategoriesWeb & Application Development, Web Design, Accessibility and Performance Optimization, JavaScript

1Introduction to Getting Started with Web Design
2Creating Web Pages with HTML5
3HTML Challenges
4Mobile-first Responsive Design in Cascading Style Sheets (CSS) and Web Design
5Exploring More with Cascading Style Sheet (CSS3) and Creating Webpages Easily
6Cascading Style Sheet (CSS) Layouts FlexBox and CSS Grid
7Common Cascading Style Sheets (CSS) Questions and Answers for Interview Preparation
8Cascading Style Sheets (CSS) Challenges
9JavaScript Introduction
10JavaScript Document Object Model (DOM)
11Advanced Coding in JavaScript
12Common JavaScript Questions and Answers for Interview Preparation and Practice
13Exploring Rapid Web Design with the Bootstrap 4 Frontend Framework
14Applying jQuery to Your Web Pages
15Creating a Simple Website from Scratch
16Creating a Three-column Website from Scratch
17Creating a Website from Scratch with a Fat Footer Design using the Flex Property
18Creating a Cascading Style Sheets (CSS) Grid Website with Flex Navbar
19Creating a Single-page Website with a Sticky Bottom Navbar

What You Will Learn

You will work through hands-on coding challenges that guide you from the basics to more advanced web design techniques. By following along with practical examples, you'll gain real experience writing HTML, CSS, and JavaScript code. Each step helps you build confidence and apply your skills to real-world projects.

Key Features

Build fully responsive websites that adapt to all screen sizes and devices
Style pages with modern CSS3 techniques and add custom fonts for unique designs
Add interactivity and dynamic features using JavaScript and the DOM

Target Audience

Perfect for beginners who want to break into web design or front-end development. If you have little or no coding background but want to create professional websites, you'll find the content approachable and practical. It's also a great refresher for experienced developers looking to update their skills with the latest web standards.

Related courses