نکته:
ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:
این دوره دارای قابلیت Coursera Coach است!
روشی هوشمندتر برای یادگیری با گفتگوهای تعاملی و لحظهای که به شما کمک میکند دانش خود را بسنجید، فرضیات را به چالش بکشید و در حین پیشرفت در دوره، درک خود را عمیقتر کنید.
در این دوره، شما یک اپلیکیشن کوییز پویا را با استفاده از Angular خواهید ساخت و نحوه راهاندازی پروژه و استقرار (Deploy) آن روی سرور عملیاتی را یاد خواهید گرفت. کار خود را با آمادهسازی ابزارها، از جمله تنظیم Angular، یک ویرایشگر کد و Prettier برای فرمتبندی یکپارچه کدها شروع میکنید. با پیشروی در آموزش، کامپوننتهای Angular را ایجاد کرده، دادههای پویا را رندر میکنید و ویژگیهای اصلی اپلیکیشن خود را پیادهسازی خواهید کرد.
این دوره به بررسی Angular Signals برای مدیریت وضعیت (State)، مقادیر محاسباتی (Computed) و اثرات (Effects) به صورت واکنشگرا میپردازد. شما دادهها را از یک API برای بارگذاری ناهمگام سوالات کوییز، مدیریت خطاها و نمایش نتایج ادغام خواهید کرد. تمرکز اصلی بر ساخت قابلیتهای واقعی برای بهبود تعامل کاربر است.
این دوره برای توسعهدهندگانی که درک پایهای از Angular دارند ایدهآل است و مهارتهای شما را در ساخت اپلیکیشنهای تعاملی ارتقا میدهد.
در پایان دوره، شما قادر خواهید بود یک اپلیکیشن کوییز کاملاً کاربردی با Angular بسازید، با Angular Signals کار کنید، دادهها را از APIها بارگذاری کنید و اپلیکیشن خود را روی یک سرور واقعی مستقر کنید.
سرفصل ها و درس ها
آمادهسازی ابزارها
Preparing Tools
مقدمه
Introduction
چه چیزی را پیادهسازی خواهیم کرد؟
What We Will Implement?
ایجاد پروژه Angular
Generating Angular Project
آمادهسازی برخی فایلها
I Prepared Some Files
ویرایشگر کد
Editor
Prettier
Prettier
ساخت اولین کامپوننتهای ما
Creating Our First Components
ایجاد کامپوننتهای Angular
Creating Angular Components
رندر کردن مارکآپ کامپوننتهای Angular
Rendering Angular Components Markup
آنگولار سیگنالز (Angular Signals)
Angular Signals
تعریف انواع دادهها و یک سرویس
Defining Data Types and a Service
Angular Signals، Computed و Effect چگونه کار میکنند؟
How Angular Signals, Computed, and Effect Are Working?
افزودن قابلیتها
Adding Functionality
رندر کردن سوالات
Rendering Questions
دکمه بعدی
Next Button
صفحه نتایج
Results Page
رندر کردن پاسخها
Rendering Answers
هایلایت کردن پاسخها
Highlighting Answers
مخفی کردن دکمه بعدی
Hiding Next Button
کار با API
Working with API
بارگذاری ناهمگام سوالات از Trivia API
Loading Async Questions from Trivia API
مدیریت خطاهای API
Handling API Errors
استقرار آنگولار (Deployment)
Angular Deployment
اجاره سرور عملیاتی
Renting a Production Server
پیکربندی سرور عملیاتی
Configuring a Production Server
نمایش نظرات