The Complete Html and CSS Mastery With Real Projects 2023

Focused View

Scorpius Academy,Scorpius Academy Support

34:43:37

269 View

1. Html From Basics To Advance

1. 1.0 getting the project ready for html.mp4

04:10

2. 1.2 Extentions for htm and css.mp4

03:06

3. 1.2.structure of an HTML document.mp4

05:17

4. 1.3 headings br hr pre elements.mp4

09:40

5. 1.4 inline and block level elements.mp4

08:16

6. 1.5 abbr b strong i em elements explained.mp4

07:16

7. 1.6 bdo ,br, addresss ,cite, and code element explained.mp4

05:44

8. 1.7 span , time and u element explained.mp4

04:38

9. 1.8 strikethrough,del ,ins,small ,sub and sup explained.mp4

07:10

10. 1.9.1forms introduction and form attributes.mp4

09:53

11. 1.9.2 input field introduction.mp4

01:11

12. 1.9.3 input common attributes part 2.mp4

09:36

13. 1.9.4 input common attributes part 3.mp4

05:13

14. 1.10.1 input types explained.mp4

17:04

15. 1.10.2 more submit attributes explained.mp4

04:26

16. 1.11.1 image and file.mp4

07:16

17. 1.12 date and time.mp4

02:39

18. 1.13 semantic layout elements.mp4

01:55

19. 1.14 checkboxes and radio reset.mp4

13:39

20. 1.15 textarea.mp4

11:20

21. 1.16 select and select group.mp4

10:11

22. 1.17 datalist fieldset and legend.mp4

06:41

23. 1.18 tables.mp4

09:51

24. 1.19 audio.mp4

07:00

25. 1.20 video.mp4

06:28

2. 1 getting started with css

1. 1.0 introduction to css and link to html document.mp4

08:44

2. 1.1 which one is more specific, inline vs internal vs external..mp4

08:00

3. 1.2 getting started with selectors basic selectors.mp4

15:40

4. 1.3 id selector and combinator selectors.mp4

12:17

5. 1.4 more combinator selectors.mp4

06:21

6. 1.5 list selectors.mp4

04:33

7. 1.6 inheritance in CSS.mp4

03:45

3. 2 CSS in action

1. 2.0 box model and margin collapsing.mp4

15:28

2. 2.0.1 width and height of the element.mp4

28:51

3. 2.0.2 min max height and width.mp4

16:49

4. 2.0.3 padding.mp4

15:46

5. 2.0.4 borders.mp4

17:05

6. 2.0.5 margin.mp4

09:58

7. 2.0.6 box sizing.mp4

13:33

8. 2.1 outline.mp4

09:18

9. 2.2 text in CSS.mp4

40:44

10. 2.3 managing overflowing texts part two.mp4

10:14

11. 2.4 texts deep dive part three.mp4

42:06

12. 2.5 lists.mp4

04:54

13. 2.5.2 change the color of markers.mp4

11:57

14. 2.6 tables in css.mp4

09:37

15. 2.6.1 tables in css.mp4

07:57

16. 2.7 position property in CSS.mp4

12:01

17. 2.8 overflow in css.mp4

04:43

18. 2.9 css float properties.mp4

07:28

4. 3 intermediate topics

1. 3.1 display property inline-block explained.mp4

05:11

2. 3.2 how to align your content and elements in css.mp4

23:18

3. 3.3 css measurement units - absolute vs relative incomplete.mp4

22:28

4. 3.4 pseudo selectors part 1.mp4

35:53

5. 3.4.2 pseudo selectors part 2.mp4

33:00

6. 3.4.3 pseudo selectors part 3.mp4

09:26

7. 3.5 Attr selectors.mp4

22:33

8. 3.6 images in css.mp4

16:16

9. 3.7 counters in css.mp4

13:46

10. 3.7.1 counters in css more examples.mp4

09:43

11. 3.8.1 opacity and filter in css.mp4

12:39

12. 3.8.2 backdrop filter explained.mp4

11:01

13. 3.9 Rounded corners with border radius.mp4

09:34

14. 3.10.1 backgrounds in css.mp4

47:06

15. 3.10.2 use shorthand property for backgrounds.mp4

09:08

16. 3.10.3 how to use gradients as background.mp4

01:02:32

17. 3.10.4 conic gradients and gradient generators.mp4

36:44

18. 3.10.5 how to define the size of repeating gradients.mp4

15:29

19. 3.10.6 radial gradient more.mp4

04:17

20. 3.11 shadows in css.mp4

11:20

21. 3.12 text controlling.mp4

08:30

22. 8.18.1 font properties.mp4

40:34

23. 3.14 multi columns in css explained.mp4

17:41

5. 4 advance CSS

1. 4.0 2d transforms.mp4

38:52

2. 4.1 3d transforms.mp4

32:09

3. 4.1.1 perspective properties.mp4

07:38

4. 4.1.2 transform style.mp4

15:02

5. 4.1.3 backface visibility explained.mp4

16:17

6. 4.2.1 transitions in css.mp4

18:45

7. 4.3.1 animations in css part 1.mp4

30:52

8. 4.3.2 animations in css part 2.mp4

16:28

9. 4.4 variables in css.mp4

13:12

10. 4.5.1 CSS grid explained part 1.mp4

34:40

11. 4.5.2 grid layout explained part 2.mp4

42:52

12. 4.5.3 grid layout explained part 3.mp4

52:01

13. 4.5.4 grid layout child explained part 4.mp4

26:58

14. 4.6.1 flexbox and parent properties explained part 1.mp4

36:03

15. 4.6.2 flexbox child elements explained part 2.mp4

24:45

16. 4.7 convert website for prints media.mp4

32:37

17. 4.8 aspect ratio.mp4

41:15

18. 4.9.1 media querries in css introduction with minmax width part 1.mp4

29:13

19. 4.9.1 media querries in css introduction with minmax width part 1 2nd half.mp4

23:30

20. 4.9.2 Orientation feature media queries part 2.mp4

11:56

21. 9.10.3 display mode media queries part 3.mp4

06:32

22. 4.9.4 minmax height media queries part 4.mp4

22:47

23. 4.9.5 exact height and width media queries part 5.mp4

04:13

24. 4.9.6 logical operators media queries part 6.mp4

43:16

25. 4.9.7 aspect ratio explained in media queries part 7.mp4

14:00

26. 4.9.8 prefers-color-scheme media queries part 8.mp4

29:42

27. 4.9.9 @support feature rule explained media queries part 9.mp4

24:11

28. 4.9.10 new media query syntax media queries part 10.mp4

25:26

29. 4.10.1 display property explained.mp4

15:09

30. 4.10.2 display table explained.mp4

28:02

31. 4.10.3 display flex vs inline-flex and grid vs inline-grid.mp4

05:39

32. 4.10.3 Flow Root display value explained.mp4

05:39

33. 4.11 accent color and current color explained.mp4

12:46

34. 4.12.1 style scrollbar part 1.mp4

16:59

35. 4.13 scroll behavior explained.mp4

10:39

36. 4.14 user select tutorial.mp4

03:49

37. 4.15 change carret color.mp4

01:24

38. 4.16.1 intro to logical props part 1.mp4

16:39

39. 4.16.2 dont use simple paddings,margins and borders logical props part 2.mp4

40:58

40. 4.16.3 create direction responsive card logical props part 3.mp4

26:56

41. 4.16.4 dont use regular height and width use these instead logical props part 4.mp4

12:50

42. 4.16.5 position logical properties.mp4

23:47

43. 4.16.6 logical values.mp4

03:31

44. 4.17 css blendmodes explained.mp4

28:09

45. 4.18 min , max and clamp function explained.mp4

32:43

46. 4.19 CALC function explained.mp4

22:23

47. 4.20.1 clip-path explained masking part 1.mp4

44:58

48. 4.20.3 shape outside properties explained masking part 3.mp4

08:01

6. Full Project

1. 1.1 project 1 setup and introduction.mp4

11:46

Description

become a web designer by mastering HTML and CSS with all advance topics by building mobile responsive website / projects

What You'll 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

Who is this for?

This course is for everyone who wants to learn web design with html and css

More details

Description
Welcome to "The Complete HTML and CSS Mastery with Real Projects 2023" - the most comprehensive and up-to-date course on HTML and CSS on Udemy! In this course, we will cover everything from the basics of HTML and CSS to advanced topics and real-world projects. By the end of this course, you will have a mastery of HTML and CSS that will allow you to create stunning websites and web applications.
Section 1: Introduction
In this section, we will provide an introduction to web development and explain the importance of HTML and CSS in creating web pages. We will also cover the basic tools and software you need to start your web development journey.
Section 2: Complete Visual Studio Code
Visual Studio Code is a powerful and popular code editor that many web developers use. In this section, we will provide a complete tutorial on how to use Visual Studio Code for your web development projects.
Section 3: HTML From Basics To Advance
In this section, we will cover everything you need to know about HTML - from the basic structure of an HTML document to advanced HTML topics like multimedia, forms, and semantic HTML. You will also learn best practices and tips for creating clean and efficient HTML code.
Section 4: CSS From Beginners to Advanced
CSS is an essential language for web development, and in this section, we will cover everything you need to know about CSS. We have divided this section into four different levels of difficulty, from beginner to advanced. This allows you to progress at your own pace and master CSS at your own level.
Section 5: Full Project
In this section, you will work on a full project that will allow you to apply everything you have learned in the course so far. You will build a complete website from scratch, applying both HTML and CSS.
Section 6: Small Projects And Effects
In this section, you will learn how to create small projects and effects that will add style and interactivity to your websites. You will learn how to create animations, hover effects, and other design elements that will make your websites stand out.
Section 7: Tools For Web Development That Every Developer Should Know!
In this section, we will introduce you to the essential tools for web development that every developer should know. You will learn about code libraries, frameworks, and other tools that can help you create better websites and web applications.
Why is it necessary to learn web development?
Web development is a critical skill in today's digital age. As more and more businesses and organizations move online, the demand for web developers continues to increase. With the rise of mobile devices and the need for responsive web design, web development has become even more essential. Learning web development can also provide you with a creative outlet and the opportunity to create something that can impact millions of people.
What is the average annual salary of a web developer?
The average annual salary of a web developer varies depending on their experience, skill level, and location. However, according to Indeed, the average salary for a web developer in the United States is $75,073 per year.
Why should you enroll in this course?
This course is the most comprehensive and up-to-date course on HTML and CSS on Udemy. You will learn everything from the basics to advanced topics and have the opportunity to work on real-world projects. By the end of this course, you will have a mastery of HTML and CSS that will allow you to create stunning websites and web applications. Furthermore, this course is taught by experienced and professional web developers who have years of experience in the field.
What will you learn after learning HTML and CSS?
Once you have mastered HTML and CSS, you will have the skills and knowledge to create beautiful and functional websites and web applications. You will also have the foundation to learn more advanced web development skills, such as JavaScript
Who this course is for:
This course is for everyone who wants to learn web design with html and css

User Reviews

Rating

average 0

Total votes0

Focused display

hi, I am Zohaib khan, a full-stack web developer, and android programmer. I have 5 years of programming experience in web and android app development, now on this platform, I will be sharing with you all the knowledge I have and how you can make your own stunning websites and mobile apps.

Scorpius Academy Support

Instructor's Courses

hi, I am a full-stack web developer, and android programmer. I have 5 years of programming experience in web and android app development, now on this platform, I will be sharing with you all the knowledge I have and how you can make your own stunning websites and mobile apps.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.