The Complete Html and CSS Mastery With Real Projects 2024

  • Post category:StudyBullet-11
  • Reading time:8 mins read


become a web designer by mastering HTML and CSS with all advance topics by building real mobile responsive websites

What you will learn

You will Learn HTML advance topics

You will learn CSS from basics to advance

You will get the skills you need to make beautiful websites

useful HTML & CSS examples for each topics

How to plan, design and optimize a website

How to make layouts that work on every possible device using media queries , flexbox and css grid

How to find and use free design assets such as images, fonts, and icons

You will get a certification after completing the course that you can print and use

Description

Hey guys, Welcome to the course, in this course, you will learn HTML and CSS basics to advance with  responsive web design, at the end of the course, At the start of the course, I will cover some fundamentals of the CSS and then I will gradually move on to the more advance and detailed topics, at the start of the course I will explain you the basic but essential topics like the box model and margin collapsing, then I will explain to you all types of selectors that CSS offers whether they are the simple selectors like class, id or element, or they are the pseudo selectors like the pseudo-element selectors or pseudo-class selectors, I will also show you the alternatives of the old pseudo selectors that you can use to select your HTML elements more easily, and then I will move to the advance topics where you will learn all the topics and properties of CSS in details with everything explained with examples , in the advance topics section I will explain you how you can make your websites more responsive by using new techniques that CSS offers ,at the end of the course , we will make a real responsive website so that you can understand how different things work together to make the real web design , so what are you waiting for !


Get Instant Notification of New Courses on our Telegram channel.


English
language

Content

Introduction

0.0 tools for getting started with the HTML and CSS
0.1 tables
0.2 audio
0.3 video
0.4 semantic layout elements

1 getting started with css

1.0 introduction to css and link to html document
1.1 which one is more specific, inline vs internal vs external.
1.2 getting started with selectors basic selectors
1.3 id selector and combinator selectors
1.4 more combinator selectors
1.5 list selectors
1.6 inheritance in CSS

2 CSS in action

2.0 box model and margin collapsing
2.0.1 width and height of the element
2.0.2 min max height and width
2.0.3 padding
2.0.4 borders
2.0.5 margin
2.0.6 box sizing
2.1 outline
2.2 text in CSS
2.3 managing overflowing texts part two
2.4 texts deep dive part three
2.5 lists
2.5.2 change the color of markers
2.6 tables in css
2.6.1 tables in css
2.7 position property in CSS
2.8 overflow in css
2.9 css float properties

3 intermediate topics

3.1 display property inline-block explained
3.2 how to align your content and elements in css
3.3 css measurement units – absolute vs relative incomplete
3.4 pseudo selectors part 1
3.4.2 pseudo selectors part 2
3.4.3 pseudo selectors part 3
3.5 Attr selectors
3.6 images in css
3.7 counters in css
3.7.1 counters in css more examples
3.8.1 opacity and filter in css
3.8.2 backdrop filter explained
3.9 Rounded corners with border radius
3.10.1 backgrounds in css
3.10.2 use shorthand property for backgrounds
3.10.3 how to use gradients as background
3.10.4 conic gradients and gradient generators
3.10.5 how to define the size of repeating gradients
3.10.6 radial gradient more
3.11 shadows in css
3.12 text controlling
8.18.1 font properties
3.14 multi columns in css explained

4 advance CSS

4.0 2d transforms
4.1 3d transforms
4.1.1 perspective properties
4.1.2 transform style
4.1.3 backface visibility explained
4.2.1 transitions in css
4.3.1 animations in css part 1
4.3.2 animations in css part 2
4.4 variables in css
4.5.1 CSS grid explained part 1
4.5.2 grid layout explained part 2
4.5.3 grid layout explained part 3
4.5.4 grid layout child explained part 4
4.6.1 flexbox and parent properties explained part 1
4.6.2 flexbox child elements explained part 2
4.7 convert website for prints media
4.8 aspect ratio
4.9.1 media querries in css introduction with minmax width part 1
4.9.1 media querries in css introduction with minmax width part 1 2nd half
4.9.2 Orientation feature media queries part 2
9.10.3 display mode media queries part 3
4.9.4 minmax height media queries part 4
4.9.5 exact height and width media queries part 5
4.9.6 logical operators media queries part 6
4.9.7 aspect ratio explained in media queries part 7
4.9.8 prefers-color-scheme media queries part 8
4.9.9 @support feature rule explained media queries part 9
4.9.10 new media query syntax media queries part 10
4.10.1 display property explained
4.10.2 display table explained
Enroll for Free

💠 Follow this Video to Get Free Courses on Every Udemy Topics! 💠

Tags: , , , , ,