Udemy – Html + Css – The Beginner Guide

Free Download Udemy – Html + Css – The Beginner Guide
Published 10/2024
MP4 | Video: h264, 1920×1080 | Audio: AAC, 44.1 KHz
Language: English | Size: 4.93 GB | Duration: 6h 57m
Learn the fundamentals of web development with HTML and CSS – No prior experience needed!

What you’ll learn
Build your own websites: Apply your knowledge to create simple and functional web pages from scratch, using both HTML and CSS.
Master the basics of HTML: Understand the structure of HTML documents and learn to create web pages using essential HTML tags, elements, and attributes.
Develop responsive web pages with CSS: Learn how to style web pages using CSS, including layout techniques, colors, fonts, and media queries for responsive desi
Understand best practices in web development: Gain insights into clean coding standards, semantic HTML, and responsive web design principles for modern websites
Requirements
A computer with internet access
Any modern web browser such as Google Chrome, Firefox, or Edge will be required.
Description
Are you interested in learning how to build websites from scratch, but have no prior experience? This course is perfect for you! "HTML + CSS: The Beginner Guide" is designed for anyone who wants to enter the world of web development and learn the essential tools that power the web – HTML and CSS.In this course, you will start with the very basics, mastering the building blocks of web development. You’ll learn how to create well-structured HTML documents and how to style them beautifully using CSS. By the end of the course, you will be able to create your own responsive, visually appealing websites that work across various devices.This course is entirely beginner-friendly, requiring no previous knowledge of coding or design. You will be guided step-by-step through each topic, with practical examples and hands-on exercises to help you solidify your understanding.What you will learn:How to write clean and semantic HTML code.How to apply CSS for modern and responsive web design.Best practices for building well-structured and accessible websites.Tips and tricks to improve your workflow and development process.By the end of this course, you will have the confidence to create functional websites from scratch and take the first step in your web development journey!
Overview
Section 1: Introduction
Lecture 1 Introduction
Lecture 2 Setup
Section 2: HTML very basics
Lecture 3 HTML elements and properties
Lecture 4 Titles and vs code suggestions !
Lecture 5 Spaces and indents !
Section 3: CSS very basics
Lecture 6 Discover styles and colors rgb
Lecture 7 A quick type to get any colors !
Lecture 8 Border radius, font size, and the px unit !
Lecture 9 The class property
Lecture 10 Interactions, shadows and transitions
Lecture 11 Debug with the web inspector
Lecture 12 padding and margin
Lecture 13 Animate anything
Lecture 14 Standard html template
Lecture 15 Text styling – Structure and fonts
Lecture 16 Text styling – Underline
Lecture 17 Text shadow and span tag !
Lecture 18 Correction
Section 4: Navigation , links and path
Lecture 19 Navigation
Section 5: HTML and CSS are breaking up !
Lecture 20 Spliting html and css
Lecture 21 No more style tags !
Section 6: Live reloading
Lecture 22 Never refresh your page again !
Section 7: Install your own fonts
Lecture 23 Custom fonts
Section 8: Images
Lecture 24 Displaying local and remote images
Section 9: Placing elements
Lecture 25 Display property
Lecture 26 Splitting before coding
Lecture 27 The div
Lecture 28 Checkbox
Section 10: Recipe website
Lecture 29 Lists
Lecture 30 Grouping css
Section 11: Shopping list website
Lecture 31 HTML structure
Lecture 32 Grids
Lecture 33 Shopping grids, and comments
Lecture 34 Positions : relative and absolute
Lecture 35 Styling the card
Lecture 36 Positioning and Animating
Section 12: Flexbox system – Project foody
Lecture 37 Flex box system explained
Lecture 38 HTML nav and Icons
Lecture 39 CSS nav and CSS variables
Lecture 40 Nav and counter
Lecture 41 Fixed positions – Background images
Lecture 42 Product banner
Lecture 43 Main texts
Lecture 44 Quantity button
Lecture 45 Buy button
Lecture 46 Scale animations
Lecture 47 Responsive design with media queries
Section 13: Deploy your website on internet
Lecture 48 Deploying with Github pages
No prior coding experience needed: This course is designed for complete beginners.

Homepage

https://www.udemy.com/course/html-css-the-beginner-guide/