توضیحات
کاملترین و به روزترین دوره آموزش Angular (انگولار)
نام دوره : Complete Angular Developer in 2023: Zero to Mastery
دوره در تاریخ 8/2022 به روز رسانی شد
این به روز رسانی شامل اضافه شدن بخش جدبد Master Project: Testing با 2 ساعت محتوای جدید است
پیش نیاز:
- دانش اولیه HTML، CSS و جاوا اسکریپت
- شما به هیچ تجربه ای ازAngular یا هر چارچوب JS دیگری نیاز ندارید!
توضیحات:
به تازگی با بهترین شیوه ها و روندهای جدید Angular برای سال 2022 منتشر شده است!
با استفاده از آخرین نسخه Angular، دوره کاملترین و به روزترین دوره آموزش Angular بر کارایی و تبدیل شما به یک توسعه دهنده حرفه ای Angular متمرکز شده است.
ما به شما تضمین می کنیم که این جامع ترین منبع آنلاین در Angular است. این دوره مبتنی بر پروژه شما را با تمام زنجیره ابزار مدرن یک توسعه دهنده Angular (به طور رسمی AngularJS/Angular.js) در سال 2022 آشنا می کند.
در طول راه، ما یک برنامه اشتراک گذاری ویدیوی عظیم با استفاده از Angular، TypeScript، WebAssembly، Rust، RxJS خواهیم ساخت.
این یک برنامه Fullstack خواهد بود. ما همچنین پروژه‌های کوچک دیگری را نیز در طول راه خواهیم ساخت تا شما از اجرای پروژه‌های Angular برای تولید در آینده توسط خودتان مطمئن باشید!
همه کدها مرحله به مرحله ارائه می شوند و حتی اگر دوست ندارید همراه با کد نویسی کنید، به تمام کدهای پروژه هایی که ما می سازیم دسترسی خواهید داشت.
در اینجا چیزی است که دوره کاملترین و به روزترین دوره آموزش Angular پوشش می دهد:
1. BOOTSTRAPPING ANGULAR
در این بخش، نحوه بوت استرپ شدن یک برنامه Angular در مرورگر را بررسی خواهیم کرد.
برخلاف سایر فریم ورک‌ها، Angular به توسعه‌دهندگان امکانات زیادی برای شروع پروژه می‌دهد. Angular چگونه یک برنامه را بارگذاری می کند؟ تدوین پیش از زمان چیست؟ پلتفرم ها چیست؟ اینها انواع سؤالاتی هستند که در این بخش همراه با مقدمه ای بر ماژول ها و مؤلفه ها به آنها پاسخ داده می شود.
2. (اختیاری) TYPESCRIPT
در این بخش، دانش آموزان با اصول TypeScript آشنا می شوند.
در حالی که اختیاری است، Angular به شدت با TypeScript نوشته می شود. هدف این بخش این است که شما را به سرعت در TypeScript برای توسعه Angular برساند. موضوعات عبارتند از حاشیه نویسی نوع، استنتاج نوع، کلیات، رابط ها، و تزئینات.
3. COMPONENT FUNDAMENTALS
در این بخش، اجزاء را به طور عمیق بررسی خواهیم کرد. کامپوننت ها بلوک های سازنده یک برنامه کاربردی در نظر گرفته می شوند. آنها یک ویژگی برای آموزش تگ های HTML جدید به مرورگرها هستند.
ما از مبانی اتصال ویژگی شروع می‌کنیم و به موضوعاتی مانند ورودی/خروجی‌ها، نمایش محتوا و قلاب‌های چرخه حیات می‌رسیم.
4. TRANSFORMING CONTENT
در این بخش، با کشف دستورالعمل ها و لوله ها، گام بعدی کار با اجزا را برمی داریم. آنها یک ویژگی برای تغییر خروجی محتوا هستند، چه از طریق ظاهر یا رفتار باشد. Angular ده ها لوله و دستورالعمل ارسال می کند که بیشتر آنها تحت پوشش قرار خواهند گرفت.
5. MASTER PROJECT: COMPONENT DESIGN
در این بخش، در نهایت کار بر روی پروژه اصلی این دوره را آغاز خواهیم کرد. ما قصد داریم یک برنامه اشتراک گذاری ویدیو برای گیمرها بسازیم!
ساخت برنامه های کاربردی در مقیاس بزرگ می تواند چالش برانگیز باشد. شما یاد خواهید گرفت که چگونه یک برنامه کاربردی را با استفاده از الگوهای طراحی رایج برای اجزای سازنده ساختار دهید.
مفاهیمی مانند سرویس‌ها، تک‌تون‌ها، نمایش محتوای چند اسلات، مقابله با نشت حافظه و ادغام TailwindCSS در این بخش مورد بحث قرار می‌گیرند.
6. MASTER PROJECT: REACTIVE FORMS
در این بخش، شروع به کار بر روی ثبت حساب ها با فرم های واکنشی می کنیم. رسیدگی به فرم ها می تواند مشکل باشد. Angular یک ماژول برای کمک به ما در برخورد با اعتبارسنجی، ارسال و ارائه فرم ها ارسال می کند. این بخش بر روی برخورد با فرم ها در Angular تمرکز می کند.
7. MASTER PROJECT: TEMPLATE FORMS
در این بخش، ماژول جایگزین برای کار با فرم ها به نام فرم های قالب را بررسی خواهیم کرد. ما در مورد تفاوت بین فرم های قالب و فرم های واکنشی صحبت خواهیم کرد. در پایان، ایده خوبی در مورد زمان استفاده از هر سیستم ماژول خواهید داشت.
8. مقدمه ای بر RXJS
در این بخش، ما در مورد RXJS برای کمک به ما در مقابله با عملیات ناهمزمان یاد خواهیم گرفت. RXJS کتابخانه‌ای است که به ما کمک می‌کند با جریان‌های داده مقابله کنیم و آنها را در اجزای مختلف تغذیه کنیم.
در برخی موارد، ممکن است لازم باشد در چندین منبع داده مشترک شوید. با RxJS می توانیم به راحتی جریان داده ها را از ابتدا تا انتها ساده کنیم.
9. MASTER PROJECT: AUTENTICATION
در این بخش، پروژه اصلی خود را برای افزودن احراز هویت مجدداً بررسی خواهیم کرد. در پشت صحنه، ما Firebase را ادغام می کنیم تا به ما در ذخیره داده های کاربر، مدیریت توکن ها و احراز هویت کاربران کمک کند.
در نهایت، ما از RxJS برای کمک به مدیریت پاسخ Firebase استفاده خواهیم کرد.
10. پروژه کارشناسی ارشد: اعتبار سنجی سفارشی
در این ویدیو، ما قصد داریم دوباره فرم ها را برای رسیدگی به اعتبارسنجی سفارشی بررسی کنیم.
اعتبار سنکرون و ناهمزمان در Angular پشتیبانی می شود. این ما را وارد یک الگوی طراحی به نام توابع کارخانه برای ایجاد اعتبارسنجی پویا می‌کند. مهمتر از همه، ما یاد خواهیم گرفت که چگونه خطاهای سفارشی را مدیریت کنیم.
11. پروژه اصلی: مسیریابی
در این بخش، می آموزیم که چگونه مسیریابی را برای سازماندهی پروژه ما در صفحات / اجزای جداگانه پیاده کنیم. Angular با جلوگیری از بارگیری مجدد Asset های مرورگر در مسیریابی، از API تاریخ برای افزایش عملکرد برنامه استفاده می‌کند. Angular مملو از ویژگی‌های پشتیبانی از پارامترها، پرس و جوها، حروف عام، ایجاد لینک، تغییر جهت و موارد دیگر است.
12. MASTER PROJECT: UPLOADING FILES
در این بخش، ما قصد داریم فایل ها را در Firebase آپلود کنیم. بسیار مهم است که فایل ها را با Firebase تأیید کنیم.
ما نمی‌خواهیم کاربران هنگام تماشای ویدیو به‌طور تصادفی یک فایل مخرب را دانلود کنند.
نحوه اجرای اعتبارسنجی با قوانین Firebase را پوشش خواهیم داد. پس از انجام این کار، اطلاعات اضافی را در یک پایگاه داده ذخیره خواهیم کرد. ما حتی نحوه پیاده‌سازی راه‌حل بازگشتی را در صورتی که کشیدن n drop در دسترس نباشد، توضیح خواهیم داد.
13. WEBASSEMBLY & RUST
در این بخش، از پروژه اصلی برای بحث در مورد WebAssembly و Rust فاصله می گیریم. WebAssembly یک فناوری جدید برای تعامل با سخت افزار کاربر از طریق مرورگر است.
طولی نمی کشد که WebAssembly به یک مهارت رایج در میان توسعه دهندگان تبدیل می شود.
با یادگیری اینکه چگونه می تواند به ما کمک کند تا تجربیات دسکتاپ را به مرورگر بیاوریم، از منحنی جلوتر باشید. اگر تجربه ای در زمینه برنامه نویسی سیستم ندارید نگران نباشید، این بخش به گونه ای طراحی شده است که تا حد امکان برای مبتدیان دوستانه باشد.
14. پروژه اصلی: پردازش ویدیوها با FFMPEG
در این بخش، ما به پروژه اصلی برای پردازش ویدیوها با FFmpeg باز خواهیم گشت. FFmpeg ابزاری برای تعامل با فایل های صوتی و تصویری است.
دانش ما از WebAssembly مفید خواهد بود زیرا FFmpeg یک کتابخانه جاوا اسکریپت نیست بلکه یک ابزار CLI است. موضوعات اضافی شامل دور زدن پاکسازی، کار با حباب ها و یادگیری یک اپراتور جدید RxJS است.
15. MASTER PROJECT: PLAYING VIDEOS
در این بخش، برنامه خود را با پخش ویدیوها با کتابخانه محبوب Video.js نهایی می کنیم. کاربران می توانند با اسکرول بی نهایت در میان آپلودها جستجو کنند.
در نهایت، ما با مشکلات CORS مواجه خواهیم شد که به دلیل سردرگمی توسعه دهندگان بدنام است. بیاموزید که چرا خطاهای CORS هنگام جاسازی محتوا ظاهر می شوند.
16. پروژه اصلی: استقرار و تولید
در این بخش، با استقرار برنامه با Vercel، پروژه خود را با جهان به اشتراک خواهیم گذاشت. تنظیمات نهایی مانند به روز رسانی قوانین Firebase و به روز رسانی بودجه در ساخت انجام می شود.
دوره کاملترین و به روزترین دوره آموزش Angular برای چه کسانی است:
دانش آموزانی که علاقه مند به فراتر رفتن از یک آموزش معمولی “مبتدی” هستند
برنامه نویسانی که می خواهند یکی از محبوب ترین مهارت های یک توسعه دهنده وب را بیاموزند
توسعه دهندگانی که می خواهند در 10 درصد از توسعه دهندگان Angular باشند
دانش آموزانی که می خواهند تجربه کار بر روی یک برنامه کاربردی بزرگ مقیاس پذیر را کسب کنند
فارغ التحصیلان بوت کمپ یا آموزش آنلاین که می خواهند فراتر از اصول اولیه بروند
یودمی ایران –
دوره در خواستی خود را از راه های ارتباطی در خواست کنید