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

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
  • 139,000 تومان
    بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
    افزودن به سبد خرید
    خرید دانلودی فوری

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

    ایمیل شما:
    تولید کننده:
    شناسه: 10772
    حجم: 6848 مگابایت
    مدت زمان: 948 دقیقه
    تاریخ انتشار: ۹ اردیبهشت ۱۴۰۲
    طراحی سایت و خدمات سئو

    139,000 تومان
    افزودن به سبد خرید