FreeCourseLab com Udemy - Modern HTML & CSS From The Beginning

1. 1. Introduction/1. Welcome To The Course.mp439.98MB
2. 1. Introduction/2. How The Web Works (Summarized).mp438.14MB
3. 1. Introduction/3. The Roles Of HTML & CSS In Web Development.mp431.35MB
4. 1. Introduction/4. Getting Setup With Visual Studio Code.mp439.5MB
5. 10. Mini Projects With Keyframes, Transitions, etc/1. Presentation Website [1] - Intro & HTML.mp477.95MB
6. 10. Mini Projects With Keyframes, Transitions, etc/10. Knowledge Timeline [3] - Responsive Media Queries.mp463.44MB
7. 10. Mini Projects With Keyframes, Transitions, etc/11. Knowledge Timeline [4] - Scroll In Animation.mp4102.61MB
8. 10. Mini Projects With Keyframes, Transitions, etc/12. Quick Dropdown Menu Project.mp4135.31MB
9. 10. Mini Projects With Keyframes, Transitions, etc/2. Presentation Website [2] - Page CSS.mp470.56MB
10. 10. Mini Projects With Keyframes, Transitions, etc/3. Presentation Website [3] - Text Animation.mp473.4MB
11. 10. Mini Projects With Keyframes, Transitions, etc/4. Hamburger Menu Overlay [1] - HTML & Base CSS.mp4211.92MB
12. 10. Mini Projects With Keyframes, Transitions, etc/5. Hamburger Menu Overlay [2] - Creating The Hamburger.mp4150.33MB
13. 10. Mini Projects With Keyframes, Transitions, etc/6. Hamburger Menu Overlay [3] - Animating The Hamburger Lines.mp460.15MB
14. 10. Mini Projects With Keyframes, Transitions, etc/7. Hamburger Menu Overlay [4] - Menu Overlay.mp4187.84MB
15. 10. Mini Projects With Keyframes, Transitions, etc/8. Knowledge Timeline [1] - HTML & Base CSS.mp471.27MB
16. 10. Mini Projects With Keyframes, Transitions, etc/9. Knowledge Timeline [2] - Boxes & Arrows.mp4136.09MB
17. 11. CSS Grid/1. What Is CSS Grid.mp416.28MB
18. 11. CSS Grid/2. Grid Basics & Columns.mp483.7MB
19. 11. CSS Grid/3. Grid Rows.mp433.93MB
20. 11. CSS Grid/4. Spanning Columns & Rows.mp459.89MB
21. 11. CSS Grid/5. Auto-Fit & Minmax.mp442.24MB
22. 11. CSS Grid/6. Grid Template Areas.mp480.37MB
23. 11. CSS Grid/7. Media Queries & The Grid.mp465.12MB
24. 12. NewsGrid Website/1. Project Intro.mp445.12MB
25. 12. NewsGrid Website/10. Bonus Intro To Photoshop (NewsGrid Logo).mp479.65MB
26. 12. NewsGrid Website/2. Setup & Favicon.mp461.68MB
27. 12. NewsGrid Website/3. Core Styles, Variables & Navbar.mp495.14MB
28. 12. NewsGrid Website/4. Showcase With Overlay & Button Styles.mp4131.08MB
29. 12. NewsGrid Website/5. Home Articles Grid.mp4194.81MB
30. 12. NewsGrid Website/6. Footer With Grid.mp4107.83MB
31. 12. NewsGrid Website/7. About Page & Page Container.mp483.29MB
32. 12. NewsGrid Website/8. Article Page.mp499.11MB
33. 12. NewsGrid Website/9. Responsive Media Queries.mp4222.04MB
34. 13. Website Deployment With Netlify (FREE)/1. How It Works.mp423.25MB
35. 13. Website Deployment With Netlify (FREE)/2. Git & Pushing To Github.mp485.63MB
36. 13. Website Deployment With Netlify (FREE)/4. Netlify Deploy & Form Submission.mp459.43MB
37. 13. Website Deployment With Netlify (FREE)/5. Custom Domain Name.mp448.25MB
38. 14. Where To Go From Here/1. Where To Go From Here.mp49.79MB
39. 2. HTML Basics/1. Section Intro.mp410.03MB
40. 2. HTML Basics/10. Block & Inline Level Elements.mp458.16MB
41. 2. HTML Basics/11. Divs & Spans, Classes & Ids.mp4118.8MB
42. 2. HTML Basics/12. HTML Entities.mp453.86MB
43. 2. HTML Basics/13. HTML5 Semantic Tags & Challenge.mp430.71MB
44. 2. HTML Basics/14. HTML5 Semantics Solution & Wrap Up.mp432.83MB
45. 2. HTML Basics/2. Create & Open HTML Pages.mp462.56MB
46. 2. HTML Basics/3. Doctype & Basic Layout.mp432.93MB
47. 2. HTML Basics/4. Setting Up Live Server (VSCode Extension).mp418.58MB
48. 2. HTML Basics/5. Meta Tags & Search Engines.mp459.46MB
49. 2. HTML Basics/6. Headings, Paragraphs & Typography.mp459.5MB
50. 2. HTML Basics/7. Links, Images & Attributes.mp482.35MB
51. 2. HTML Basics/8. Lists & Tables.mp454.41MB
52. 2. HTML Basics/9. Forms & Input.mp4139.45MB
53. 3. CSS Basics/1. Section Intro.mp415.02MB
54. 3. CSS Basics/10. Link State & Button Styling.mp462.51MB
55. 3. CSS Basics/11. Navigation Menu Styling.mp487.63MB
56. 3. CSS Basics/12. Inline, Block & Inline-Block Display.mp468.41MB
57. 3. CSS Basics/13. Positioning.mp478.51MB
58. 3. CSS Basics/14. Form Style Challenge.mp439.63MB
59. 3. CSS Basics/15. Form Style Solution.mp470.63MB
60. 3. CSS Basics/16. Aside Visibility, Order & Negative Margin.mp442.88MB
61. 3. CSS Basics/2. Implementing CSS.mp470.67MB
62. 3. CSS Basics/3. Basic CSS Selectors.mp494.93MB
63. 3. CSS Basics/4. Dev Tools Introduction.mp446.56MB
64. 3. CSS Basics/5. Fonts In CSS.mp497.94MB
65. 3. CSS Basics/6. Color Types.mp467.09MB
66. 3. CSS Basics/7. Backgrounds & Borders.mp4142.98MB
67. 3. CSS Basics/8. Box Model, Margin & Padding.mp4108.37MB
68. 3. CSS Basics/9. Float & Alignment.mp4102.29MB
69. 4. Hotel Website/1. Project Intro.mp471.07MB
70. 4. Hotel Website/2. Aside Design & Ideas.mp464.06MB
71. 4. Hotel Website/3. File Structure & Navbar.mp4168.75MB
72. 4. Hotel Website/4. Showcase & Home Info.mp4225.27MB
73. 4. Hotel Website/5. Features & Footer.mp4131.41MB
74. 4. Hotel Website/6. About Page.mp4230.86MB
75. 4. Hotel Website/7. Contact Page.mp4109.41MB
76. 5. Intro To Responsive Layouts/1. What Is Responsive Design.mp418.08MB
77. 5. Intro To Responsive Layouts/2. Getting Started With Media Queries.mp4131.98MB
78. 5. Intro To Responsive Layouts/3. Em & Rem Units.mp4153.57MB
79. 5. Intro To Responsive Layouts/4. Vh & Vw Units.mp4172.59MB
80. 5. Intro To Responsive Layouts/5. Making The Hotel Website Fully Responsive.mp4213.14MB
81. 6. Intro To Flexbox/1. What Is Flexbox.mp416.82MB
82. 6. Intro To Flexbox/2. Flex Basics.mp478.72MB
83. 6. Intro To Flexbox/3. Flex Alignment & Order.mp484.47MB
84. 7. EdgeLedger Website (Flexbox)/1. Project Intro.mp460.77MB
85. 7. EdgeLedger Website (Flexbox)/10. Smartphone View.mp4160.99MB
86. 7. EdgeLedger Website (Flexbox)/2. File Structure & Flex Navbar.mp4134.65MB
87. 7. EdgeLedger Website (Flexbox)/3. Showcase Header.mp4178.98MB
88. 7. EdgeLedger Website (Flexbox)/4. What We Do Section.mp4146.48MB
89. 7. EdgeLedger Website (Flexbox)/5. Who We Are & Clients Sections.mp4170.01MB
90. 7. EdgeLedger Website (Flexbox)/6. Contact Form, Map & Footer.mp4160.21MB
91. 7. EdgeLedger Website (Flexbox)/8. Smooth Scrolling With JS.mp4164.73MB
92. 7. EdgeLedger Website (Flexbox)/9. Widescreen & Tablet View.mp478.01MB
93. 8. Website Deployment - Shared Host/1. Types Of Web Hosting.mp438.74MB
94. 8. Website Deployment - Shared Host/2. Shared Hosting Setup.mp497.81MB
95. 8. Website Deployment - Shared Host/4. Setting Up Email.mp432.68MB
96. 8. Website Deployment - Shared Host/5. Upload Your Site via FTP.mp451.73MB
97. 8. Website Deployment - Shared Host/6. BONUS Contact Form Submission (PHP Script).mp467.87MB
98. 9. More CSS Concepts - Advanced Selectors, Animation & More/1. Targeted Selectors.mp479.32MB
99. 9. More CSS Concepts - Advanced Selectors, Animation & More/10. Transform Property.mp454.07MB
100. 9. More CSS Concepts - Advanced Selectors, Animation & More/2. nth-child Pseudo Selectors.mp453.31MB
101. 9. More CSS Concepts - Advanced Selectors, Animation & More/3. before & after Pseudo Selectors.mp4101.68MB
102. 9. More CSS Concepts - Advanced Selectors, Animation & More/4. Box Shadows.mp470.14MB
103. 9. More CSS Concepts - Advanced Selectors, Animation & More/5. Text Shadows.mp459.82MB
104. 9. More CSS Concepts - Advanced Selectors, Animation & More/6. CSS Variables (Custom Properties).mp495.53MB
105. 9. More CSS Concepts - Advanced Selectors, Animation & More/7. Keyframe Animation 1.mp478.85MB
106. 9. More CSS Concepts - Advanced Selectors, Animation & More/8. Keyframe Animation 2.mp457.59MB
107. 9. More CSS Concepts - Advanced Selectors, Animation & More/9. CSS Transitions.mp461.07MB