لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش Angular 16 & RxJS: ساخت اپلیکیشن های تک صفحه ای مدرن
Angular 16 & RxJS: Build Modern Single Page Applications
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
باز کردن قفل توسعه وب مدرن: تسلط بر Angular 16، RxJS، طراحی پاسخگو، و پروژه های واقعی در SPA های اصلی با Angular 16: درک و ایجاد برنامه های کاربردی تک صفحه ای کارآمد با استفاده از Angular 16. اعمال RxJS در Angular: یادگیری برنامه نویسی واکنشی با RxJS برای مدیریت جریان داده و دولت مسلط به جاوا اسکریپت و تایپ اسکریپت: مهارت های JS را تقویت کنید، ویژگی های ES6 را یاد بگیرید و TypeScript را درک کنید. گردش کار توسعه موثر: یک محیط توسعه دهنده سازنده راه اندازی کنید و بهترین شیوه های Angular را اتخاذ کنید. پروژه های دنیای واقعی با بوت استرپ: استفاده از دانش در پروژه ها، ادغام Bootstrap برای پیشرفت های UI/UX. تکنیک های پیشرفته RxJS: با تسلط بر مفاهیم پیشرفته و تکنیک های بهینه سازی، عمیقاً در RxJS شیرجه بزنید. طراحی پاسخگوی کراس پلتفرم: اطمینان حاصل کنید که برنامه ها پاسخگو هستند و یک تجربه کاربری یکپارچه را ارائه می دهند. آماده برای توسعه دنیای واقعی: آماده ساختن، آزمایش و استقرار برنامه های قوی Angular باشید. پیش نیازها: دانش برنامه نویسی پایه: فراگیران باید درک اساسی از مفاهیم برنامه نویسی و نحو داشته باشند. درک HTML، CSS و جاوا اسکریپت: از آنجایی که Angular یک چارچوب توسعه وب است، درک اولیه HTML، CSS و جاوا اسکریپت ضروری است. آشنایی با Node JS و npm: Node JS و npm (Node Package Manager) برای توسعه Angular استفاده می شود. دانش اولیه نصب بسته ها و اجرای دستورات مورد نیاز است. کد ویژوال استودیو نصب شده: این دوره از کد ویژوال استودیو به عنوان ویرایشگر کد اصلی استفاده می کند. زبان آموزان باید آن را روی رایانه خود نصب کنند. اتصال به اینترنت پایدار: برای نصب بستهها، دسترسی به اسناد، و دنبال کردن درسهای ویدیویی به یک اتصال اینترنتی قابل اعتماد نیاز است. تمایل به یادگیری: Angular و RxJS منحنی یادگیری تند دارند، بنابراین تعهد به یادگیری و تمرین بسیار مهم است. مهارت های حل مسئله: مهارت های اساسی حل مسئله به فراگیران کمک می کند تا محتوای دوره را به طور مؤثر درک و اجرا کنند.
با دوره فشرده ما سفری جامع را در قلمروهای توسعه وب مدرن آغاز کنید! این دوره که برای توسعه دهندگان و متخصصان فناوری اطلاعات طراحی شده است، پیچیدگیهای توسعه برنامههای کاربردی یک صفحه (SPA) را با استفاده از Angular 16، یکی از محبوبترین و قدرتمندترین چارچوبهای توسعه وب امروزی، رفع میکند.
در اصول اصلی SPAها عمیقاً غوطه ور شوید و درک کنید که چرا Angular از سایر چارچوب ها متمایز است و بینش هایی را به دست آورید که به شما در تصمیم گیری آگاهانه در پروژه های خود کمک می کند. ما همه چیز را از راهاندازی محیط توسعه شما در Visual Studio Code گرفته تا پیچیدگیهای TypeScript پوشش میدهیم و اطمینان میدهیم که شما پایهای محکم برای ساختن دارید.
رویکرد عملی ما به این معنی است که از روز اول کد می نویسید. اصول جاوا اسکریپت، ES6 و TypeScript را کاوش کنید و یاد بگیرید که چگونه این فناوری ها برای ایجاد برنامه های کاربردی وب قوی با هم ترکیب می شوند. شما مفاهیم اساسی برنامه نویسی را درک خواهید کرد، انواع داده ها، توابع، رویدادها را درک خواهید کرد و در استفاده از کلمه کلیدی "this" تسلط خواهید داشت.
Angular 16 ویژگیها و پیشرفتهای فراوانی را به ارمغان میآورد، و شما یاد خواهید گرفت که چگونه از آنها برای ایجاد برنامههای وب بسیار تعاملی و واکنشگرا استفاده کنید. از ایجاد مؤلفهها تا درک دستورالعملها، مسیریابی و تعامل مؤلفهها، مهارتهایی را برای مدیریت چالشهای توسعه پیچیده کسب خواهید کرد.
RxJS و برنامه نویسی واکنشی در قلب Angular قرار دارند. این دوره کاوش عمیقی از RxJS ارائه می دهد و به شما یاد می دهد که چگونه عملیات ناهمزمان و جریان داده را مانند یک حرفه ای مدیریت کنید. شما با Observables، Operators و Subjects کار میکنید، الگوها و تکنیکهایی را باز میکنید که کلید ایجاد برنامههای کاربردی با کارایی بالا هستند.
ما کتابخانه های شخص ثالث مانند Bootstrap را ادغام خواهیم کرد و جذابیت بصری و پاسخگویی برنامه های شما را افزایش می دهیم. از طریق پروژه های دنیای واقعی، یادگیری خود را به کار می گیرید، مفاهیم را تقویت می کنید و به توانایی های خود اعتماد می کنید.
در پایان این دوره، شما درک جامعی از Angular 16، RxJS و بهترین روشها در توسعه وب مدرن خواهید داشت که برای مقابله با پروژههای پیچیده و ایجاد برنامههای کاربردی وب یکپارچه و کارآمد آماده است. به ما بپیوندید و مهارت های توسعه خود را برای برآورده کردن نیازهای چشم انداز توسعه وب امروزی تغییر دهید.
سرفصل ها و درس ها
معرفی
Introduction
معرفی
Introduction
اپلیکیشن تک صفحه ای چیست؟
What is Single Page Application?
Angular در مقابل سایر فریم ورک ها
Angular vs Other Frameworks
RxJS چیست؟
What is RxJS?
چه چیزی یاد خواهید گرفت؟
What Will You Learn?
راه اندازی و نصب
Setup and installation
نصب کد VS
VS Code Installation
تنظیمات و برنامه های افزودنی
Settings and Extensions
Node.js و NPM
Node.js and NPM
اولین اپلیکیشن انگولار
First Angular App
ساختار پوشه
Folder Structure
JavaScript، ES6، و Typescript Basics
JavaScript, ES6, and Typescript Basics
بررسی TypeScript: منحصر به فرد بودن آن در مقابل جاوا اسکریپت
Exploring TypeScript: Its Uniqueness vs JavaScript
متغیرها
Variables
انواع داده ها
Data Types
کارکرد
Functions
مناسبت ها
Events
این کلمه کلیدی
This Keyword
زاویه ای 16
Angular 16
اجزای جدید ایجاد کنید
Create new components
درون یابی
Interpolation
مناسبت ها
Events
ماژول ها
Modules
دستورالعمل ها
Directives
ngFor
ngFor
ngIF other
ngIF else
سوئیچ ng
ng switch
مسیریابی
Routing
مسیریابی پایه در زاویه ای
Basic Routing in angular
مسیریابی پویا
Dynamic Routing
تعامل مؤلفه ها
Component interaction
پروژه
Project
پروژه قسمت 1
Project Part-1
پروژه قسمت 2
Project Part-2
کتابخانه شخص ثالث
Third-Party Library
استفاده از بوت استرپ در انگولار
Using Bootstrap in Angular
نوار ناوبری با استفاده از بوت استرپ
Navbar using Bootstrap
ng بوت استرپ
ng Bootstrap
غواصی در RxJS
Diving into RxJS
RxJS و Key Points چیست؟
What is RxJS and Key Points
چرا از RxJS در Angular استفاده کنیم؟
Why use RxJS in Angular?
بیایید با هم ابر جهان را کدنویسی و بسازیم! Meta Brains یک برند آموزشی حرفه ای است که توسط تیمی از توسعه دهندگان نرم افزار و متخصصان امور مالی که به امور مالی، کدنویسی و اکسل علاقه دارند، توسعه یافته است. ما تجارب حرفهای و آموزشی را برای ایجاد برنامههای آموزشی در سطح جهانی که برای همه قابل دسترسی است، گرد هم میآوریم. در حال حاضر، ما بر انقلاب بزرگ بعدی در محاسبات متمرکز هستیم: متاورس. هدف نهایی ما این است که نسل بعدی استعدادها را آموزش دهیم تا بتوانیم با هم متاورز را کدنویسی و بسازیم!
نمایش نظرات