Complete Html Css For Beginners (2023) | Build 3 Projects

Learn to build modern and responsive web designs for your next project

What you'll learn

Build fully-fledged websites

Work as a freelancer on different freelance websites

Learn the best practices

How to play with code

Learn all the essentials + professional ways

Learn Deployment your website

Requirements

Not any previous knowledge required about web development

Just have good Pc and internet

Willingness to learn

Learn by doing

Description

Welcome to our comprehensive "HTML and CSS for beginners" course on Udemy! This course is perfect for those who are new to web development and want to learn the basics of HTML and CSS.HTML (Hypertext Markup Language) and CSS (Cascading Style Sheets) are the foundation of all websites. In this course, we will cover the fundamental concepts of HTML and CSS and how they work together to create beautiful, engaging websites.You'll start by learning the basics of HTML, including how to create web pages using HTML tags and structure your content using headings, paragraphs, images, and links. We'll also cover more advanced topics like creating lists, tables, and forms.After that, we'll dive into CSS and learn how to use it to add style and layout to your web pages. From basic CSS concepts like selectors, properties, and values to more advanced features like CSS Grid and Flexbox. You'll learn how to create responsive web designs that look great on any device.Additionally, you will learn how to use CSS to create beautiful and modern design. From creating button, navigation, and card design to creating hero section, pricing table, and modal. With this course, you will be able to create a complete website.By the end of this course, you will have a solid understanding of HTML and CSS and be able to create your own web pages from scratch. You will have the skills you need to start building your own websites or to take your web development skills to the next level.Enroll now and take the first step towards becoming a web developer! This course is perfect for those who are new to web development and want to learn the basics of HTML and CSS. With our comprehensive and engaging course, you'll be able to create beautiful and modern websites in no time! Don't wait, take this course today and start your journey to becoming a web developer.

Overview

Section 1: Welcome to this course

Lecture 1 01. Welcome

Section 2: HTML Basics

Lecture 2 02. Setting VS Code

Lecture 3 03. Installing Extensions

Lecture 4 04. Creating a HTML Tag

Lecture 5 05. Basic Layout

Lecture 6 06. Meta Tags

Lecture 7 07. h an p Tags

Lecture 8 08. Images and Videos

Lecture 9 09. a Tags

Lecture 10 10. Forms

Lecture 11 11. Lists

Lecture 12 12. Comments

Lecture 13 13. Tables

Lecture 14 14. Classes and ID's

Lecture 15 15. HTML Semantics

Lecture 16 16. HTML Entities

Section 3: CSS Basics

Lecture 17 How to use Css

Lecture 18 19. Basics Syntax

Lecture 19 20. Selectors

Lecture 20 20. Specificity

Lecture 21 21. Padding & Margin

Lecture 22 23. Box Model

Lecture 23 24. Pixel , rem and em

Lecture 24 24. Styling a Button

Lecture 25 26. Display Types

Lecture 26 26. Positions

Lecture 27 28. Pseudo Elements and Classes

Section 4: 3. Mobile Responsivenes

Lecture 28 29. Media Quries

Lecture 29 31. VH & VW

Section 5: 04. Flexbox

Lecture 30 32. FlexBox Basics

Lecture 31 33. Practice Flexbox

Section 6: Project 1: Build Travel Website

Lecture 32 34. Setting Things Up!

Lecture 33 35. Creating Navbar & Heo

Lecture 34 36. Creating the City Sections

Lecture 35 37. Card Section

Lecture 36 38. Form Section

Lecture 37 39. Submitting Form

Section 7: Assessibility

Lecture 38 41. Sementics

Lecture 39 42. Contrast

Lecture 40 43. Keyboard

Lecture 41 44. Text

Lecture 42 45. Lable & Alt

Section 8: 09. Css Grid

Lecture 43 46. Css Grid Basics

Lecture 44 47. CSS Grid vs Flexbox

Section 9: 10. Project 2 Photography Website

Lecture 45 48. Setup

Lecture 46 49. Adding Fonts

Lecture 47 50. First Page

Lecture 48 51. Plant Animation

Lecture 49 52. Burger Animation

Lecture 50 53. Fixing Small Issues

Lecture 51 54. About Section

Lecture 52 55. Image Gallary

Lecture 53 56. Contact Page

Lecture 54 57. Adding JavaScript Functionality

Section 10: 11. Basics of SAAS

Lecture 55 58. Bsaics of Saas

Section 11: 11. Optimization & Deployment

Lecture 56 59. Optimizing Images

Lecture 57 60. Optimizing HTML & CSS

Lecture 58 61. Deployment

Completely for Beginners,For Web Developers,Not any age restriction