Урок 1.00:02:02
HTML, CSS, Flexbox, and CSS Grid Course Introduction
Урок 2.00:06:09
What are HTML and CSS?
Урок 3.00:04:47
The Website We're Going to Build in the HTML/CSS Course
Урок 4.00:17:45
Tools We'll Use in the Course and Basic HTML Structure Overview
Урок 5.00:12:49
Introduction to Using CSS Styles
Урок 6.00:10:30
Deep Dive: How the CSS Cascading Process Works
Урок 7.00:16:14
Guide to HTML Links
Урок 8.00:09:52
Working with the div Tag in HTML
Урок 9.00:08:34
Guide to HTML Classes and IDs
Урок 10.00:15:40
Introduction to Flexbox
Урок 11.00:07:53
Guide to Padding in CSS
Урок 12.00:04:04
Guide to Margin in CSS
Урок 13.00:03:07
Course Update: FontAwesome Import Fix
Урок 14.00:05:22
Integrating Icons with Font Awesome
Урок 15.00:08:42
How to Select and Style Child Tag Elements
Урок 16.00:13:16
Introduction to CSS Grid
Урок 17.00:10:08
How to Import and Use Custom Fonts in HTML
Урок 18.00:07:40
How to Import and Style Images in HTML
Урок 19.00:13:59
Refactoring the CSS Code to Use More Specific Selectors
Урок 20.00:07:22
Integrating Flexbox Inside of a CSS Grid Container to Align Items
Урок 21.00:09:18
Introduction to CSS Animations
Урок 22.00:13:45
Styling the Right Column of the Navigation Bar
Урок 23.00:08:02
Finalizing the Navigation Bar and Organizing the Style Files to Conform with Dev
Урок 24.00:10:47
How to Build a Parallax Scrolling Feature
Урок 25.00:07:13
Adding Text Overlays On Top of the Parallax Image
Урок 26.00:09:14
Adding the HTML Structure and Icons for the Feature Section of the Homepage
Урок 27.00:13:38
How to Create Columns with Animated Hover Effects in CSS
Урок 28.00:08:18
Working with nth Child Selectors in CSS
Урок 29.00:09:28
How to Work with Box Shadows in CSS
Урок 30.00:04:27
How to Embed a Google Map into a Website
Урок 31.00:11:29
Building the Footer's HTML Structure
Урок 32.00:09:47
Controlling the Flex Direction to Layout the Footer Styles
Урок 33.00:02:57
How to Apply Filters and Control an Image's Opacity with CSS
Урок 34.00:15:55
Finalizing the Footer Styles
Урок 35.00:06:05
Building the HTML Structure for the About Page Header
Урок 36.00:16:18
How to Skew Images in CSS
Урок 37.00:14:52
Using the CSS Float Property to Have Text Flow Around an Image
Урок 38.00:08:14
Building the Square Grid HTML Structure
Урок 39.00:13:01
Creating a Two Column Layout with CSS Grid and Flexbox
Урок 40.00:10:15
Finalizing the About Page Styles and Review of Code Organization Best Practices
Урок 41.00:05:04
Populating the Menu Page with the Two Column Grid
Урок 42.00:05:14
Guide to HTML Bullet Point and Numbered LIsts
Урок 43.00:07:13
How to Implement Anchor Tags in HTML
Урок 44.00:07:19
Overview of the Before and After Pseudo Selectors in CSS
Урок 45.00:15:46
Creating the Initial Structure for the Contact Page
Урок 46.00:09:46
Building the Contact Page Layout with CSS Grid
Урок 47.00:08:38
Introduction to HTML Form Elements
Урок 48.00:10:41
How to Style Text Inputs with CSS
Урок 49.00:07:30
Styling the Form Textarea and Button
Урок 50.00:09:08
Building the Label and Form Element Drop Shadow Styles
Урок 51.00:02:40
Integrating Custom Form Placeholder Text Styles
Урок 52.00:06:05
How to Animate Form Labels
Урок 53.00:08:45
Finalizing Contact Page Styles
Урок 54.00:13:36
Introduction to CSS Media Queries
Урок 55.00:06:59
Finalizing the Homepage Responsive Styles
Урок 56.00:16:06
Implementing Responsive Styles to the Square Grid, Image Skew, and Form Elements
Урок 57.00:05:03
How to Deploy a Static Site to the Web with Netlify
Урок 58.00:49:54
How to Build Animated Flipping Cards Using Just CSS
Урок 59.00:07:52
How to Create Custom Cursors in HTML and CSS
Урок 60.01:06:50
Live Coding Webinar: Build out Tooltips with HTML and CSS
Урок 61.00:03:53
Tools We'll Use in the Course
Урок 62.00:03:47
Basic HTML Website Structure
Урок 63.00:06:56
Working with the HTML Head Tag
Урок 64.00:06:40
Creating Page Components with the Div Tag
Урок 65.00:04:55
Implementing Inline Components with the Span Tag
Урок 66.00:05:02
Integrate Headings into Web Pages
Урок 67.00:05:24
Using Multi Line Content with Paragraph Tags
Урок 68.00:04:37
Working with HTML Hyperlinks
Урок 69.00:02:12
Adding Page Breaks with the Horizontal Rule Tag
Урок 70.00:02:59
Integrating Line Breaks into HTML Pages
Урок 71.00:03:48
Creating HTML Numbed Lists
Урок 72.00:05:44
Working with Bullet Point Lists in HTML
Урок 73.00:04:12
Working with Bold HTML Styles
Урок 74.00:02:28
Using the Italic Style for Text
Урок 75.00:09:04
Comprehensive Set of HTML Style Tags
Урок 76.00:06:17
How to Add Images to Websites
Урок 77.00:10:41
Mapping Links on Images
Урок 78.00:02:59
How to work with Custom Tags in HTML
Урок 79.00:08:55
Adding Comments to HTML Code
Урок 80.00:12:34
Guide to Using Web Developer Tools
Урок 81.00:05:46
Working with HTML IDs
Урок 82.00:04:11
Working with HTML Classes
Урок 83.00:07:51
Implementing Inline CSS Styles
Урок 84.00:06:36
Using Embedded CSS Styles
Урок 85.00:07:21
Using CSS Best Practices with External Stylesheets
Урок 86.00:10:05
How to Use CSS Selectors
Урок 87.00:05:16
Using CSS Webkit Animations
Урок 88.00:06:46
How to Add a Background Image to a Website
Урок 89.00:04:08
Adding CSS Border Styles to HTML Elements
Урок 90.00:05:44
Rounding Div Corners with Border Radius Styles
Урок 91.00:05:15
Customizing Height and Width Attributes in CSS
Урок 92.00:07:04
How to Implement Custom Fonts in HTML and CSS
Урок 93.00:06:54
How to Add Custom Font Styles in CSS
Урок 94.00:09:36
How to Properly Center Div Elements on a Page
Урок 95.00:06:51
Working with CSS Pseudo Class Selectors
Урок 96.00:06:21
Implementing Ease In Animations with CSS
Урок 97.00:02:33
Customizing Bullet Points Using CSS
Урок 98.00:04:55
Using the CSS Float Property to Align Page Elements
Урок 99.00:06:25
Introduction to HTML Tables
Урок 100.00:03:10
How to Style HTML Headers
Урок 101.00:05:54
Styling Table Rows
Урок 102.00:04:23
Working with Column Spans
Урок 103.00:04:55
How to Customize Row Sizes in HTML Tables
Урок 104.00:07:58
Introduction to HTML forms
Урок 105.00:11:35
Working with HTML Text Input Fields
Урок 106.00:06:21
How to Use the Text Area HTML Element for Large Amounts of Text Input
Урок 107.00:04:37
How to Use HTML Form Checkboxes
Урок 108.00:03:44
Working with HTML Form Radio Buttons
Урок 109.00:08:29
How to Use Select Boxes in an HTML Form
Урок 110.00:04:24
How to Group Drop Down Form Elements into Categories
Урок 111.00:06:50
Working with HTML Form Calculated Fields
Урок 112.00:11:08
How to Use HTML Entities for Custom Character Values
Урок 113.00:03:01
Google Homepage Project Overview and Instructions
Урок 114.00:15:10
Project Solution: Building the HTML Structure
Урок 115.00:12:14
Project Solution: Integrating the CSS Header and Content Styles
Урок 116.00:08:57
Project Solution: Building the Styles for the Buttons and Footer
Урок 117.00:10:39
Project Solution: CSS Hover Effects for Links
Урок 118.00:04:40
Project Solution: JavaScript Auto Focus and Summary
Урок 119.00:04:18
Pinterest Project Overview and Instructions
Урок 120.00:13:43
Project Solution: Creating the HTML structure for the Pinterest homepage
Урок 121.00:11:26
Project Solution: Customizing the Navigation Header Styles with CSS
Урок 122.00:04:42
Project Solution: Integrating Font Awesome for Website Icons
Урок 123.00:04:18
Project Solution: Styling Font Awesome Icons
Урок 124.00:14:15
Project Solution: Styling Pinterest Pins
Урок 125.00:02:49
Project Solution: Pinterest Homepage Summary
Урок 126.00:02:02
HTML Email Project Overview and Instructions
Урок 127.00:06:42
Project Solution: HTML Email Tag Structure
Урок 128.00:10:26
Project Solution: HTML Email Integration of CSS Styles
Урок 129.00:04:18
Tesla Homepage Clone Overview and Instructions
Урок 130.00:15:33
Project Solution: Tesla Homepage HTML Structure
Урок 131.00:08:17
Project Solution: Customizing the Tesla Homepage Navigation Styles with CSS
Урок 132.00:10:26
Project Solution: Implementing Content Styles and Buttons
Урок 133.00:03:23
Project Solution: Styling the Footer of the Tesla Homepage
Урок 134.00:03:03
Project Solution: Integrating Custom Fonts
Урок 135.00:04:44
Project Solution: Final Project Fixes and Summary
Урок 136.00:06:58
Twitter Bootstrap + Social Network Project Overview and Instructions
Урок 137.00:11:27
Project Solution: Implementing Responsive Tags into the Head Tag
Урок 138.00:15:10
Project Solution: Building the Social Network Navigation Bar
Урок 139.00:11:47
Project Solution: Integrating Responsive Dropdowns with Bootstrap Components
Урок 140.00:10:01
Project Solution: Customizing Content Headings
Урок 141.00:06:03
Project Solution: Final Content Integrations for the Homepage
Урок 142.00:11:58
Project Solution: Implementing CSS Styles
Урок 143.00:07:03
Project Solution: Responsive Media Queries
Урок 144.00:06:58
Project Solution: Bug Fixes
Урок 145.00:08:40
Project Solution: Integrating Custom Fonts
Урок 146.00:04:43
Project Solution: Favicon Integration and Social Network Summary
I DO NOT RECOMMEND THIS COURSE TO NO ONE!!!