Udemy - Front-End Web Development Masterclass - From Beginner to ...

Files:

• Get Bonus Downloads Here.url (0.2 KB)
~Get Your Files Here ! 1 - HTML Introduction
• 1 -Welcome to HTML!.mp4 (16.3 MB)
• 2 -Understanding HTML vs CSS.mp4 (5.9 MB)
• 3 -Why HTML Isn't a Programming Language.mp4 (10.9 MB)
10 - HTML Containers
• 1 -The Mighty div Tag.mp4 (12.0 MB)
• 2 -Cleaning Up Cluttered Code in VS Code.mp4 (8.4 MB)
• 3 -The Versatile span Tag.mp4 (5.6 MB)
• 4 -span vs p — When to Use Each.mp4 (11.2 MB)
11 - HTML Forms Mastery
• 1 -What Is a Form in HTML.mp4 (3.0 MB)
• 10 -Accepting Dates, Months & Years.mp4 (7.1 MB)
• 11 -Password Inputs in HTML.mp4 (3.1 MB)
• 12 -Letting Users Upload Files.mp4 (3.4 MB)
• 13 -Image Inputs Explained.mp4 (2.3 MB)
• 14 -Color Pickers in HTML.mp4 (3.2 MB)
• 15 -Search Fields in HTML.mp4 (2.7 MB)
• 16 -Hidden Inputs Explained.mp4 (3.8 MB)
• 17 -Time Picker Inputs.mp4 (2.8 MB)
• 18 -Must-Know Attributes for All Inputs.mp4 (12.6 MB)
• 2 -The form Tag Explained.mp4 (2.6 MB)
• 3 -The input Tag Unpacked.mp4 (5.0 MB)
• 4 -Creating Submit Buttons.mp4 (2.6 MB)
• 5 -Accepting Numbers with input type=number.mp4 (4.7 MB)
• 6 -Checkboxes in HTML.mp4 (3.0 MB)
• 7 -Labeling Your Inputs Properly.mp4 (15.2 MB)
• 8 -Radio Buttons in HTML.mp4 (12.3 MB)
• 9 -Collecting Emails with input type=email.mp4 (5.3 MB)
12 - HTML Hyperlinks
• 1 -Creating Links with the a Tag.mp4 (9.7 MB)
• 2 -Opening Links in New Tabs.mp4 (3.8 MB)
• 3 -Making Linked Images.mp4 (4.9 MB)
13 - HTML Building Tables
• 1 -HTML Tables — An Overview.mp4 (3.7 MB)
• 2 -Creating Tables with the table Tag.mp4 (4.9 MB)
• 3 -Header Rows with tr & th.mp4 (4.5 MB)
• 4 -Body Rows with tr & td.mp4 (7.6 MB)
• 5 -Why Tables Look Plain — And How to Fix It.mp4 (2.9 MB)
• 6 -Merging Cells with colspan & rowspan.mp4 (14.8 MB)
14 - HTML Semantic Tags
• 1 -Why Semantic Tags Matter.mp4 (3.5 MB)
• 2 -Semantic Structure Header, Section, Aside & Footer.mp4 (12.2 MB)
15 - HTML Multimedia
• 1 -Adding Multimedia Content (Updated Version).mp4 (3.4 MB)
• 2 -Embedding Audio Files (Updated Version).mp4 (21.2 MB)
• 3 -Adding Videos with video.mp4 (5.4 MB)
• 4 -Embedding YouTube Videos.mp4 (38.5 MB)
16 - HTML Comments
• 1 -Why Use Comments in HTML.mp4 (8.8 MB)
• 2 -Writing Comments Properly.mp4 (17.5 MB)
17 - CSS Introduction
• 1 -Welcome to CSS.mp4 (8.6 MB)
• 2 -HTML and CSS Working Together.mp4 (10.7 MB)
• 3 -Preparing to Work with CSS.mp4 (9.7 MB)
18 - CSS Getting Started
• 1 -Linking CSS to HTML.mp4 (7.7 MB)
• 2 -Inline, Internal and External CSS.mp4 (4.9 MB)
• 3 -Understanding Inline CSS.mp4 (7.6 MB)
19 - CSS Selectors
• 1 -Introduction to Selectors.mp4 (11.6 MB)
• 2 -Types of CSS Selectors.mp4 (4.0 MB)
• 3 -Class Selector.mp4 (7.9 MB)
• 4 -ID Selector.mp4 (5.9 MB)
• 5 -Tagname Selector.mp4 (6.3 MB)
2 - HTML Choosing & Installing Your Text Editor
• 1 -What Is a Text Editor and Why It Matters.mp4 (12.1 MB)
• 2 -Why We Don’t Use Notepad for Coding.mp4 (14.8 MB)
• 3 -Best Text Editors for HTML in 2025.mp4 (21.8 MB)
• 4 -Our Recommended Editor Visual Studio Code.mp4 (5.8 MB)
• 5 -Installing Visual Studio Code the Right Way.mp4 (11.8 MB)
20 - CSS Basic Concepts
• 1 -Internal CSS Explained.mp4 (2.7 MB)
• 2 -External CSS Explained.mp4 (7.0 MB)
21 - CSS Syntax
• 1 -CSS Syntax Overview.mp4 (1.6 MB)
• 2 -Selector, Declaration, Property and Value.mp4 (6.0 MB)
22 - CSS Box Model
• 1 -Introduction to the Box Model.mp4 (901.8 KB)
• 2 -Inspecting Elements in the Browser.mp4 (8.6 MB)
• 3 -Padding in CSS.mp4 (12.4 MB)
• 4 -Margin in CSS.mp4 (5.6 MB)
• 5 -Borders in CSS.mp4 (3.1 MB)
• 6 -Box Model Summary.mp4 (2.9 MB)
23 - CSS Text and Typography
• 1 -Typography Basics.mp4 (6.7 MB)
• 2 -Font Size.mp4 (6.0 MB)
• 3 -Font Family.mp4 (6.1 MB)
• 4 -Font Weight.mp4 (4.4 MB)
• 5 -Line Height.mp4 (7.0 MB)
• 6 -Letter Spacing.mp4 (7.6 MB)
• 7 -Text Transform.mp4 (5.8 MB)
24 - CSS Shadows
• 1 -Text Shadow.mp4 (16.1 MB)
• 2 -Box Shadow.mp4 (6.3 MB)
25 - CSS Borders
• 1 -Border Styling.mp4 (5.8 MB)
• 2 -Border Radius.mp4 (5.5 MB)
26 - CSS Backgrounds
• 1 -Background Color.mp4 (2.4 MB)
• 2 -Background Image.mp4 (6.4 MB)
• 3 -Background Position.mp4 (3.0 MB)
• 4 -Background Repeat.mp4 (4.3 MB)
• 5 -Background Size.mp4 (6.4 MB)
27 - CSS Display
• 1 -Display Block.mp4 (6.8 MB)
• 2 -Display Inline Block.mp4 (7.8 MB)
• 3 -Display None.mp4 (3.1 MB)
28 - CSS Element Sizing
• 1 -Width and Height.mp4 (10.2 MB)
29 - CSS Flexbox
• 1 -Preparing HTML for Flexbox.mp4 (13.8 MB)
• 2 -Flexbox Container Properties.mp4 (16.5 MB)
• 3 -Flexbox Child Properties.mp4 (28.7 MB)
3 - HTML Your First Project
• 1 -Creating Your First Ever HTML File.mp4 (16.3 MB)
• 2 -Why Saving Frequently in HTML Matters.mp4 (3.0 MB)
• 3 -Adjusting Your Editor for Comfort — Font Size & More.mp4 (5.2 MB)
30 - CSS Grids
• 1 -Preparing HTML for Grid.mp4 (1.8 MB)
• 2 -Grid Container Properties.mp4 (34.3 MB)
• 3 -Grid Child Properties.mp4 (29.2 MB)
31 - Padding and Margin Value Formats
• 1 -Single Value Padding.mp4 (7.2 MB)
• 2 -Two Value Padding.mp4 (5.1 MB)
• 3 -Four Value Padding.mp4 (4.5 MB)
• 4 -Individual Padding Properties.mp4 (4.0 MB)
• 5 -Margin Value Formats.mp4 (5.1 MB)
32 - CSS Position
• 1 -Introduction to Position Property.mp4 (5.1 MB)
• 2 -Static Positioning.mp4 (9.8 MB)
• 3 -Absolute Positioning.mp4 (7.3 MB)
• 4 -Relative Positioning.mp4 (18.1 MB)
• 5 -Fixed Positioning.mp4 (9.6 MB)
• 6 -Sticky Positioning.mp4 (21.6 MB)
33 - CSS Layering
• 1 -Introduction to Layering.mp4 (5.1 MB)
• 2 -Z-Index in CSS.mp4 (11.7 MB)
34 - CSS Media Queries
• 1 -Introduction to Media Queries.mp4 (14.5 MB)
• 2 -Writing Media Queries.mp4 (20.7 MB)
35 - Bootstrap Getting Started
• 1 -Welcome & Introduction to Bootstrap.mp4 (6.7 MB)
• 2 -Understanding CSS Frameworks in Web Design.mp4 (9.0 MB)
• 3 -Course Requirements & Setup Checklist.mp4 (8.5 MB)
• 4 -The Evolution of Bootstrap — Versions & History.mp4 (12.6 MB)
36 - Bootstrap Installation
• 1 -Bootstrap Installation Requirements.mp4 (4.3 MB)
• 2 -Installing Bootstrap via CDN — Fast & Easy.mp4 (18.3 MB)
• 3 -Installing Bootstrap Locally — Self-Hosted Setup.mp4 (20.0 MB)
37 - Bootstrap Basics
• 1 -Responsive Web Design — The Core Principle.mp4 (14.8 MB)
• 2 -Exploring Bootstrap’s Component Library.mp4 (13.2 MB)
38 - Bootstrap Container
• 1 -Introduction to Containers.mp4 (11.6 MB)
• 2 -The .container Class Explained.mp4 (19.1 MB)
• 3 -The .container-fluid Class Explained.mp4 (5.8 MB)
39 - Bootstrap Mastering the Grid System
• 1 -The .row Class Explained.mp4 (6.6 MB)
• 2 -Introduction to the Bootstrap Grid.mp4 (6.2 MB)
• 3 -Working with Columns.mp4 (8.6 MB)
• 4 -Column Sizing Techniques.mp4 (17.3 MB)
• 5 -Breakpoints for Responsive Design.mp4 (36.4 MB)
• 6 -Grid System Best Practices.mp4 (2.9 MB)
4 - HTML Core Concepts
• 1 -The Logic Behind HTML & Web Markup.mp4 (6.6 MB)
• 2 -What Are HTML Tags.mp4 (7.8 MB)
• 3 -Demystifying HTML Attributes.mp4 (5.6 MB)
• 4 -HTML5 & Unclosed Tags — What Changed.mp4 (3.0 MB)
• 5 -Essential Tags Required in Every HTML Page.mp4 (8.3 MB)
• 6 -Understanding the Title Tag in HTML.mp4 (1.8 MB)
• 7 -Exploring the Body Tag — Where Content Lives.mp4 (1.2 MB)
40 - Bootstrap Spacing and Gutters
• 1 -Introduction to Gutters.mp4 (10.3 MB)
• 2 -Padding Utilities Explained.mp4 (24.2 MB)
• 3 -Margin Utilities Explained.mp4 (10.5 MB)
41 - Bootstrap Navigation Bars
• 1 -Navbar Overview.mp4 (9.0 MB)
• 2 -Building a Navbar Step-by-Step.mp4 (45.6 MB)
42 - Bootstrap Buttons
• 1 -Buttons Overview.mp4 (3.3 MB)
• 2 -Creating Standard Buttons.mp4 (17.6 MB)
• 3 -Designing Outline Buttons.mp4 (17.0 MB)
43 - Bootstrap Cards
• 1 -What Are Bootstrap Cards.mp4 (8.5 MB)
• 2 -Building and Styling Cards.mp4 (11.8 MB)
44 - Bootstrap Advanced Spacing Utilities
• 1 -Margin-X, Margin-Y, Padding-X & Padding-Y Explained.mp4 (10.2 MB)
45 - Bootstrap Alerts
• 1 -Introduction to Alerts in Bootstrap.mp4 (4.5 MB)
• 2 -Building Standard Alerts.mp4 (10.8 MB)
• 3 -Adding Links to Alerts for More Context.mp4 (11.1 MB)
• 4 -Using Icons in Alerts for Visual Impact.mp4 (11.6 MB)
• 5 -Adding CloseDismiss Buttons to Alerts.mp4 (18.1 MB)
46 - Bootstrap Working with Badges
• 1 -Introduction to Badges in Bootstrap.mp4 (5.8 MB)
• 2 -Creating and Styling Badges.mp4 (12.1 MB)
47 - Bootstrap List Groups
• 1 -Introduction to List Groups.mp4 (8.0 MB)
• 2 -Creating Basic List Groups.mp4 (8.7 MB)
• 3 -Highlighting Active List Group Items.mp4 (4.5 MB)
• 4 -Creating Linked List Groups.mp4 (7.5 MB)
• 5 -Adding Actionable List Group Items.mp4 (9.2 MB)
• 6 -Creating Flush (Borderless) List Groups.mp4 (4.3 MB)
48 - Bootstrap Collapsible Content with Accordions
• 1 -Introduction to Accordions.mp4 (7.8 MB)
• 2 -Creating Accordions from Scratch.mp4 (8.6 MB)
• 3 -Accordion Code Deep Dive.mp4 (14.9 MB)
• 4 -Adding More Accordion Items.mp4 (9.0 MB)
49 - Bootstrap Navigation & Tabs
• 1 -Introduction to Navigation & Tabs.mp4 (2.8 MB)
• 2 -Creating a Simple Horizontal Navigation Menu.mp4 (8.5 MB)
• 3 -Centering Navigation Items.mp4 (3.5 MB)
• 4 -Aligning Navigation Items to Start or End.mp4 (2.6 MB)
• 5 -Creating Vertical Navigation Menus.mp4 (3.5 MB)
• 6 -Styling Navigation as Tabs.mp4 (3.7 MB)
• 7 -Styling Navigation as Pills.mp4 (2.6 MB)
• 8 -Styling Navigation with Underlines.mp4 (2.8 MB)
• 9 -Adding Dropdowns to Navigation Menus.mp4 (22.3 MB)
5 - HTML Headings
• 1 -What Are Heading Tags.mp4 (5.8 MB)
• 2 -How Many Heading Levels Exist.mp4 (5.3 MB)
• 3 -Functional Differences Between H1–H6 Tags.mp4 (4.6 MB)
• 4 -Golden Rules for Using Headings Properly.mp4 (9.9 MB)
50 - Bootstrap The Tab JavaScript Plugin
• 1 -Introduction to the Tab Plugin.mp4 (5.0 MB)
• 2 -How the Tab Plugin Works.mp4 (10.7 MB)
• 3 -Changing the Style of the Tab Plugin.mp4 (8.0 MB)
51 - Bootstrap Modals & Pop-Ups
• 1 -Introduction to Modals.mp4 (6.8 MB)
• 2 -Different Ways to Launch Modals.mp4 (5.6 MB)
• 3 -Setting Up Your First Modal.mp4 (18.6 MB)
• 4 -Launching Modals with Buttons.mp4 (7.2 MB)
• 5 -Full Walkthrough of the Modal Button Code.mp4 (13.1 MB)
• 6 -Using Static Backdrop for Modals.mp4 (16.0 MB)
• 7 -Creating Vertically Centered Modals.mp4 (9.6 MB)
52 - Bootstrap Sliders & Carousels
• 1 -Introduction to Carousels.mp4 (5.2 MB)
• 2 -Building a Basic Carousel.mp4 (17.1 MB)
• 3 -Customizing Carousels with CSS.mp4 (5.6 MB)
• 4 -Enabling Carousel Navigation Controls.mp4 (9.3 MB)
• 5 -Using Carousel Indicators.mp4 (19.1 MB)
• 6 -Adding Captions to Carousel Slides.mp4 (10.3 MB)
53 - Bootstrap Hover Information with Tooltips
• 1 -Introduction to Tooltips.mp4 (6.0 MB)
• 2 -How HTML Title Attributes Become Tooltips.mp4 (7.8 MB)
• 3 -Why Bootstrap Tooltips Don’t Work Without Setup.mp4 (11.5 MB)
• 4 -Enabling Tooltips in Bootstrap.mp4 (3.9 MB)
• 5 -Adding Tooltips to Elements.mp4 (8.2 MB)
• 6 -Using data-bs-title Attribute for Tooltips.mp4 (4.0 MB)
• 7 -Changing Tooltip Placement.mp4 (3.1 MB)
54 - Bootstrap Helpers & Utilities
• 1 -Changing Text Colors with Utility Classes.mp4 (14.3 MB)
• 2 -Applying Background Colors.mp4 (11.5 MB)
• 3 -Using Text Background Utilities.mp4 (6.1 MB)
• 4 -Adding Shadows to Elements.mp4 (9.6 MB)
• 5 -Controlling Display Properties.mp4 (14.6 MB)
55 - Font Awesome Getting Started
• 1 -Welcome to Font Awesome Masterclass!.mp4 (24.8 MB)
• 2 -Introduction to Font Awesome.mp4 (4.8 MB)
• 3 -Real-World Uses for Font Awesome.mp4 (7.0 MB)
• 4 -Free vs Pro — What’s the Difference.mp4 (6.0 MB)
• 5 -The Concept of Design Consistency.mp4 (28.7 MB)
• 6 -Desktop vs Web Use.mp4 (14.3 MB)
56 - Font Awesome Desktop Use
• 1 -Downloading Font Awesome for Free.mp4 (24.6 MB)
• 2 -Installing Font Awesome on Desktop.mp4 (16.3 MB)
• 3 -Using Font Awesome in Microsoft Word.mp4 (6.0 MB)
• 4 -Understanding Regular, Solid, and Brand Styles.mp4 (7.0 MB)
• 5 -Inserting Icons for Desktop Projects.mp4 (3.6 MB)
• 6 -Using the Font Awesome Cheat Sheet.mp4 (22.0 MB)
57 - Font Awesome Web Use
• 1 -Preparing Your Web Page for Font Awesome.mp4 (4.9 MB)
• 2 -Downloading the Free Web Kit.mp4 (2.6 MB)
• 3 -Setting Up Font Awesome in HTML.mp4 (11.0 MB)
• 4 -Using the i Tag for Icons.mp4 (11.6 MB)
• 5 -Understanding fas, far, and fab Class Prefixes.mp4 (13.1 MB)
• 6 -Adding Icons to Your Website.mp4 (18.9 MB)
• 7 -Installing Font Awesome via CDN.mp4 (13.8 MB)
58 - Animate.css Full Guide
• 1 -Introduction to Animate.css.mp4 (1.8 MB)
• 2 -Section Requirements.mp4 (2.9 MB)
• 3 -Why to Use Animate.css.mp4 (6.6 MB)
• 4 -Animation Categories & Segmentations.mp4 (7.7 MB)
• 5 -Getting Started.mp4 (9.1 MB)
• 6 -Installing Aniomate.css via CDN.mp4 (15.6 MB)
• 7 -Installing Self-Hosted Animate.css.mp4 (16.5 MB)
• 8 -Animating Your Web Page Elements.mp4 (51.0 MB)
6 - HTML Text & Typography Essentials
• 1 -The Paragraph Tag p.mp4 (5.0 MB)
• 10 -Inserted Text with ins.mp4 (3.4 MB)
• 11 -Superscript & Subscript in HTML.mp4 (6.7 MB)
• 2 -Bold Text with the b Tag.mp4 (6.0 MB)
• 3 -Semantic Emphasis with strong.mp4 (3.6 MB)
• 4 -Italics via i.mp4 (2.6 MB)
• 5 -Enhanced Meaning with em.mp4 (2.7 MB)
• 6 -Highlighting Text with mark.mp4 (2.2 MB)
• 7 -Underlined Text with u.mp4 (1.6 MB)
• 8 -Smaller Text with small.mp4 (3.4 MB)
• 9 -Strike Through Text with del.mp4 (2.4 MB)
7 - HTML Lists
• 1 -Ordered vs Unordered Lists.mp4 (3.9 MB)
• 2 -Creating Numbered Lists.mp4 (4.2 MB)
• 3 -Creating Bullet Point Lists.mp4 (3.2 MB)
8 - HTML Advanced Text Formatting
• 1 -Quoting with the blockquote Tag.mp4 (5.0 MB)
• 2 -Line Breaks with br.mp4 (10.0 MB)
• 3 -Horizontal Rules with hr.mp4 (3.3 MB)
9 - HTML Working with Images
• 1 -Understanding Web Image URLs.mp4 (9.5 MB)
• 2 -Using the img Tag.mp4 (7.1 MB)
• 3 -How to Import Local Images.mp4 (9.0 MB)
• 4 -Addressing Local Image Paths.mp4 (7.0 MB)
• 5 -The Power of the alt Attribute.mp4 (19.2 MB)
• Bonus Resources.txt (0.1 KB)