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

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

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

• DOM مجازی در react.js Virtual DOM in react.js

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

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

• ساختار دایرکتوری ری‌اکت React Directory structure

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

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

• پراپ‌های ری‌اکت (React Props) React Props

• استیت‌های ری‌اکت (React States) React States

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

• هوک useEffect در ری‌اکت React useEffect Hook

• برقراری ارتباط با API با استفاده از useEffect Making API Calls with useEffect Hook

• هوک useContext useContext Hook

• ری‌اکت ردکس (React Redux) React Redux

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

انگولار برای توسعه فرانت-اند Angular for Frontend development

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

• چرخه حیات انگولار (Angular Life Cycle) Angular Life Cyle

• دکوراتورهای انگولار Angular Decorators

• کامپوننت انگولار Angular Component

• ماژول انگولار Angular Module

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

• اتصال داده‌ها در انگولار (یک‌طرفه و دوطرفه) Angular Data Binding (One way and Two way Data Binding)

• درون‌یابی در انگولار (Interpolation) Angular Interpolation

• اتصال ویژگی‌ها در انگولار (Property Binding) Angular Property Binding

• اتصال رویدادها در انگولار (Event Binding) Angular Event Binding

• اتصال داده‌های دوطرفه در انگولار (ngModel) Angular Data Binding - Two way data binding (ngModel)

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

• دایرکتیوهای انگولار چیستند؟ What are Angular Directives

• دایرکتیوهای ساختاری انگولار Angular Structural Directives

• دایرکتیو ngIf در انگولار Angular nglf Directive

• دایرکتیو ngStyle در انگولار Angular ngStyle Directive

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

• پایپ‌های انگولار (Angular Pipes) Angular Pipes

• فرم‌های انگولار Angular Forms

• فرم‌های Template-Driven در انگولار Angular Template Driven Form

• فرم‌های Reactive در انگولار Angular Reactive Form

ساخت یک وب‌سایت پویا Building a Dynamic website

• مرور کلی پروژه Project Overview

• ایجاد ساختار پوشه‌ها Creating Folder Structure

• ساخت کامپوننت نوار ناوبری (Nav Bar) Creating Nav Bar Component

• ساخت کامپوننت صفحه اصلی (Home) Creating Home Component

• ساخت کامپوننت تکنولوژی‌های مورد استفاده (Tech Stack) Building Tech Stack Component

• ساخت کامپوننت تجربه کاری (Experience) Creating Experience Component

• ساخت کامپوننت پروژه‌ها (Project) Creating Project Component

• افزودن قابلیت بازگشت به بالای صفحه (Scroll to top) Adding Scroll to top feature