In this free course, you’ll learn how to code with modern HTML and CSS, the main building blocks of any website. If you want to become a successful web developer, this is where you need to start! At the end of more than eight hours of learning, where we cover everything from basic HTML elements to working with Flexbox and CSS Grid, you’ll test your new skills by building a complete web page.
• Download the course files: https://bit.ly/3b0Fi19
• Download the assignment: https://bit.ly/3xwTvuh
00:00:00 1.1 Welcome to the Course!
00:03:48 1.2 Prerequisites
00:13:00 2.1 How Websites Are Loaded
00:24:36 2.2 What Is HTML?
00:30:42 2.3 Let’s Create an HTML File
00:42:45 2.4 HTML Elements and Tags
00:50:07 2.5 Inline vs. Block-Level Elements
01:00:41 2.6 The div Element
01:08:00 2.7 Text-Related Elements
01:30:23 2.8 Separating Content With Breaks
01:36:24 2.9 Using Lists
01:47:15 2.10 Working With Images
02:04:31 2.11 Using Forms and Buttons
02:45:22 2.12 Displaying Tabular Data With Tables
02:54:12 2.13 HTML5 Semantic Elements
03:01:59 3.1 What Is CSS?
03:04:39 3.2 Adding CSS to an HTML Page
03:11:59 3.3 Using CSS Selectors
03:29:37 3.4 Working With Color in CSS
03:40:49 3.5 Let’s Discover the CSS Units
03:54:36 3.6 Styling Text With CSS
04:10:08 3.7 Setting Dimensions in CSS
04:20:46 3.8 The CSS Box Model
04:45:44 3.9 Working With Borders in CSS
04:55:25 3.10 Using the Display Property in CSS
05:05:04 3.11 Styling Lists in CSS
05:15:56 3.12 Positioning Elements in CSS
05:30:22 3.13 Styling Backgrounds in CSS
05:52:10 3.14 Building Layouts With Flexbox and CSS Grid
06:19:43 3.15 Working with Media Queries for Creating Responsive Websites
06:32:37 4.1 Let’s Code a Simple Design with HTML and CSS
07:46:03 4.2 Conclusion and Homework
► Download unlimited photos, fonts & templates with Envato Elements: https://elements.envato.com/?utm_campaign=yt_tutsplus_iG2jotQo9NI&utm_medium=referral&utm_source=youtube.com&utm_content=description
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: https://tutsplus.com/?utm_campaign=yt_tutsplus_iG2jotQo9NI&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: https://elements.envato.com/?utm_campaign=yt_tutsplus_iG2jotQo9NI&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: https://www.youtube.com/tutsplus
► Follow Envato Tuts+ on Twitter: https://twitter.com/tutsplus
► Follow Envato Tuts+ on Facebook: https://www.facebook.com/tutsplus
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – learn html
