Learn HTML5 and CSS3 From Scratch - Full Course

5310123
4351
113978
30.04.2019
freeCodeCamp.org

freeCodeCamp.org

492494574
7180000
1404
16.12.2014
US
Описание видео:

HTML and CSS are essential skills to have for a career in web development. In this course we will cover both languages from the scratch and by the end of the course you will be creating your own projects. (0:00) Intro (2:47) What is HTML (5:11) Google Chrome and Visual Studio Code (6:02) Download Google Chrome (8:11) Download Visual Studio Code (13:58) Create A Project (16:09) First Webpage (20:35) Visual Code Settings (22:48) Download Live Server Extension (26:59) Basic HTML Document Structure (29:05) Implementing Basic Document Structure (34:50) Word Wrap and Emmet (40:24) Heading Elements (44:33) Paragraph Elements (47:50) White Space Collapsing (49:22) Lorem Ipsum Dummy Text (51:17) Images (57:15) Multiple Path Options (1:00:06) External Images (1:02:43) Nice Images (1:05:49) Width and Height Attribute (1:08:40) Crop Images (1:12:07) Proper Path (01:15:37) Comments And Line Breaks (01:19:47) External Links (01:23:32) Internal Links (01:25:53) Links Within Page (01:30:10) Empty Links (01:32:39) Sup And Sub Elements (01:34:39) Strong And Em Elements (01:37:02) Special Characters In Html (01:38:58) Unordered Lists (01:41:25) Ordered Lists (01:42:18) Nested Lists (01:43:57) Table Element (01:46:10) Forms - Input And Submit Elements (01:58:12) Forms - Textarea - Radio - Checkbox (02:09:40) Prettier And Code Formatter (02:14:56) Keyboard Shortcuts (02:26:06) External Resources - Head Element (02:30:15) Html Project Intro (02:32:16) Project Setup (02:35:17) Download Images (02:39:02) Logo, Heading, Navigation (02:42:51) Home Page Completed (02:54:30) About Page (02:58:09) Numbers Page (03:04:14) Contact Page (03:09:11) Resource Files (03:09:42) Text Editor Setup (03:16:03) Css Intro (03:17:35) Workspace Setup (03:20:22) Inline Css (03:23:40) Course Resources (03:25:01) Internal Css (03:28:00) External Css (03:39:40) Power Struggle (03:44:17) Basic Css Syntax (03:52:27) Element Selectors (03:55:15) Grouping Selectors (03:57:27) Id Selectors (04:02:09) Class Selectors (04:06:17) Id And Class Selector Summary (04:08:30) Div And Span Elements (04:16:44) CSS Inheritance (04:20:08) More Info On Inheritance (04:22:30) Last Rule, Specificity, Universal Selector (04:27:33) Colors Intro (04:28:13) Color And Background-Color Properties (04:32:33) Color Names (04:33:30) Rgb (04:37:46) Rgba (04:44:33) Hex (04:50:58) Vs-Code Color Options (04:52:57) External Resources (04:55:39) Units Intro (04:56:18) Pixels, Font-Size, Width, Height (05:02:13) Percent Values (05:05:44) Em Values (05:11:42) Rem Values (05:14:41) VH And VW (05:19:14) Default Browser Syles (05:29:07) Calc Function (05:33:38) Typography Intro (05:34:07) Font-Family (05:36:47) Font-Stack Generic Fonts (05:39:23) Google Fonts (05:46:00) Font-Weight Font-Style (05:53:30) Text-Align And Text-Indent (05:56:52) More Text Properties (06:04:31) Box-Model Intro (06:04:53) Padding (06:13:28) Margin (06:19:01) Border (06:23:57) Border-Radius, Negative Margin (06:27:24) Outline Property (06:34:58) Display Property Intro (06:35:19) Display Property (06:43:26) Basic Horizontal Centering (06:48:11) Mobile Navbar Example (06:58:29) Box-Sizing Border-Box (07:06:46) Display Inline-Block (07:09:29) Display:none, Opacity, Visibility (07:16:20) Background-Image Intro (07:16:43) Background Images Setup (07:19:43) Background-Image-Property (07:27:45) Background-Repeat (07:34:07) Background-Size (07:36:58) Background-Position (07:41:18) Background-Attachment (07:47:04) Linear-Gradients (07:56:49) Background Image Shortcuts Combined (08:06:56) Linear-Gradient Colorzilla (08:11:08) Float Position Intro (08:11:47) Float Property (08:19:18) Float Property Column Layout Example (08:25:59) Position Static (08:30:44) Position Relative (08:33:18) Position Absolute (08:38:42) Position Fixed (08:42:30) Media Quries (08:57:07) Z-Index (09:06:04) ::Before And ::After Pseudo Elements (09:27:14) Css Selectors Intro (09:28:26) Basic Selectors (09:31:07) Descendant Child Selectors (09:35:50) First Line And First Letter (09:36:56) :Hover Pseudo-Class Selector (09:40:03) Link Pseudo-Class Selectors (09:44:36) Root Preudo-Class Selectors (09:51:01) Transform,Transition,And Animations (09:52:17) Transform:transition() (09:58:52) Transform:scale() (10:01:20) Transform:rotate() (10:04:47) Transform:skew() (10:06:31) Transition Property (10:09:13) Multiple Transition (10:11:11) Transition Delay (10:16:36) Transition-Timing Function (10:25:51) Animation (10:35:51) Animation-Fill-Mode (10:40:53) Last Module Intro (10:41:32) Css Variables (10:56:19) Font-Awesome Icons (11:07:55) Text-Shadow Box-Shadow (11:14:44) Browser Prefixes (11:19:23) Semantic Tags (11:24:11) Emmet Workflow Course from John Smilga. Check out his channel: 🤍🤍youtube.com/codingaddict John's course on Udemy: 🤍🤍udemy.com/in-depth-html-css-course-build-responsive-websites/?couponCode=ONLYTEN

Кадры из видео
Learn HTML5 and CSS3 From Scratch - Full Course
Learn HTML5 and CSS3 From Scratch - Full Course
Learn HTML5 and CSS3 From Scratch - Full Course
Learn HTML5 and CSS3 From Scratch - Full Course
Тэги из видео
Комментарии пользователей:
Health
2023-02-06 08:06:45

Any idea where can i find the continuation ? Where we build the web ? BTW very hood masterclass! Gave me so much

Zaid Aslam
2023-02-04 20:13:38

Hey everyone I finished up this 12 hour video, in the start, I thought that ugh 12 hours but overall the course was awesome to anyone grinding thru it keep going you got this! im rooting for you.

samwel ngugi
2023-02-03 22:27:27

Good Video learning everything in details

HELLOOOO-YT
2023-02-01 15:17:52

THE VIDEO IS AWESOME JUST HAVE IT AT 1.5 X SPEED 😒

Pedro
2023-02-01 13:23:33

Bismillah

Sunil Shedge
2023-01-31 04:15:52

Very nice tutorial for beginners. Thanks you

Oliver Kupčík
2023-01-28 12:33:32

I cant even describe, how do I appreciate all your effort and teaching skills 🦉
Thank You from the bottom of my heart! 🤍
My Mentor 🌲

L N K
2023-01-27 11:31:44

mU6anWqZJcc&t=27m34s 27:34

Yasrin Saric
2023-01-25 11:17:56

mU6anWqZJcc&t=4h16m44s 4:16:44

Dj MeechLouch
2023-01-24 19:33:27

Big shoutouts to free code camp for all the free and quality content.

Yasrin Saric
2023-01-24 14:22:01

mU6anWqZJcc&t=3h52m27s 3:52:27

Yasrin Saric
2023-01-23 18:50:44

mU6anWqZJcc&t=1h30m11s 1:30:11

Amir Aslani
2023-01-22 07:47:18

I love John's (the teacher) voice. It feels so nice and relaxing as he calmly explains HTML and CSS.

Abderrahmane adam
2023-01-21 09:17:18

how to download the projects , does any one is availble for help please , the tutor has said its in the discription , how can i get

Aninda Goswami
2023-01-18 07:46:58

Day1 - mU6anWqZJcc&t=1h58m00s 1:58:00
Day2 - mU6anWqZJcc&t=3h10m00s 3:10:00
Day3 - mU6anWqZJcc&t=5h25m00s 5:25:00
Day4 - mU6anWqZJcc&t=7h00m00s 7:00:00
Day5 - mU6anWqZJcc&t=9h06m20s 9:06:20
Day6 - mU6anWqZJcc&t=11h30m52s 11:30:52

it's a detailed video about HTML and CSS go for it.. best of luck.

Lala winslet
2023-01-17 12:58:11

I'm finding it hard to download your practice file. Please would you mind elaborating on that?

Emmanuel Chibuzor
2023-01-17 11:29:10

Men just finished this course. God bless the person that ever showed me this video wow. God bless freecodecamp. I ran away from Frontend and coding due to css. I watched so many videos but I was still confused. But for the first time I understand box models I'm for ever greatful to the tutor in this video. you saved my life. for the first time in my life I'm coding css with joy. wow me feeling like a pro. the hour is worth it. I'm still learning though but love every part of it 😍😍😍😍😍😍

Willywrld
2023-01-16 23:27:43

The most simplified html css course on youtube. Thank a lot.

Ali Haider
2023-01-12 12:34:42

- mU6anWqZJcc&t=7h57m50s 7:57:50

Что ищут прямо сейчас
vue vuex fancy review movie suckling rjnavedmurga black sims 4 cc saif sad shakir ali abbasi 椪糖 vijay Learn Islam wax opengl ylang 佐天 daham maga Konan 巴都 農民
Похожие видео
02.02.2022
HTML & CSS Full Course - Beginner to Pro

HTML & CSS Full Course - Beginner to Pro

12.10.2021
Stop wasting time when you're learning to code!

Stop wasting time when you're learning to code!

30.11.2022
How Much HTML, CSS, & JavaScript Is Enough? | Realistic Expectations

How Much HTML, CSS, & JavaScript Is Enough? | Realistic Expectations

09.10.2020
تعلم html بالكامل في فيديو واحد فقط | كورس html كامل للمبتدئين

تعلم html بالكامل في فيديو واحد فقط | كورس html كامل للمبتدئين

05.01.2021
HTML Tutorial for Beginners: HTML Crash Course

HTML Tutorial for Beginners: HTML Crash Course

18.09.2015
تعلم HTML و CSS خطوة بخطوة بطريقة سهلة ومبسطة - دورة كاملة

تعلم HTML و CSS خطوة بخطوة بطريقة سهلة ومبسطة - دورة كاملة

14.08.2022
Frontend Web Development Bootcamp Course (JavaScript, HTML, CSS)

Frontend Web Development Bootcamp Course (JavaScript, HTML, CSS)

13.02.2022
C++ Programming Course - Beginner to Advanced

C++ Programming Course - Beginner to Advanced

16.03.2019
Front End vs Back End development - Which should you learn?

Front End vs Back End development - Which should you learn?

07.12.2019
Learn HTML5 and CSS3 For Beginners - Crash Course

Learn HTML5 and CSS3 For Beginners - Crash Course

07.12.2018
Learn JavaScript - Full Course for Beginners

Learn JavaScript - Full Course for Beginners

28.07.2022
FASTEST Way to Learn Web Development and ACTUALLY Get a Job

FASTEST Way to Learn Web Development and ACTUALLY Get a Job

18.09.2018
HTML Full Course - Build a Website Tutorial

HTML Full Course - Build a Website Tutorial

15.01.2021
3 FREE Websites To Learn To Code That Are BETTER Than Coding Bootcamps

3 FREE Websites To Learn To Code That Are BETTER Than Coding Bootcamps

25.04.2022
Full Course Web Development [22 Hours] | Learn Full Stack Web Development From Scratch

Full Course Web Development [22 Hours] | Learn Full Stack Web Development From Scratch