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

دانلود Libraries and Frameworks for Frontend Development

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره: این دوره برای افرادی طراحی شده است که می‌خواهند ساخت اپلیکیشن‌های وب قدرتمند و مقیاس‌پذیر را با استفاده از Angular و React یاد بگیرند. در طول این دوره، مفاهیم پایه توسعه فرانت‌اند را فرا خواهید گرفت و با نحوه ایجاد رابط‌های کاربری پویا و تعاملی آشنا خواهید شد. در ماژول اول، «React برای توسعه فرانت‌اند»، ما به بررسی عمیق کتابخانه React خواهیم پرداخت. شما با اصول اولیه آن مانند کامپوننت‌ها (Components)، وضعیت (State)، پراپ‌ها (Props) و JSX آشنا می‌شوید. این درک به شما امکان می‌دهد رابط‌های کاربری تعاملی و پویایی طراحی کنید که زیربنای اپلیکیشن‌های وب کارآمد باشد. ماژول دوم، «Angular برای توسعه فرانت‌اند»، به فریم‌ورک Angular می‌پردازد؛ یک فریم‌ورک بسیار جذاب و متمایز برای ساخت اپلیکیشن‌های وب مقیاس‌پذیر. در اینجا، شما در مفاهیم اصلی انگولار از جمله کامپوننت‌ها، ماژول‌ها، دایرکتیوها، سرویس‌ها و تمپلیت‌ها غرق خواهید شد. با تمرین‌های عملی، مهارت لازم برای ساخت اپلیکیشن‌های قدرتمند، ماژولار و قابل نگهداری را کسب خواهید کرد. در نهایت در ماژول سوم، «ساخت یک وب‌سایت پویا»، دانش کسب شده خود را ترکیب کرده و فرآیند ساخت یک وب‌سایت کامل را طی خواهید کرد. با ادغام قابلیت‌های React و Angular، از نزدیک خواهید دید که چگونه این ابزارها برای خلق تجربه‌های کاربری فوق‌العاده در کنار هم قرار می‌گیرند. در پایان دوره، شما درک عمیقی از نحوه استفاده از Angular و React برای توسعه اپلیکیشن‌های وب با کیفیت بالا و واکنش‌گرا (Responsive) خواهید داشت. سلب مسئولیت: این دوره یک منبع آموزشی مستقل است که توسط Board Infinity تهیه شده و وابسته به، مورد تایید، حمایت مالی یا دارای ارتباط رسمی با شرکت‌های Alphabet Inc، Meta یا هر یک از شرکت‌های تابعه آن‌ها نیست. این دوره جزو مطالب رسمی آموزشی این شرکت‌ها محسوب نمی‌شود. تمامی علائم تجاری، نام شرکت‌ها و لوگوهای ذکر شده متعلق به صاحبان آن‌ها بوده و صرفاً جهت شناسایی و اهداف آموزشی استفاده شده است.

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

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

  • مقدمه دوره Course Introduction

  • ویدیو معرفی مدرس Instructor Introduction Video

  • آنچه در این درس خواهید آموخت 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

  • وضعیت‌ها (States) در 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

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

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

  • چرخه حیات در Angular Angular Life Cycle

  • دکوراتورهای Angular Angular Decorators

  • کامپوننت در Angular Angular Component

  • ماژول در Angular Angular Module

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

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

  • مفهوم Interpolation در Angular Angular Interpolation

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

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

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

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

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

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

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

  • دایرکتیو ngStyle در Angular Angular ngStyle Directive

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

  • پایپ‌ها (Pipes) در Angular Angular Pipes

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

  • فرم‌های Template Driven در Angular Angular Template Driven Form

  • فرم‌های Reactive در Angular Angular Reactive Form

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

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

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

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

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

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

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

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

  • افزودن قابلیت اسکرول به بالا Adding Scroll to top feature

نمایش نظرات

آموزش کتابخانه‌ها و فریم‌ورک‌های توسعه فرانت‌اند
جزییات دوره
15h 33m
47
(آخرین آپدیت)
1,909
4.5 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Board Infinity Board Infinity

Board Infinity: توانمندسازی مشاغل با مسیرهای یادگیری