لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش کتابخانهها و فریمورکهای توسعه فرانتاند
- آخرین آپدیت
دانلود 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
نمایش نظرات