آموزش Angular برای مبتدیان: از مبانی تا پروژه های پیشرفته

Angular for Beginners: From Basics to Advanced Projects

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: اصول Angular، اصول جاوا اسکریپت، Reactive Forms و Bootstrap Integration را بیاموزید اصول چارچوب Angular و مقایسه آن با React js را بیاموزید. کد Angular و Visual Studio را به طور موثر نصب و پیکربندی کنید. ساختار فایل و پوشه Master Angular برای راه اندازی پروژه. از درون یابی در Angular برای ارائه محتوای پویا استفاده کنید. مفاهیم اصلی جاوا اسکریپت شامل متغیرها، انواع داده ها و عملگرها را درک کنید. توسعه مهارت در توابع پیکان جاوا اسکریپت و ساختارهای کنترلی. کامپوننت ها و ماژول های Angular را به طور موثر ایجاد، سبک و مدیریت کنید. پیاده سازی مدیریت رویداد و اتصال داده برای برنامه های کاربردی وب تعاملی. مسیریابی Angular، مسیریابی پویا و تغییر عناصر را پیمایش کنید. فرم های واکنشی را بسازید و اعتبار سنجی کنید، از جمله به اشتراک گذاری داده ها بین اجزا. پیش نیازها: درک اولیه HTML و CSS. دانش بنیادی جاوا اسکریپت دسترسی به کامپیوتر با اینترنت بدون نیاز به تجربه قبلی Angular. اشتیاق به یادگیری توسعه وب.

با این دوره جامع، قدرت Angular را باز کنید و مهارت های توسعه وب خود را ارتقا دهید. برای درک مزایای منحصر به فرد Angular، آن را با React.js مقایسه کنید. در راه‌اندازی محیط توسعه خود با VS Code و Angular مهارت کسب کنید، در حالی که برای مدیریت کارآمد پروژه بر ساختار فایل‌ها و پوشه‌ها مسلط هستید.

در اصول جاوا اسکریپت، متغیرها، انواع داده ها، عملگرها و ساختارهای جریان کنترل مانند حلقه های if-else و for را پوشش دهید. اصول Angular، از ایجاد کامپوننت تا استفاده از ماژول را کاوش کنید و اهمیت توابع در توسعه Angular را درک کنید.

تکنیک‌های مدیریت رویداد، اتصال داده‌ها و استایل پویا را برای ایجاد رابط‌های کاربری جذاب بیاموزید. برای ایجاد تجارب ناوبری یکپارچه، در مکانیسم‌های مسیریابی، هم ثابت و هم پویا، پیمایش کنید.

با استفاده از اتصال دو طرفه و لوله‌ها برای بهبود عملکرد، فرم‌های واکنشی و ارتباط داده‌ها را بین اجزای سازنده مسلط کنید. Bootstrap را به طور یکپارچه در پروژه های Angular خود پیاده کنید و از ویژگی های قدرتمند آن برای طراحی UI استفاده کنید.

در پایان این دوره، مهارت‌های توسعه برنامه‌های وب پویا با Angular، مدیریت ماهرانه داده‌ها، رابط کاربری و ناوبری را خواهید داشت. چه یک مبتدی یا یک توسعه دهنده با تجربه باشید که به دنبال گسترش مجموعه مهارت های خود هستید، این دوره شما را با ابزارهای مورد نیاز برای برتری در توسعه Angular مجهز می کند. بیایید التماس کنیم!


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

معرفی Introduction

  • Angular چیست؟ What is Angular ?

  • Angular در مقابل React.js Angular vs. React.js

  • الزامات قبل از شروع با Angular Requirements before starting with Angular

نصب و راه اندازی Installation

  • نصب VS Code VS Code installation

  • نصب زاویه ای Angular installation

  • ساختار فایل و پوشه File and Folder Structure

بیایید با Angular شروع کنیم Let's Start with Angular

  • اولین تغییر First Change

  • درون یابی Interpolation

مبانی جاوا اسکریپت Basics of JavaScript

  • متغیرها چیست؟ What are variables?

  • انواع داده ها Data types

  • اپراتورها Operators

  • توابع پیکان Arrow functions

  • عبارات اگر-دیگر-اگر if-else-if statements

  • بیانیه سوئیچ Switch statement

  • برای حلقه For loop

مبانی زاویه ای Angular Basics

  • نحوه ایجاد کامپوننت How to create components

  • نحوه انتقال کامپوننت ها How to pass components

  • نحوه استایل دادن به اجزا How to style components

  • ماژول ها چیست؟ What are modules?

  • با استفاده از یک تابع Using a function

رویدادها و استایل Events and Styling

  • مناسبت ها Events

  • دریافت ارزش از ورودی Getting value from input

  • پیشخوان Counter

  • یک ظاهر طراحی شده در Angular Styling in Angular

  • سبک صحافی Style binding

  • داده های جدول Table data

مسیریابی و مسیریابی پویا Routing and Dynamic Routing

  • مسیریابی کامپوننت Component routing

  • مسیریابی پویا Dynamic routing

  • سرتیتر Header

  • تغییر دادن عناصر Elements toggling

فرم واکنشی و انتقال داده بین اجزا Reactive Form and Passing Data Between Components

  • فرم Form

  • داده ها از والدین به فرزند Data from parent to child

  • داده ها از فرزند به والدین Data from child to parent

  • صحافی دو طرفه Two-way binding

  • لوله های Pipes

  • فرم واکنشی Reactive form

  • اعتبار سنجی فرم Form validation

  • عجایب Wildcard

نمایش نظرات

آموزش Angular برای مبتدیان: از مبانی تا پروژه های پیشرفته
جزییات دوره
3.5 hours
38
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
4,001
از 5
ندارد
دارد
دارد
Meta Brains
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Meta Brains Meta Brains

بیایید با هم ابر جهان را کدنویسی و بسازیم! Meta Brains یک برند آموزشی حرفه ای است که توسط تیمی از توسعه دهندگان نرم افزار و متخصصان امور مالی که به امور مالی، کدنویسی و اکسل علاقه دارند، توسعه یافته است. ما تجارب حرفه‌ای و آموزشی را برای ایجاد برنامه‌های آموزشی در سطح جهانی که برای همه قابل دسترسی است، گرد هم می‌آوریم. در حال حاضر، ما بر انقلاب بزرگ بعدی در محاسبات متمرکز هستیم: متاورس. هدف نهایی ما این است که نسل بعدی استعدادها را آموزش دهیم تا بتوانیم با هم متاورز را کدنویسی و بسازیم!