HTML & CSS 2022: Hands-on No-nonsense Guide

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

Build online CV in two completely different templates. Includes modern Responsive Web Design (RWD) with Flexbox and Grid

1. Introduction

1. Course Promo Video

2. Pre-Tests and Post-Tests.html

3.1 resources.zip

3.2 vendor.zip

3. Downloading Source Code.html

2. HTML - Images, Links, Lists, Tables, Forms

1. HTML Section Introduction

2.1 010-html-files.zip

2.2 Post-Test.html

2.3 Pre-Test.html

2. HTML files. Creating and displaying. Basic syntax.

3.1 020-basic-text-tags.zip

3.2 Post-Test.html

3.3 Pre-Test.html

3. Text formatting in HTML. Basic tags and text styles.

4.1 030-images-inserting.zip

4.2 Post-Test.html

4.3 Pre-Test.html

4. Inserting and basic positioning.

5.1 040-images-acquiring.zip

5.2 Post-Test.html

5.3 Pre-Test.html

5. Acquring and copyright.

6.1 050-images-formats.zip

6.2 Post-Test.html

6.3 Pre-Test.html

6. File formats and optimization.

7.1 060-images-positioning.zip

7.2 Post-Test.html

7.3 Pre-Test.html

7. Positioning and transforms.

8.1 070-hyperlinks.zip

8.2 Post-Test.html

8.3 Pre-Test.html

8. Links

9.1 080-lists.zip

9.2 Post-Test.html

9.3 Pre-Test.html

9. Lists

10.1 090-tables.zip

10.2 Post-Test.html

10.3 Pre-Test.html

10. Tables

11.1 100-forms.zip

11.2 Post-Test.html

11.3 Pre-Test.html

11. Forms

12. HTML Section Summary

3. CSS and Responsive Web Design (RWD)

1. CSS Section Introduction

2.1 110-css-basics.zip

2.2 Post-Test.html

2.3 Pre-Test.html

2. Basics of CSS

3.1 120-css-pseudo-media.zip

3.2 Post-Test.html

3.3 Pre-Test.html

3. CSS for Responsive Design

4.1 130-layout-div.zip

4.2 Post-Test.html

4.3 Pre-Test.html

4. HTML layout using divs and semantic tags

5.1 140-layout-flex.zip

5.2 Post-Test.html

5.3 Pre-Test.html

5. HTML layout using Flexbox

6.1 150-layout-grid.zip

6.2 Post-Test.html

6.3 Pre-Test.html

6. HTML layout using Grid

7.1 160-media.zip

7.2 Post-Test.html

7.3 Pre-Test.html

7. HTML media. Video and audio

8.1 170-transitions.zip

8.2 Post-Test.html

8.3 Pre-Test.html

8. CSS transitions. Animations in HTML

9.1 180-web-fonts.zip

9.2 Post-Test.html

9.3 Pre-Test.html

9. CSS web fonts

10.1 Post-Test.html

10.2 Pre-Test.html

10. Can I use HTML and CSS features support level

11.1 Post-Test.html

11.2 Pre-Test.html

11. HTML and CSS resources

12.1 210-less-install.zip

12.2 Post-Test.html

12.3 Pre-Test.html

12. Less Installation

13.1 220-less-features.zip

13.2 Post-Test.html

13.3 Pre-Test.html

13. Less Features

14.1 230-less-watchers.zip

14.2 Post-Test.html

14.3 Pre-Test.html

14. Less Watchers - Continuous CSS Compilation

15.1 Post-Test.html

15.2 Pre-Test.html

15. Less Resources

16. CSS Section Summary

4. CV Zen Garden Capstone Project Initialization

1. Project Initialization Section Introduction

2. Capstone Project Introduction

3. Inspiration and reference

4. Concept of the Layout

5.1 c3-structure.zip

5. Project Initialization

6.1 c4-semantic.zip

6. Semantic HTML

7. Project Initialization Section Summary

5. Modern Layout - CV Zen Garden Capstone Project

1. Modern Layout Section Introduction

2.1 a1-grid-colors-typography.zip

2. Grid. Colors. Typography - Modern Layout

3.1 a2-header.zip

3. Header - Modern Layout

4.1 a3-about-me.zip

4. About Me Section - Modern Layout

5.1 a4-education.zip

5. Education Section - Modern Layout

6.1 a5-work.zip

6. Work Experience Section - Modern Layout

7.1 a6-languages.zip

7. Languages Section - Modern Layout

8.1 a7-skills.zip

8. Skills Section - Modern Layout

9.1 a8-hobbies.zip

9. Hobbies Section - Modern Layout

10.1 a9-contact-address.zip

10. Contact and Address Sections - Modern Layout

11.1 a10-rwd.zip

11. RWD Mobile Version - Modern Layout

6. Newspaper Layout - CV Zen Garden Capstone Project

1. Newspaper Layout Section Introduction

2.1 b1-grid-colors-typography.zip

2. Grid. Colors. Typography - Newspaper Layout

3.1 b2-job-and-address.zip

3. Job and Address Sections - Newspaper Layout

4.1 b3-aboutme.zip

4. About Me Section - Newspaper Layout

5.1 b4-photo.zip

5. Photo Section - Newspaper Layout

6.1 b5-education.zip

6. Education Section - Newspaper Layout

7.1 b6-work.zip

7. Work Experience Section - Newspaper Layout

8.1 b7-languages.zip

8. Languages Section - Newspaper Layout

9.1 b8-skills.zip

9. Skills Section - Newspaper Layout

10.1 b9-hobbies.zip

10. Hobbies Section - Newspaper Layout

11.1 b10-rwd.zip

11. RWD Mobile Version - Newspaper Layout

7. Summary

1. Capstone Project Summary

2. Course Summary

139,000 تومان

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

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

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

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