آموزش توسعه فرانت‌اند با استفاده از React - آخرین آپدیت

مقدمه‌ای بر HTML و CSS Introduction to HTML & CSS

• آشنایی با مدرس Meet Your Instructor

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• مقدمه‌ای بر توسعه وب Introduction to Web Development

• HTML چیست؟ What is HTML?

• تگ‌های HTML HTML Tag

• تگ‌های فرمت‌دهی HTML Formatting HTML Tag

• تگ‌های فرم و ورودی (Input) Forms and Input Tag

• تگ IFrame IFrame Tag

• تگ تصاویر Images Tag

• تگ Audio Audio Tag

• تگ Video Video Tag

• تگ لیست‌ها List Tag

• تگ جداول Table Tag

• تگ‌های معنایی (Semantic) و غیرمعنایی Semantic and Non- Semantic Tags

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• CSS چیست؟ What is CSS?

• سینتکس CSS CSS Syntax

• انتخابگرهای ساده در CSS CSS Simple Selector

• انتخابگرهای ترکیبی CSS - بخش اول CSS combinator selectors - Part 1

• انتخابگرهای ترکیبی CSS - بخش دوم CSS combinator selectors - Part 2

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• انتخابگرهای Pseudo-class - بخش اول Pseudo-class selectors - Part 1

• انتخابگرهای Pseudo-class - بخش دوم Pseudo-class selectors - Part 2

• انتخابگرهای Pseudo-elements Pseudo Elements Selectors

• انتخابگرهای ویژگی (Attribute Selectors) Attribute Selectors

• ویژگی فونت در CSS CSS Fonts property

• موقعیت‌دهی (Position) در CSS CSS Positions

• خاصیت Float در CSS CSS Float

• خاصیت Display در CSS CSS Display

• واحدهای اندازه‌گیری در CSS CSS Units

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• رنگ‌ها در CSS CSS Colors

• رنگ‌های پس‌زمینه در CSS CSS Background Colors

• مدل جعبه‌ای (Box Model) در CSS CSS Box Model

• خاصیت Box Sizing در CSS CSS Box-Sizing

• جدول استایل‌های CSS CSS Style Table

• آیکون‌ها در CSS CSS Icon

• طرح‌بندی Grid در CSS - بخش اول CSS Display Grid - Part 1

• طرح‌بندی Grid در CSS - بخش دوم CSS Display Grid - Part 2

• نوار ناوبری (Navigation Bar) با CSS CSS Navigation Bar

• منوهای کشویی (Dropdowns) با CSS CSS Dropdowns

• گالری تصاویر و Sprites در CSS CSS Image Gallery and Sprites

• استایل‌دهی تصاویر و بازتاب تصاویر در CSS CSS Styling Images & Image Reflections

• فرم‌ها در CSS CSS Forms

• جلوه‌های متنی در CSS CSS Text Effects

• خاصیت Object Fit و موقعیت در CSS CSS Object Fit & Position

مقدمه‌ای بر برنامه‌نویسی JavaScript Introduction to JavaScript Programming

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• مقدمه‌ای بر JavaScript Introduction to JavaScript

• راه‌اندازی محیط توسعه Setting up your development environment

• نوشتن اولین برنامه جاوااسکریپت Writing your first JavaScript program

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• درک متغیرها Understanding variables

• درک انواع داده‌ها Understanding data types

• استفاده از عملگرهای ریاضی و مقایسه‌ای Using arithmetic and comparison operators

• آرایه‌ها در جاوااسکریپت Arrays in Javascript

• کار با رشته‌ها (Strings) Working with strings

• کار با دستکاری رشته‌ها Working with string manipulation

• دستورات شرطی (if/else, switch) Conditional statements (if/else, switch)

• ساختارهای تکرار (for, while) Looping structures (for, while)

• توابع و محدوده (Scope) Functions and scope

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• درک مدل شیء سند (DOM) Understanding the Document Object Model (DOM)

• دسترسی به عناصر DOM با جاوااسکریپت Accessing DOM elements with JavaScript

• دستکاری عناصر DOM با جاوااسکریپت Manipulating DOM elements with JavaScript

• تغییر استایل‌ها و ویژگی‌ها با جاوااسکریپت Modifying styles and attributes with JavaScript

• درک رویدادها و شنونده‌های رویداد (Event Listeners) Understanding events and event listeners

• پاسخ به ورودی کاربر (کلیک، فشردن کلید) Responding to user input (clicks, key presses)

• ساخت رابط‌های کاربری تعاملی با رویدادها Creating interactive user interfaces with events

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• ایجاد و حذف عناصر DOM با جاوااسکریپت Creating and removing DOM elements with JavaScript

• استفاده از AJAX برای بارگذاری پویا محتوا Using AJAX to load content dynamically

• مدیریت خطاها و استثناها Handling errors and exceptions

React برای توسعه فرانت‌اند React for Frontend development

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• مقدمه‌ای بر React Introduction to React

• مفهوم Virtual DOM در React.js Virtual DOM in react.js

• راه‌اندازی React.js Setting up React.js

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• ساختار پوشه‌بندی در React React Directory structure

• مفهوم JSX در React JS JSX in React JS

• کامپوننت‌های React React Components

• Props در React React Props

• State در React React States

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• هوک useEffect در React React useEffect Hook

• انجام فراخوانی API با استفاده از useEffect Making API Calls with useEffect Hook

• هوک useContext useContext Hook

• مدیریت وضعیت با React Redux React Redux

• کاربرد React Redux Application of React Redux