Basics Of Html And Css

Mastering HTML & CSS: Building Modern Websites

What you'll learn

Learn HTML & CSS comprehensively and create extensive real-world projects, even without previous experience!

Grasp challenging CSS concepts such as the cascade, inheritance, and specificity.

Construct reusable elements, utilize CSS variables, and craft contemporary and neat CSS code.

How to write well-structured and semantic HTML documents

Engage with CSS animations, transitions, pseudo-elements, gradients, among other features.

Requirements

No previous coding experience needed

Any computer will work: Mac, Windows, or Linux

Description

Presenting our freshly curated HTML & CSS course.Dive into the promotional video to glimpse the dynamic, adaptive projects we construct throughout this course!Delve into this comprehensive guide to mastering HTML, CSS, and the art of web design, enabling you to create captivating websites from ground up. Rather than merely observing, you'll acquire the skills to design and develop any web concept you envision.Having a rich history in mentoring at global bootcamp sessions, I've had the privilege of directly aiding students in their transition to web development careers. This course encapsulates all those hands-on experiences. Standing out from typical Udemy offerings, this course encourages active learning through numerous exercises and challenges, urging you to replicate components, fashion layouts, and get hands-on with HTML and CSS. I firmly believe in 'practice makes perfect', and this course is brimming with opportunities!While the content is vast, we've tailored the course to be welcoming for both novices and those with some prior knowledge.We initiate with foundational HTML: drafting documents, molding text elements, tables, and crafting forms. Further, we dive into the essence of semantic markup and the art of designing user-friendly web pages.Following that, we unearth CSS fundamentals: engaging with selectors, exploring color palettes, and adorning text elements.Progressing, key CSS concepts like the box model, specificity, the cascade, and CSS units become our focal points.You'll then immerse in diverse facets of backgrounds, gradients, filters, positioning tools, transitions, transformations, and other intermediate CSS properties.An extensive 10-hour segment is devoted to mastering intricate CSS layouts via Flexbox and CSS Grid. This paves the way for building several projects with intricate designs.Gain proficiency in creating adaptive designs, ensuring visual appeal across diverse screen dimensions, from expansive desktops to handheld devices.Concluding, we embark on a colossal project crafted collectively from the very basics. This masterpiece amalgamates all the knowledge fragments from the course, resulting in an extensive website carved with myriad lines of HTML & CSS. Peek into the promotional video to get a detailed insight into this grand finale.

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 HTML, CSS, & JAVASCRIPT

Lecture 3 Web Development

Lecture 4 Work Tools

Lecture 5 Working with Files

Section 2: Basic Web Pages

Lecture 6 Basic Web Pages

Lecture 7 Web Page Structure

Lecture 8 Titles, Paragraphs, and Headings

Lecture 9 Lists

Lecture 10 Block and Inline Elements

Lecture 11 Self-Closing Tags

Lecture 12 Conclusion

Section 3: Links and Images

Lecture 13 Links and Images

Lecture 14 Setup

Lecture 15 Anchors and Links

Lecture 16 Types of Links

Lecture 17 Images

Lecture 18 Image Sizes and Alternative Text

Lecture 19 Other HTML Attributes

Lecture 20 HTML Entities

Lecture 21 Conclusion

Section 4: Introduction to CSS

Lecture 22 Introduction to CSS

Lecture 23 Setup

Lecture 24 CSS Styles

Lecture 25 CSS Properties

Lecture 26 Unified CSS Styles

Lecture 27 Cascade

Lecture 28 Conclusion

Section 5: CSS Box Model

Lecture 29 CSS Box Model

Lecture 30 Setup

Lecture 31 Block-level and Inline Elements

Lecture 32 Content, Padding, Margin, and Border

Lecture 33 Vertical Margin Collapse

Lecture 34 Boxes

Lecture 35 Conclusion

Section 6: CSS Selectors

Lecture 36 CSS Selectors

Lecture 37 Setup

Lecture 38 Class Selectors

Lecture 39 DIV Containers, Reuse, and Combining Styles

Lecture 40 Pseudo-classes

Lecture 41 ID Selectors

Lecture 42 Conclusion

Section 7: Backgrounds and Gradients

Lecture 43 Background

Lecture 44 Gradients

Lecture 45 Radial Gradients

Section 8: Flexbox

Lecture 46 Flexbox

Lecture 47 Setup

Lecture 48 Flexbox

Lecture 49 Distribution and Grouping of Flex Items

Lecture 50 Vertical Alignment and Element Wrapping

Lecture 51 Flex-direction

Lecture 52 Order and Alignment

Lecture 53 Conclusion

Section 9: Advanced Positioning

Lecture 54 Advanced Positioning

Lecture 55 Setup

Lecture 56 Relative Positioning

Lecture 57 Absolute Positioning

Lecture 58 Positioned Elements for Animation

Lecture 59 Positioned Elements for a Menu

Lecture 60 Z-index and Pseudo-classes for Dropdown Menu

Lecture 61 Conclusion

Section 10: Responsive Design

Lecture 62 Responsive Design

Lecture 63 How to check (test) the responsive of a website

Lecture 64 Set Up

Lecture 65 CSS Media Queries

Lecture 66 A Few Words About Design

Lecture 67 Mobile Layout

Lecture 68 Desktop Layouts

Lecture 69 Conclusion

Section 11: Responsive Images

Lecture 70 Responsive Images

Lecture 71 Setup

Lecture 72 Retina Screens

Lecture 73 Responsive PNG, GIF, and JPG Images

Lecture 74 Optimizing Responsive Images

Lecture 75 Optimizing Screen Width using srcset

Lecture 76 Optimization with

Lecture 77 Conclusion

Section 12: Semantic Markup

Lecture 78 Semantic Markup

Lecture 79 Setup

Lecture 80 Document Outline

Lecture 81 Articles

Lecture 82 Navigation Elements

Lecture 83 Footers

Lecture 84 Date and Time

Lecture 85 Conclusion

Section 13: HTML Forms

Lecture 86 HTML Forms

Lecture 87 Setup

Lecture 88 Forms

Lecture 89 Text Input Fields

Lecture 90 Input Fields for Email

Lecture 91 Toggle Buttons

Lecture 92 Select Elements (Dropdown Menus)

Lecture 93 Text Areas

Lecture 94 Conclusion

Section 14: Web Typography

Lecture 95 Web Typography

Lecture 96 Brief History of Web Fonts

Lecture 97 Setup

Lecture 98 Local Web Fonts

Lecture 99 Font Families and Font Styles

Lecture 100 External Web Fonts

Lecture 101 Paragraph Indents

Lecture 102 Line Spacing

Lecture 103 Conclusion

Section 15: Transitions

Lecture 104 Transitions

Lecture 105 Changing Specific Properties

Lecture 106 Transformations

Lecture 107 Combining Transformations

Lecture 108 Course result!

Section 16: Additional

Lecture 109 Setting up the Work Environment

Lecture 110 First Steps

Lecture 111 Combinators

Lecture 112 Parent selectors

Lecture 113 Variables

Lecture 114 Data types

Lecture 115 Operators

Lecture 116 Mixins

Lecture 117 Modules through @use

Lecture 118 Modules through @forward

Lecture 119 Extensions

Lecture 120 Conditions and Loops

Lecture 121 Frameworks

Lecture 122 Typography

Lecture 123 Grid

Lecture 124 Forms

Lecture 125 Conclusion

Complete beginners with no experience