The Complete Html and CSS Mastery With Real Projects 2023

سرفصل های دوره

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

1. Html From Basics To Advance

1. 1.0 getting the project ready for html

2. 1.2 Extentions for htm and css

3. 1.2.structure of an HTML document

4. 1.3 headings br hr pre elements

5. 1.4 inline and block level elements

6. 1.5 abbr b strong i em elements explained

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

8. 1.7 span , time and u element explained

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

10. 1.9.1forms introduction and form attributes

11. 1.9.2 input field introduction

12. 1.9.3 input common attributes part 2

13. 1.9.4 input common attributes part 3

14. 1.10.1 input types explained

15. 1.10.2 more submit attributes explained

16. 1.11.1 image and file

17. 1.12 date and time

18. 1.13 semantic layout elements

19. 1.14 checkboxes and radio reset

20. 1.15 textarea

21. 1.16 select and select group

22. 1.17 datalist fieldset and legend

23. 1.18 tables

24. 1.19 audio

25. 1.20 video

2. 1 getting started with css

1. 1.0 introduction to css and link to html document

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

3. 1.2 getting started with selectors basic selectors

4. 1.3 id selector and combinator selectors

5. 1.4 more combinator selectors

6. 1.5 list selectors

7. 1.6 inheritance in CSS

3. 2 CSS in action

1. 2.0 box model and margin collapsing

2. 2.0.1 width and height of the element

3. 2.0.2 min max height and width

4. 2.0.3 padding

5. 2.0.4 borders

6. 2.0.5 margin

7. 2.0.6 box sizing

8. 2.1 outline

9. 2.2 text in CSS

10. 2.3 managing overflowing texts part two

11. 2.4 texts deep dive part three

12. 2.5 lists

13. 2.5.2 change the color of markers

14. 2.6 tables in css

15. 2.6.1 tables in css

16. 2.7 position property in CSS

17. 2.8 overflow in css

18. 2.9 css float properties

4. 3 intermediate topics

1. 3.1 display property inline-block explained

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

3. 3.3 css measurement units - absolute vs relative incomplete

4. 3.4 pseudo selectors part 1

5. 3.4.2 pseudo selectors part 2

6. 3.4.3 pseudo selectors part 3

7. 3.5 Attr selectors

8. 3.6 images in css

9. 3.7 counters in css

10. 3.7.1 counters in css more examples

11. 3.8.1 opacity and filter in css

12. 3.8.2 backdrop filter explained

13. 3.9 Rounded corners with border radius

14. 3.10.1 backgrounds in css

15. 3.10.2 use shorthand property for backgrounds

16. 3.10.3 how to use gradients as background

17. 3.10.4 conic gradients and gradient generators

18. 3.10.5 how to define the size of repeating gradients

19. 3.10.6 radial gradient more

20. 3.11 shadows in css

21. 3.12 text controlling

22. 8.18.1 font properties

23. 3.14 multi columns in css explained

5. 4 advance CSS

1. 4.0 2d transforms

2. 4.1 3d transforms

3. 4.1.1 perspective properties

4. 4.1.2 transform style

5. 4.1.3 backface visibility explained

6. 4.2.1 transitions in css

7. 4.3.1 animations in css part 1

8. 4.3.2 animations in css part 2

9. 4.4 variables in css

10. 4.5.1 CSS grid explained part 1

11. 4.5.2 grid layout explained part 2

12. 4.5.3 grid layout explained part 3

13. 4.5.4 grid layout child explained part 4

14. 4.6.1 flexbox and parent properties explained part 1

15. 4.6.2 flexbox child elements explained part 2

16. 4.7 convert website for prints media

17. 4.8 aspect ratio

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

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

20. 4.9.2 Orientation feature media queries part 2

21. 9.10.3 display mode media queries part 3

22. 4.9.4 minmax height media queries part 4

23. 4.9.5 exact height and width media queries part 5

24. 4.9.6 logical operators media queries part 6

25. 4.9.7 aspect ratio explained in media queries part 7

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

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

28. 4.9.10 new media query syntax media queries part 10

29. 4.10.1 display property explained

30. 4.10.2 display table explained

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

32. 4.10.3 Flow Root display value explained

33. 4.11 accent color and current color explained

34. 4.12.1 style scrollbar part 1

35. 4.13 scroll behavior explained

36. 4.14 user select tutorial

37. 4.15 change carret color

38. 4.16.1 intro to logical props part 1

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

40. 4.16.3 create direction responsive card logical props part 3

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

42. 4.16.5 position logical properties

43. 4.16.6 logical values

44. 4.17 css blendmodes explained

45. 4.18 min , max and clamp function explained

46. 4.19 CALC function explained

47. 4.20.1 clip-path explained masking part 1

48. 4.20.3 shape outside properties explained masking part 3

6. Full Project

1. 1.1 project 1 setup and introduction

53,700 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy-Training