The Creative HTML5 & CSS3 Course – Build Awesome Websites

The Creative HTML5 & CSS3 Course – Build Awesome Websites, available at $74.99, has an average rating of 4.71, with 77 lectures, based on 1461 reviews, and has 6572 subscribers.

You will learn about Create Websites from absolute scratch! Learn the principles of web development. Styling nice looking websites. Flexbox, CSS Grid Advanced CSS Animations Fluid Typography and SASS Deployment. This course is ideal for individuals who are Anyone interested in building and designing beautiful websites. or Everyone interested in web development. It is particularly useful for Anyone interested in building and designing beautiful websites. or Everyone interested in web development.

Enroll now: The Creative HTML5 & CSS3 Course – Build Awesome Websites

Summary

Title: The Creative HTML5 & CSS3 Course – Build Awesome Websites

Price: $74.99

Average Rating: 4.71

Number of Lectures: 77

Number of Published Lectures: 77

Number of Curriculum Items: 77

Number of Published Curriculum Objects: 77

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will Learn

Create Websites from absolute scratch!
Learn the principles of web development.
Styling nice looking websites.
Flexbox, CSS Grid
Advanced CSS Animations
Fluid Typography and SASS
Deployment.

Who Should Attend

Anyone interested in building and designing beautiful websites.
Everyone interested in web development.

Target Audiences

Anyone interested in building and designing beautiful websites.
Everyone interested in web development.

The creative HTML5 and CSS3 Course was created for everybody who is interested in learning web development.

Real World Projects

If you are a complete beginner we will cover all the basics to get you up and going to create your first website. If you have some web development skills already, do not worry! We will create 3 amazing projects with awesome design and animations!

A short list of things we are going to learn!

HTML5
CSS3
Responsive Design
Animations
Working with Images and SVG’s
Flexbox
CSS Grid
SASS
Optimization
Accessibility
Deployment

Course Curriculum

Chapter 1: HTML5 Basics

Lecture 1: Welcome to the Course

Lecture 2: Setting up vsCode

Lecture 3: Installing Extensions

Lecture 4: Creating A HTML Tag

Lecture 5: Basic Layout

Lecture 6: Meta Tags

Lecture 7: H and P Tags

Lecture 8: Images and Video

Lecture 9: A Tags

Lecture 10: Forms

Lecture 11: Lists

Lecture 12: Comments

Lecture 13: Tables

Lecture 14: Classes and ID's

Lecture 15: HTML5 Semantics

Lecture 16: HTML Entities

Lecture 17: Let's Learn CSS

Chapter 2: CSS Basics

Lecture 1: How To Use CSS

Lecture 2: Basic Syntax

Lecture 3: Selectors

Lecture 4: Specificity

Lecture 5: Box Model

Lecture 6: Padding and Margin

Lecture 7: Pixels, Rem, Em

Lecture 8: Styling A Button

Lecture 9: Display Types

Lecture 10: Positions

Lecture 11: Pseudo Elements and Classes

Lecture 12: Mini Project – How not to create layouts (optional)

Chapter 3: Mobile Responsive

Lecture 1: Media Queries

Lecture 2: VH and WV

Chapter 4: Flexbox

Lecture 1: Flexbox Basics

Lecture 2: Let's Practice Flexbox

Chapter 5: Travelly Project

Lecture 1: Important Note!

Lecture 2: Before we start our project

Lecture 3: Starter Files

Lecture 4: Setting things up

Lecture 5: Creating our Nav & Hero

Lecture 6: Creating the City Section

Lecture 7: Card Section

Lecture 8: Form Section

Lecture 9: Submitting Forms

Lecture 10: Final Code

Chapter 6: Accessibility

Lecture 1: Semantics

Lecture 2: Contrast

Lecture 3: Keyboard

Lecture 4: Text

Lecture 5: Labels and Alt

Chapter 7: CSS Grid

Lecture 1: CSS Grid Basics

Lecture 2: Grid vs Flexbox

Chapter 8: Elena Joy Project

Lecture 1: Starter Files

Lecture 2: Setup

Lecture 3: Adding Fonts

Lecture 4: First Page

Lecture 5: Plant Animation

Lecture 6: Burger Animation

Lecture 7: Fixing Small Issues

Lecture 8: About Section

Lecture 9: Image Gallery

Lecture 10: Contact Page

Lecture 11: Javascript Functionality

Lecture 12: Final Code

Chapter 9: Basics of SASS

Lecture 1: SASS

Lecture 2: Let's learn a magic trick

Chapter 10: Portofolio Website

Lecture 1: Starter Files

Lecture 2: Portofolio Setup

Lecture 3: Creating SVG & Icon

Lecture 4: Nav and Section

Lecture 5: Animating SVG's

Lecture 6: Mobile Friendly

Lecture 7: Project Page

Lecture 8: Finish Line

Lecture 9: Final Code

Chapter 11: Optimize and Deploy

Lecture 1: Optimizing Images

Lecture 2: HTML & CSS

Lecture 3: Deployment

Lecture 4: Thank You

Instructors

Dev Ed
Creative Teacher
Maxine Tillman
Software Engineer

Rating Distribution

1 stars: 9 votes
2 stars: 7 votes
3 stars: 80 votes
4 stars: 405 votes
5 stars: 960 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu