Description
The Creative HTML5 & CSS3 Course is the name of a creative HTML5 and CSS3 course for all people who are interested in learning web development. If you are a complete beginner in web development, don’t worry, we cover all the basics for you to upgrade and build your first creative site. If you already have some web development skills, don’t worry, we will build 3 amazing projects with great design and animation during the course. Of course, this course is also published on the Udemy website under the title The Creative HTML5 & CSS3 Course – Build Awesome Websites.
What you will learn in The Creative HTML5 & CSS3 Course:
- HTML5
- CSS3
- Responsive design
- Animations
- Work with images and SVG
- Flexbox
- CSS Grid
- SASS
- Optimization
- accessibility
- Deployment
Course details:
Publisher: DevelopedByEd and Udemy
teacher: Dev Ed (Simo Edwin)
English language
Training level: introductory to advanced
Number of courses: 70
Duration: 13 hours and 2 minutes
Course topics:
Introduction
Welcome To The Course! (0:56)
HTML5 Basics
Setting Up VS Code (1:43)
Installing Extensions (2:46)
Creating an HTML Tag (4:15)
Basic Layout (4:23)
Meta Tags (12:58)
h and p Tags (7:00)
Images and Video (7:10)
a Tags (5:12)
Forms (16:48)
Lists (4:04)
Comments (2:25)
Tables (3:13)
Classes and ID’s (5:32)
HTML5 Semantics (16:00)
HTML5 Entities (3:17)
CSS3 Basics
Let’s Learn CSS (0:27)
How To Use CSS3 (3:56)
Basic Syntax (5:19)
Selectors (15:30)
Specificity (7:41)
Padding and Margin (8:04)
Box Model (8:32)
Pixels, rem, em (13:36)
Styling a Button (7:02)
Display Types (7:22)
Positions (17:47)
Pseudo Elements and Classes (5:55)
Mini Project – How not to create layouts (optional) (33:51)
Mobile Responsiveness
Media Queries (10:26)
VH and VW (12:11)
Flexbox
Flexbox Basics (27:03)
Let’s Practice Flexbox (28:38)
Project 1 – Travel Website
Quick notice about paths
Before We Our Projects (1:21)
Setting Things Up (12:55)
Creating Our Nav&Hero (38:21)
Creating the City Section (42:43)
Card Section (20:06)
Form Section (14:44)
Submitting Forms (5:31)
Traveling Final Code
Accessibility
Semantics (3:30)
Contrast (4:15)
Keyboard (4:14)
Lyrics (4:56)
Labels and Alt (6:18)
CSS Grid
CSS Grid Basics (19:30)
CSS Grid vs Flexbox (6:22)
Project 2 – Photography Website
Starter Files
Setup (14:36)
Adding Fonts (2:27)
First Page (28:41)
Plant Animation (10:38)
Burger Animation (22:42)
Fixing Small Issues (3:18)
About Section (17:47)
Image Gallery (17:34)
Contact Page (26:17)
Javascript Functionality (15:45)
Elena Joy Final Code
Basics of SASS
Basics of SASS (24:23)
Let’s Learn a Magic Trick (1:23)
Final Project – Portfolio
Starter Files
Portfolio Setup (12:01)
Getting SVGs and Icons (9:01)
Creating the Nav and Section (21:25)
Animating SVGs (8:37)
Mobile Friendly (11:43)
Project Page (11:31)
Finish Line (14:28)
Portfolio Final Code
Optimizing and Deploying
Optimizing Images (4:11)
Optimizing HTML and CSS (1:53)
Deployment (4:44)
The End (0:47)
Course prerequisites:
This course is designed to start you absolutely from scratch! If you already have some HTML5 and CSS3 skills, this course will go deeper into explaining all the important concepts and also building out these cool projects!
Pictures
Sample video
Installation guide
After Extract, view with your favorite Player.
Subtitle: None
Quality: 1080
Note: This course is published by Udemy as The Creative HTML5 & CSS3 Course – Build Awesome Websites in addition to DevelopedByEd.
download link
Password file(s): www.downloadly.ir
Size
3.8 GB
Be the first to comment