2024 UPDATED – HTML5 Elements & CSS3 Properties Bootcamp, V2

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

Learn HTML5 - CSS3 from the Ground up through Examples and Practice Activities - Leverage AI to Write Better Code

1. Introduction

1.1 Entire Bootcamp Resource Files.zip

1. Welcome

2. Who this Bootcamp is for

3. How to Make the Best of This Bootcamp

4. What You Should Expect After Completing This Bootcamp

5.1 Legacy Version - V1.txt

5. How to Access the Legacy Version (V1) of this Bootcamp

6. How to Get Help

7. Lets Get Started

2. Getting Started with Web Development

1. Section Overview

2. HTML

3. CSS

4. JavaScript

3. Getting Up and Running

1. Browser

2. Visual Studio Code

3. Visual Studio Code Settings

4.1 Prettier Settings.txt

4. Visual Studio Code Extensions

4. Practical HTML Preliminary Level

1.1 html-preliminary-level.zip

1. Section Overview

2. How to Open a Folder with VS Code

3. How to Create an HTML File with VS Code

4. How to Create Your First Webpage

5. Understanding the HTML Metadata

6. Anatomy of an HTML Element

7. HTML

8. Head

9. Style

10. HTML Body

11. HTML Heading

12. Practice 1 Lets Create some Comments

13. HTML Attributes

14. Practice 2 Attributing Classes & IDs

15. HTML Paragraph

16. Practice 3 Writing Text

17. HTML Link

18. Practice 4 Redirecting Viewers

19. HTML Semantic Elements

20. Practice 5 Lets Build up some Good Habits

5. Practical HTML Intermediate Level

1.1 html-intermediate-level.zip

1. Section Overview

2. HTML Image

3. HTML Figure

4. HTML Figcaption

5. Practice 6 Captioning an Image

6. HTML Video

7. HTML Audio

8. HTML Ordered List

9. Practice 7 Steps to Learn Frontend Web Development

10. HTML Unordered List

11. Practice 8 Creating a Shopping List

12. HTML Description List

13. Practice 9 Animals Diet

14. HTML Table

15. Practice 10 Endangered Animals Database

16. HTML Icons

17. HTML Block Quotation

18. HTML Header

19. HTML Nav

20. Practice 11 Creating a Navigation

21. HTML Main

22. HTML Section

6. Practical HTML Advanced Level

1.1 html-advanced-level.zip

1. Section Overview

2. HTML Article

3. HTML Aside

4. HTML Abbreviation

5. HTML Span

6. HTML Div

7. HTML iFrame

8. HTML Picture

9. HTML Script

10. HTML Details

11. HTML Footer

12. HTML Forms Part 1 Input Types

13. HTML Forms Part 2 More Input Types

14. HTML Forms Part 3 Fieldsets and Legends

15. HTML Container VS. Contained

16. HTML Block VS. Inline

17. Practice 12 Lets Build a Mini-Project

7. Using AI to Generate HTML

1.1 Using-AI-to-Generate-HTML.zip

1. Section Overview

2. Generating the HTML5 Boilerplate - ChatGPT vs. Gemini

3. Generating HTML Headings - ChatGPT vs. Gemini

4. Generating HTML Lists - ChatGPT vs. Gemini

5. Generating HTML Figure Caption - ChatGPT vs. Gemini

6. Generating HTML Semantic Elements - ChatGPT vs. Gemini

7. Generating Form Inputs - ChatGPT vs. Gemini

8. Generating HTML Tables - ChatGPT vs. Gemini

8. Practical CSS Preliminary Level

1.1 Practical-CSS-Preliminary-Level.zip

1. Section Overview

2. How to Link CSS to HTML

3. Anatomy of a CSS Ruleset

4. Browser Default Styles

5. CSS Basic Selectors

6. CSS Colors

7. CSS Background Images

8. CSS Absolute Length Units

9. CSS Height and Width

10. CSS Padding

11. CSS Border

12. CSS Border Radius

13. CSS Margin

14. CSS Box Model

15. CSS Box Sizing

16. Practice 13 Styling a Text

17. Practice 14 Styling a Link

18. CSS Tree-Structural Pseudo-Classes

19. CSS User Action Pseudo-Classes

20. CSS Location Pseudo-Classes

21. CSS Input Pseudo-Classes

22. CSS Positioned Layout Static & Fixed

23. CSS Positioned Layout Top & Bottom

24. CSS Positioned Layout Left & Right

25. CSS Positioned Layout Relative & Sticky

26. CSS Positioned Layout Absolute

27. CSS Pseudo-Elements

28. CSS Combinators

29. Practice 15 Styling a Table

30. CSS Specificity

31. CSS Display Inline

32. CSS Display Block

33. CSS Display Inline-Block

34. CSS Display Flex

35. CSS Display Grid

36. Practice 16 Styling a Navigation

37. Practice 17 Creating a Gallery

9. Practical CSS Intermediate Level

1.1 Practical-CSS-Intermediate-Level.zip

1. Section Overview

2. CSS Opacity

3. CSS Box Shadow

4. CSS Text Shadow

5. CSS Linear Gradient

6. CSS Radial Gradient

7. CSS Repeating Gradient

8. CSS Transitions

9. CSS Transforms

10. CSS Transform Origin

11. Practice 18 Animating a Link

12. Practice 19 Styling an Overlay

13. Practice 20 Showing Text on Hover

14. CSS Animations Part 1

15. CSS Animations Part 2

16. CSS Animations Part 3

17. CSS Object Position

18. CSS Object Fit

19. CSS background Blend Mode

20. CSS Mix Blend Mode

21. CSS Filters Part 1

22. CSS Filters Part 2

23. CSS Backdrop Filters

24. CSS Clip Path

25. CSS Multi-Column Layout Part 1

26. CSS Multi-Column Layout Part 2

27. CSS Multi-Column Layout Part 3

28. CSS Z-Index

29. CSS Overflow

30. Practice 21 Changing Transform Origin

31. Practice 22 Styling a Form

32. Practice 23 Styling a CSS-Only Hamburger Menu

33. Practice 24 Styling an on-off Button

34. Practice 25 Styling a Text Cut-out

35. Practice 26 Styling a Modal

36. Practice 27 Building a Responsive Multi-Column Layout

10. Practical CSS Advanced Level

1.1 Practical-CSS-Advanced-Level.zip

1. Section Overview

2. CSS Flexbox Introduction

3. CSS Flexbox Direction

4. CSS Flexbox Wrap

5. CSS Flexbox Flow

6. CSS Flexbox Justify Content

7. CSS Flexbox Align Items

8. CSS Flexbox Align Content

9. CSS Flexbox Gap

10. CSS Flexbox Order

11. CSS Flexbox Grow

12. CSS Flexbox Shrink

13. CSS Flexbox Basis

14. CSS Flexbox Align Self

15. CSS Grid Introduction

16. CSS Grid Columns and Rows

17. CSS Grid Area and Gap

18. CSS Grid Justify, Align and Place Items

19. CSS Grid Justify, Align and Place Content

20. CSS Grid Justify, Align and Place Self

21. CSS Spanning Grid Items

22. CSS Relocating Grid Items

23. CSS Relative Units ch

24. CSS Relative Units ex

25. CSS Relative Units em

26. CSS Relative Units rem

27. CSS Relative Units vh

28. CSS Relative Units vw

29. CSS Relative Units vmin

30. CSS Relative Units vmax

31. CSS Relative Units Percentage

32. CSS Min-Width and Max-Width

33. CSS Min-Height and Max-Height

34. CSS Media Queries Part 1

35. CSS Media Queries Part 2

36. CSS Media Queries Part 3

37. Practice 28 How to Choose Breakpoints Part 1

38. Practice 29 How to Choose Breakpoints Part 2

39. Practice 30 Mobile First Responsive Design HTML

40. Practice 31 Mobile First Responsive Design CSS

41. Practice 32 Mobile First Responsive Design Final Steps

11. Using AI to Style HTML

1. Section Overview

2. Styling HTML Headings - ChatGPT vs. Gemini

3. Styling HTML Lists - ChatGPT vs. Gemini

4. Styling HTML Tables - ChatGPT vs. Gemini

5. Styling an HTML Form - ChatGPT vs. Gemini

6. Creating a Landing Page - ChatGPT vs. Gemini

12. Congratulations

1. Wrap up + Next Steps

139,000 تومان

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

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

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

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