HTML and CSS Masterclass

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

Web development requires these skills. Learn HTML5 and CSS 3 as well as Bootstrap and XHTML!

1. Introduction

1. Course Introduction

2. Setup of IDE

1. Section 2 Introduction

2. Downloading and Installing Visual Studio Code

3. Customizing the IDE

4. Running Code in a Web Browser

5. Recap of Section 2

3. HTML Fundamentals

1. Section 3 Introduction

2. What is HTML

3.1 Resources-HTML-Fundamentals-HTML-Tags.zip.html

3.2 Source code - HTML Fundamentals - HTML Tags.html

3. HTML Tags

4. Adding an input field to HTML code.html

5.1 Source code - HTML Fundamentals - Format of an HTML Document.html

5. Format of an HTML Document

6.1 Source code - HTML Fundamentals - Structure of HTML Code.html

6. Structure of HTML Code

7.1 Source code - HTML Fundamentals - Page Title and Headings.html

7. Page Title and Headings

8. Adding a title and heading to an HTML Webpage.html

9.1 Source code - HTML Fundamentals - Paragraphs and Text.html

9. Paragraphs and Text

10. Hello World in HTML.html

11.1 Source code - HTML Fundamentals - Style Attribute and Style Tag.html

11. Style Attribute and Style Tag

12. Using the style attribute to stylize an HTML element.html

13.1 Source code - HTML Fundamentals - Formatting Text in HTML.html

13. Formatting Text in HTML

14. Formatting HTML text.html

15.1 Resources-HTML-Fundamentals-Hyperlinks-in-HTML.zip.html

15. Hyperlinks in HTML

16. Adding a HyperLink to HTML code.html

17.1 Resources-HTML-Fundamentals-Images-in-HTML.zip.html

17.2 Source code - HTML Fundamentals - Images in HTML.html

17. Images in HTML

18. Buttons in HTML

19. Creating a button in HTML.html

20.1 Source code - HTML Fundamentals - Comments in HTML.html

20. Comments in HTML

21.1 HTML Documentation - free online resource.html

21. Recap of Section 3

4. Displaying Data in HTML

1. Section 4 Introduction

2.1 Source code - Displaying Data in HTML - Lists in HTML.html

2. Lists in HTML

3. Create an ordered list using HTML code.html

4. Create an unordered list using HTML code.html

5.1 Source code - Displaying Data in HTML - Tables in HTML.html

5. Tables in HTML

6. Create a table using HTML code.html

7.1 Resources-Displaying-Data-in-HTML-Layouts-in-HTML.zip.html

7.2 Source code - Displaying Data in HTML - Layouts in HTML.html

7. Layouts in HTML

8. Creating a layout in HTML.html

9.1 Source code - Displaying Data in HTML - Divs and Spans.html

9. Divs and Spans

10. Creating a div in HTML.html

11. Creating a span in HTML.html

12.1 Source code - Displaying Data in HTML - Forms in HTML.html

12. Forms in HTML

13. Creating a form in HTML.html

14. Recap of Section 4

5. Colors in HTML

1. Section 5 Introduction

2. Color in HTML

3.1 Source code - Colors in HTML - Coloring Elements in HTML.html

3. Coloring Elements in HTML

4. Recap of Section 5

6. Embedding Media and Graphics in HTML

1. Section 6 Introduction

2.1 Resources-Embedding-Media-and-Graphics-in-HTML-More-on-Images-in-HTML.zip.html

2.2 Source code - Embedding Media and Graphics in HTML - More on Images in HTML.html

2. More on Images in HTML

3.1 Resources-Embedding-Media-and-Graphics-in-HTML-Embedding-Video-in-HTML.zip.html

3.2 Source code - Embedding Media and Graphics in HTML - Embedding Video in HTML.html

3. Embedding Video in HTML

4.1 Resources-Embedding-Media-and-Graphics-in-HTML-Embedding-Audio-in-HTML.zip.html

4.2 Source code - Embedding Media and Graphics in HTML - Embedding Audio in HTML.html

4. Embedding Audio in HTML

5.1 Source code - Embedding Media and Graphics in HTML - Embedding other Webpages.html

5. Embedding other Webpages

6.1 Resources-Embedding-Media-and-Graphics-in-HTML-HTML-Canvas.zip.html

6.2 Source code - Embedding Media and Graphics in HTML - HTML Canvas.html

6. HTML Canvas

7.1 Source code - Embedding Media and Graphics in HTML - Scalable Vector Graphics (SVGs).html

7. Scalable Vector Graphics (SVGs)

8. Recap of Section 6

7. More on HTML Tags

1. Section 7 Introduction

2.1 Source code - More on HTML Tags - Formatting Tags.html

2. Formatting Tags

3.1 Source code - More on HTML Tags - Metadata Tags.html

3. Metadata Tags

4.1 Source code - More on HTML Tags - New Tags to HTML 5.html

4. New Tags to HTML 5

5. Section 7 Recap

8. HTML Global Attributes

1. Section 8 Introduction

2.1 Source code - HTML Global Attributes - Global Attributes.html

2. Global Attributes

3.1 Source code - HTML Global Attributes - HTML 5 Specific Global Attributes.html

3. HTML 5 Specific Global Attributes

4. Section 8 Recap

9. Events in HTML

1. Section 9 Introduction

2.1 Source code - Events in HTML - Keyboard Events.html

2. Keyboard Events

3.1 Source code - Events in HTML - Mouse Events.html

3. Mouse Events

4.1 Source code - Events in HTML - Drag Events.html

4. Drag Events

5.1 Source code - Events in HTML - Clipboard Events.html

5. Clipboard Events

6. Section 9 Recap

10. Layouts and Webpages in HTML

1. Section 10 Introduction

2.1 Resources-Layouts-and-Webpages-in-HTML-Dynamic-Images-and-Text.zip.html

2.2 Source code - Layouts and Webpages in HTML - Dynamic Images and Text.html

2. Dynamic Images and Text

3.1 Source code - Layouts and Webpages in HTML - Menus and Header Bars.html

3. Menus and Header Bars

4.1 Source code - Layouts and Webpages in HTML - Intro to Bootstrap.html

4. Intro to Bootstrap

5.1 Source code - Layouts and Webpages in HTML - Positioning in Bootstrap.html

5. Positioning in Bootstrap

6.1 Source code - Layouts and Webpages in HTML - Menus and UI in Bootstrap.html

6. Menus and UI in Bootstrap

7.1 Resources-Layouts-and-Webpages-in-HTML-Images-in-Bootstrap.zip.html

7.2 Source code - Layouts and Webpages in HTML - Images in Bootstrap.html

7. Images in Bootstrap

8.1 Source code - Layouts and Webpages in HTML - Text in Bootstrap.html

8. Text in Bootstrap

9.1 Source code - Layouts and Webpages in HTML - Other Bootstrap Elements.html

9. Other Bootstrap Elements

10. Section 10 Recap

11. HTML Hands-On Practice

1. Section 11 Introduction

2.1 Source code - HTML Hands-On Practice - Starting our Webpage.html

2. Starting our Webpage

3.1 Resources-HTML-Hands-On-Practice-Creating-the-Header-Bar.zip.html

3.2 Source code - HTML Hands-On Practice - Creating the Header Bar.html

3. Creating the Header Bar

4.1 Resources-HTML-Hands-On-Practice-Creating-the-Home-Page.zip.html

4.2 Source code - HTML Hands-On Practice - Creating the Home Page.html

4. Creating the Home Page

5.1 Resources-HTML-Hands-On-Practice-Creating-the-About-Page.zip.html

5.2 Source code - HTML Hands-On Practice - Creating the About Page.html

5. Creating the About Page

6.1 Resources-HTML-Hands-On-Practice-Creating-the-Menu-Page.zip.html

6.2 Source code - HTML Hands-On Practice - Creating the Menu Page.html

6. Creating the Menu Page

7.1 Source code - HTML Hands-On Practice - Creating the Contact Page.html

7. Creating the Contact Page

8. Section 11 Recap

12. XHTML

1. Section 12 Introduction

2. What is XHTML

3. XHTML Syntax

4.1 Source code - XHTML - Converting HTML to XHTML.html

4. Converting HTML to XHTML

5.1 XHTML Documentation - free online resource.html

5. Section 12 Recap

13. Debugging HTML

1. Section 13 Introduction

2. What is Debugging

3.1 Source code - Debugging HTML - Common Errors and How to Fix Them.html

3. Common Errors and How to Fix Them

4.1 Free online HTML validator.html

4.2 Resources-Debugging-HTML-Using-An-HTML-Validator.zip.html

4. Using An HTML Validator

5. Section 13 Recap

14. CSS Basics

1. Section 14 Introduction

2.1 Source code - CSS Basics - Creating a CSS Stylesheet.html

2. Creating a CSS Stylesheet

3.1 Source code - CSS Basics - Importing Stylesheet vs. Using Style Tag.html

3. Importing Stylesheet vs. Using Style Tag

4.1 Source code - CSS Basics - CSS Syntax.html

4. CSS Syntax

5.1 Source code - CSS Basics - Cascading Order.html

5. Cascading Order

6. Box Model

7.1 Source code - CSS Basics - Paddings and Margins.html

7. Paddings and Margins

8.1 CSS Documentation - free online resource.html

8. Section 14 Recap

15. Modifying Text Using CSS

1. Section 15 Introduction

2.1 Source code - Modifying Text Using CSS - Text Styling Concepts.html

2. Text Styling Concepts

3.1 Source code - Modifying Text Using CSS - Basic Text Effects.html

3. Basic Text Effects

4.1 Source code - Modifying Text Using CSS - Fonts.html

4. Fonts

5.1 Source code - Modifying Text Using CSS - Text Properties.html

5. Text Properties

6. Section 15 Recap

16. Colors in CSS

1. Section 16 Introduction

2.1 Source code - Colors in CSS - What Can I Color.html

2. What Can I Color

3.1 Source code - Colors in CSS - Specifying Colors.html

3. Specifying Colors

4.1 Resources-Colors-in-CSS-Saturation.zip.html

4.2 Source code - Colors in CSS - Saturation.html

4. Saturation

5.1 Resources-Colors-in-CSS-Opacity.zip.html

5.2 Source code - Colors in CSS - Opacity.html

5. Opacity

6.1 Resources-Colors-in-CSS-Filters.zip.html

6.2 Source code - Colors in CSS - Filters.html

6. Filters

7. Section 16 Recap

17. CSS Properties

1. Section 17 Introduction

2.1 Resources-CSS-Properties-Background-Properties.zip.html

2.2 Source code - CSS Properties - Background Properties.html

2. Background Properties

3.1 Resources-CSS-Properties-Border-Properties.zip.html

3.2 Source code - CSS Properties - Border Properties.html

3. Border Properties

4.1 Source code - CSS Properties - Box Properties.html

4. Box Properties

5.1 Source code - CSS Properties - Outline Properties.html

5. Outline Properties

6.1 Source code - CSS Properties - Positioning Properties.html

6. Positioning Properties

7.1 Resources-CSS-Properties-Clipping-and-Masking-Properties.zip.html

7.2 Source code - CSS Properties - Clipping and Masking Properties.html

7. Clipping and Masking Properties

8.1 Resources-CSS-Properties-Other-Properties.zip.html

8.2 Source code - CSS Properties - Other Properties.html

8. Other Properties

9. Section 17 Recap

18. CSS Tables

1. Section 18 Introduction

2.1 Source code - CSS Tables - Table Style and Display.html

2. Table Style and Display

3.1 Source code - CSS Tables - Table Alignment.html

3. Table Alignment

4.1 Source code - CSS Tables - Cool Effects.html

4. Cool Effects

5. Section 18 Recap

19. CSS Lists

1. Section 19 Introduction

2. List Properties

3. Coloring Lists

4. Section 19 Recap

20. CSS Animations

1. Section 20 Introduction

2. Transition Properties

3.1 Source code - CSS Animations - Animation Properties.html

3. Animation Properties

4.1 Source code - CSS Animations - 2D Animation.html

4. 2D Animation

5.1 Source code - CSS Animations - 3D Animation.html

5. 3D Animation

6. Section 20 Recap

21. Animation Properties in CSS

1. Section 21 Introduction

2.1 Resources-Animation-Properties-in-CSS-Background.zip.html

2.2 Source code - Animation Properties in CSS - Background.html

2. Background

3.1 Source code - Animation Properties in CSS - Border.html

3. Border

4.1 Source code - Animation Properties in CSS - Column.html

4. Column

5.1 Source code - Animation Properties in CSS - Font.html

5. Font

6.1 Source code - Animation Properties in CSS - Margin.html

6. Margin

7.1 Source code - Animation Properties in CSS - Height and Width.html

7. Height and Width

8.1 Source code - Animation Properties in CSS - Text.html

8. Text

9.1 Source code - Animation Properties in CSS - Padding.html

9. Padding

10.1 Source code - Animation Properties in CSS - Word-Spacing and Letter-Spacing.html

10. Word-Spacing and Letter-Spacing

11. Section 21 Recap

22. CSS Buttons

1. Section 22 Intro

2.1 Source code - CSS Buttons - hover and active State.html

2. hover and active State

3.1 Resources-CSS-Buttons-Advanced-Styling.zip.html

3.2 Source code - CSS Buttons - Advanced Styling.html

3. Advanced Styling

4.1 Source code - CSS Buttons - Animation.html

4. Animation

5. Section 22 Recap

23. CSS Pseduo-Classes and Selectors

1. Section 23 Introduction

2.1 Source code - CSS Pseduo-Classes and Selectors - General CSS Selectors.html

2. General CSS Selectors

3.1 Source code - CSS Pseduo-Classes and Selectors - Input Pseudo-Classes.html

3. Input Pseudo-Classes

4.1 Source code - CSS Pseduo-Classes and Selectors - Type Pseudo-Classes.html

4. Type Pseudo-Classes

5.1 Source code - CSS Pseduo-Classes and Selectors - Child Pseudo-Classes.html

5. Child Pseudo-Classes

6.1 Source code - CSS Pseduo-Classes and Selectors - a Pseudo-Classes.html

6. a Pseudo-Classes

7.1 Source code - CSS Pseduo-Classes and Selectors - Pseudo-Elements.html

7. Pseudo-Elements

8. Section 23 Recap

24. CSS At-Rules

1. Section 24 Introduction

2. What is a CSS At-Rule

3. CSS At-Rules

4. Section 24 Recap

25. Advanced CSS

1. Section 25 Introduction

2.1 Source code - Advanced CSS - Gradients.html

2. Gradients

3.1 Source code - Advanced CSS - Shadows and Effects.html

3. Shadows and Effects

4.1 Source code - Advanced CSS - Advanced Positioning.html

4. Advanced Positioning

5.1 Resources-Advanced-CSS-Blend-Modes.zip.html

5.2 Source code - Advanced CSS - Blend Modes.html

5. Blend Modes

6.1 Source code - Advanced CSS - Creating a Responsive CSS Grid.html

6. Creating a Responsive CSS Grid

7. Section 25 Recap

26. CSS Hands-On Practice

1. Section 26 Introduction

2.1 Source code - CSS Hands-On Practice - Styling the Header Bar.html

2. Styling the Header Bar

3.1 Resources-CSS-Hands-On-Practice-Styling-the-Home-Page.zip.html

3.2 Source code - CSS Hands-On Practice - Styling the Home Page.html

3. Styling the Home Page

4.1 Resources-CSS-Hands-On-Practice-Styling-the-About-Page.zip.html

4.2 Source code - CSS Hands-On Practice - Styling the About Page.html

4. Styling the About Page

5.1 Resources-CSS-Hands-On-Practice-Styling-the-Menu-Page.zip.html

5.2 Source code - CSS Hands-On Practice - Styling the Menu Page.html

5. Styling the Menu Page

6.1 Resources-CSS-Hands-On-Practice-Styling-the-Contact-Page.zip.html

6.2 Source code - CSS Hands-On Practice - Styling the Contact Page.html

6. Styling the Contact Page

7.1 Resources-CSS-Hands-On-Practice-Final-Cleanup-of-Files.zip.html

7.2 Source code - CSS Hands-On Practice - Final Cleanup of Files.html

7. Final Cleanup of Files

8. Section 26 Recap

27. Debugging CSS

1. Section 27 Introduction

2.1 Source code - Debugging CSS - Common Errors and How to Fix Them.html

2. Common Errors and How to Fix Them

3.1 Free online CSS validator.html

3.2 Resources-Debugging-CSS-Using-A-CSS-Validator.zip.html

3. Using A CSS Validator

4. Section 27 Recap

28. Useful CSS Specifics

1. Section 28 Introduction

2.1 Source code - Useful CSS Specifics - CSS Entities.html

2. CSS Entities

3.1 Source code - Useful CSS Specifics - CSS Units.html

3. CSS Units

4. Section 28 Recap

29. Course Summary and Wrap-Up

1. Course Summary and Wrap-Up

30. Extra Information - Source code, and other stuff

1. Source Codes.html

2.1 Free Course and Programming Guide.pdf

2. Bonus Lecture

45,900 تومان

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

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

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

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