HTML, CSS, JavaScript, React – Online Certification Course

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

Build: Mobile Responsive Web Pages using CSS | Dynamic Web Apps in React | Interactive UI Components | E-Commerce Sites

1. HTML Section

1. Introduction to HTML

2. Basic Structure of a Web Page

3. HTML Head Tags

4. HTML Body Tag

5. HTML Paragraph Spacing

6. HTML Line Breaks

7. HTML Non-Breaking Space

8. HTML Header Tags

9. HTML Text Formatting and Decoration

10. HTML Inline Text Formatting

11. HTML Unordered Lists

12. HTML Ordered Lists

13. HTML Image Insertion

14. HTML Embedding Videos

15. HTML Absolute vs. Relative File Referencing

16. HTML Link Creation

17. HTML Anchor Tags

18. HTML Tables

19. HTML Nested Tables

20. HTML Merging Cells

21. HTML Text Wrapping

22. HTML Table Background Image

23. HTML Table Cell Alignment

24. HTML - Introduction to Forms

25. HTML Form Tags and Attributes

26. HTML Forms - Post vs. Get

27. HTML Forms - Input Text Fields

28. HTML Forms - Select Menus

29. HTML Forms - Check Boxes and Radio Buttons

30. HTML Forms - Text Areas and Buttons

31. HTML Iframes

32. HTML Project - Introduction

33. HTML Project - Header

34. HTML Project - Callout

35. HTML Project - Image Insertion

36. HTML Project - Text Insertion

37. HTML Project - Links and Form

38. HTML Project - Tabular Data

39. HTML Project - Footer

2. CSS Section

1. Introduction to CSS

2. Parts of a CSS Rule

3. Types of CSS Rules

4. CSS - Color Names and Codes

5. CSS Classes and Spans

6. CSS Divisions - DIVs

7. CSS IDs

8. CSS Margins

9. CSS Padding

10. CSS Text Properties

11. CSS Font Properties

12. CSS Borders

13. CSS Backgrounds

14. CSS Transparency

15. CSS Text on Top of Images

16. CSS Width and Height Properties

17. CSS Display Properties

18. CSS Static Positioning

19. CSS Relative Positioning

20. CSS Absolute Positioning

21. CSS Fixed Positioning

22. CSS Float Property

23. CSS Clear Property

24. CSS Z-Index

25. CSS Styling Links

26. CSS Tables

27. CSS Project - Introduction

28. CSS Project - CSS Rules

29. CSS Project - Navigation Rules

30. CSS Project - Responsive CSS

31. CSS Project - Page Elements

3. DOM Object Model (DOM)

1. DOM Introduction

2. DOM Manipulation

4. JavaScript Section

1. JavaScript - Introduction

2. JavaScript Placement

3. External JavaScript

4. JavaScript Output

5. JavaScript InnerHTML

6. JavaScript Commenting

7. JavaScript Constants

8. JavaScript Variables Introduction

9. JavaScript Assignment Operator

10. JavaScript Arithmetic Operations

11. JavaScript Arithmetic Operations Continued

12. JavaScript Operator Precedence

13. JavaScript Data Types

14. JavaScript Objects

15. JavaScript Object Output

16. JavaScript Strings

17. JavaScript String Length

18. JavaScript Special Characters

19. JavaScript Random Numbers

20. JavaScript Min and Max Function

21. JavaScript Math Round Function

22. JavaScript Arrays

23. JavaScript Array Attributes

24. JavaScript Arrays - Pop - Push - Shift - Unshift

25. JavaScript Changing and Deleting Elements

26. JavaScript Splicing an Array

27. JavaScript Sorting an Array

28. JavaScript Joining Arrays

29. JavaScript Conditional Statements

30. JavaScript Comparisons

31. JavaScript Booleans

32. JavaScript For Loops

33. JavaScript For-In Loop

34. JavaScript While Loops

35. JavaScript Do-While Loop

36. JavaScript Break and Continue

37. JavaScript Functions

38. JavaScript Events

39. JavaScript Project 1 - BG Color Changer

40. JavaScript Project 2 - Photo Gallery

41. JavaScript Project 2 - Completion

5. Introduction to React

1. Skills Required

2. What is React

6. Project 1 Build a Calculator in React

1. Project Overview

2. Hello React

3. Tools Needed

4. Code Pen

5. Intro to JSX

6. Functional Components in React

7. Why Components

8. Intro to Props in React

9. React Components, Props, and Callbacks

10. Building the Calculator Visuals

11. OnClick Events in React

12. Passing Parameters in Callback Functions

13. Using React State Hook

14. Implementing the calculator - Display

15. Implementing the Calculator - Operators

16. Debugging in React

17. Project Summary

7. Project 2 - Build a Connect-4 Clone in React

1. Project Introduction - What We Will Build

2. Tools Needed

3. Creating the Game Board

4. Game Circle - OnClickEvent

5. Passing Props - Destructing - React Children

6. Passing Arguments to Click Events

7. Inline Styling

8. Square to Circle Component

9. Global Styling

10. Dynamic Styling

11. Dynamic Classes

12. Handling Callbacks

13. Using React State Hook (again)

14. Updating the Player Circle

15. Initializing the Game Board

16. React Key Property

17. Styling the Game Board - Header and Footer

18. Calculating the Winner

19. Displaying the Winner

20. Determining a Draw Condition

21. React Lifecycle Events

22. Initializing the Game

23. Suggesting a Move - Implementing a Computer Player

24. Smart Computer Player (Basic AI)

25. CSS Variables

26. Conditional Rendering

27. Deploy to Netlify

28. Deploy to Surge

29. Project Summary

8. Project 3 - Build an E-Commerce Site in React

1. Project Introduction - What We Build

2. Scaffolding the Project

3. Intro to JSON Server

4. Fetch API

5. Styling the Store

6. Rendering the Categories

7. Binding the Products

8. Refactor the Fetch API call

9. Dealing with errors in Fetch API

10. Tidy the Fetch API call

11. Styling the Product List

12. Installing React Router

13. Fixing the Key Warning

14. React Router - Detail Page

15. Fetch API - Get Product By Id

16. Product Description

17. Intro to Styled Components

18. Styled Components - Product Description

19. Dangerously Set HTML (Yeah Really)

20. Refactor the Categories

21. Refactor the Layout

22. Refactor the Home Page

23. Intro to Context in React

24. UseContext Hook and UseReducer Hook in React

25. Basket Layout

26. Implementing the Basket

27. Implementing Basket Icons

28. Implementing Basket Total

29. Finishing the Checkout

30. Checkout - Fixing the State

31. Implementing the Order Confirmation

32. Intro to Local Storage

33. Implementing Search Results

34. Better Searching with Debouncing

35. Validating Forms in React - Part 1

36. Validating Forms in React - Part 2

37. Validating Forms in React - Part 3

38. Validating Forms in React - Part 4

39. Project Summary

235,000 تومان

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

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

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

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