مطالب پیشنهادی از سراسر وب

دوره Angular 4 - از مبتدی تا پیشرفته - Code With Mosh

دسته بندی ها: آموزش های ویژه ، آموزش جاوااسکریپت (Javascript) ، آموزش انگولار جی اس (AngularJS) ، آموزش های Code with Mosh ، آموزش طراحی وب

اپلیکیشن های حرفه ای و تعاملی با Angular بسازید - محبوب ترین فریمورک برای ساخت اپلیکیشن های وب.

  • از مبتدی تا پیشرفته
  • 370 درس
  • 30 ساعت ویدئوی آموزشی
  • تمرینات و راه حل ها
  • قابل دانلود

بیاموزید که اپلیکیشن های Angular را مانند یک حرفه ای بسازید.

Angular یکی از محبوب ترین فریمورک ها برای ساختن اپلیکیشن های کلاینت با HTML ،CSS و TypeScript است.

به عبارت ساده، Angular یک ضرورت در رزومه شماست. برای شما خوش شانسی می آورد، این دوره یک تمرین کامل و درک عمیق درباره Angular است.

این دوره کاملاً فنی و با ترکیب کاملی از نظریه و کارهای عملی است. این دوره شامل تمام نکات مورد نیاز برای تبدیل کردن شما از یک توسعه دهنده Angular مبتدی به پیشرفته تبدیل می کند.

این دوره نکاتی را با شما به اشتراک می گذارد که شامل سال ها تجربه ی مدرس است و تمام جزئیات، بهترین شیوه ها، اشتباهات رایج، میانبرهای عملی که هر توسعه دهنده انگولار حرفه ای باید بداند را پوشش می دهد.

در پایان این دوره...

شما قادر خواهید بود :

  • اپلیکیشن های سریع و تعاملی را با اعتماد بنفس ایجاد و استقرار کنید
  • خطاهای رایج را عیب یابی کنید
  • کد تمیز و قابل نگهداری بنویسید
  • اعمال بهترین شیوه ها

آنچه یاد خواهید گرفت...

از همان ابتدا شما در عرض چند دقیقه یاد میگیرید اپلیکیشن Angular 4 خود را ایجاد کنید. در این دوره هیچ توضیح خسته کننده و طولانی وجود ندارد، ما مستقیماً به اصل مطلب می پردازیم!

  • نمایش داده ها و مدیریت رویدادها
  • کامپوننت های قابل استفاده مجدد بسازید
  • DOM را با استفاده از دایرکتیوها دستکاری کنید
  • فرمت داده با استفاده از pipes
  • ایجاد فرم های تعاملی و قالب محور
  • استفاده از سرویس های HTTP 
  • استفاده از observables و اکستنشن های تعاملی
  • پیاده سازی مسیریابی و ناوبری
  • پیاده سازی احراز هویت و مجوز 
  • ذخیره کردن داده در Firebase
  • استقرار اپلیکیشن ها
  • تست واحد اپلیکیشن Angular 
  • مبانی معماری Redux
  • استفاده از انیمیشن های Angular
  • مانند یک حرفه ای کد تمیز و قابل نگهداری بنویسید
  • میانبرهایی برای نوشتن کد بیشتر در زمان کمتر
  • و غیره

این دوره برای چه کسی مناسب است؟

  • هرکسی که مایل به یادگیری توسعه front-end با Angular باشد
  • توسعه دهندگان front-end که با کتابخانه های دیگر مانند React آشنایی دارند و می خواهند Angular را به جعبه ابزار خود اضافه کنند
  • توسعه دهندگان Back-end که می خواهند به توسعه full-stack بپردازند.

هیچ دانش قبلی نیاز نیست

نیازی به آشنایی با TypeScript یا نسخه های قبلی Angular ندارید. شما فقط نیاز به آشنایی اساسی با HTML ،CSS و JavaScript دارید.

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

  • شروع کار
    • معرفی
    • Angular چیست؟
    • معماری اپلیکیشن Angular 
    • راه اندازی محیط توسعه
    • اولین اپلیکیشن Angular
    • ساختار پروژه های Angular
    • Webpack
    • هیستوری نسخه Angular
    • ساختار دوره
    • ایجاد یک Promise
  • تایپ اسکریپت و اصول برنامه نویسی شی گرا
    • مقدمه
    • تایپ اسکریپت چیست؟
    • اولین برنامه تایپ اسکریپت
    • اعلام متغیرها
    • تایپ ها
    • Type Assertions 
    • توابع Arrow
    • رابط ها
    • کلاس ها
    • آبجکت ها
    • Constructors
    • Access Modifiers 
    • Access Modifiers در پارامترهای Constructor
    • Properties
    • ماژول ها
    • تمرین
    • راه حل
  • اصول Angular 
    • مقدمه
    • ایجاد بلوک های اپلیکیشن Angular
    • ایجاد کامپوننت ها
    • ایجاد کامپوننت ها با Angular CLI 
    • قالب ها
    • دایرکتیوها
    • سرویس ها
    • تزریق وابستگی
    • تولید سرویس ها با Angular CLI
    • تمرین - نویسندگان
    • راه حل
    • نکات این بخش
  • نمایش داده و مدیریت رویدادها
    • مقدمه
    • اتصال Property
    • اتصال Attribute
    • افزودن بوت استرپ
    • اتصال کلاس
    • اتصال استایل
    • اتصال رویداد
    • فیلتر کردن رویداد
    • متغیرهای قالب
    • اتصال دو روش
    • pipes
    • pipes سفارشی
    • تمرین - کامپوننت مورد علاقه
    • تمرین - TitleCase
    • راه حل - TitleCase
  • ساخت کامپوننت های قابل استفاده مجدد
    • مقدمه
    • Component API 
    • Input Properties 
    • تشخیص اشتباه Input Properties
    • Output Properties
    • انتقال داده رویداد
    • تشخیص اشتباه Output Properties
    • قالب ها
    • استایل ها
    • کپسوله سازی View
    • ngContent 
    • ngContainer 
    • تمرین - LikeComponent 
    • راه حل - LikeComponent 
    • نکات این بخش
  • دایرکتیوها
    • مقدمه
    • ngIf 
    • Property پنهان
    • ngSwitchCase
    • ngFor 
    • ngFor و تشخیص تغییر
    • ngFor و TrackBy 
    • Leading Asterisk 
    • ngClass 
    • ngStyle 
    • اپراتور امن Traversal
    • ایجاد دایرکتیوهای سفارشی
    • تمرین - Zippy 
    • راه حل - Zippy 
  • فرم های قالب محور
    • مقدمه
    • ساخت فرم اولیه بوت استرپ
    • تایپ های فرم
    • ngModel
    • افزودن اعتبارسنجی
    • خطاهای خاص اعتبارسنجی
    • استایل دادن به فیلدهای ورودی غیرمعتبر
    • قالب های تمیزتر
    • ngForm 
    • ngModelGroup
    • کلاس های کنترل و دایرکتیوها
    • غیرفعال سازی دکمه ارسال
    • کار با دکمه ارسال
    • کار با لیست کشویی
    • کار با دکمه رادیو
    • تمرین - ایجاد فرم دوره
    • راه حل - فرم دوره
  • فرم های واکنش گرا
    • مقدمه
    • ساخت فرم بوت استرپ
    • ایجاد کنترل ها به صورت برنامه نویسی شده
    • افزودن اعتبارسنجی
    • خطاهای اعتبار سنجی خاص
    • پیاده سازی اعتبار سنجی سفارشی
    • عملیات Async
    • Async Validators
    • نمایش Loader Image
    • اعتبارسنجی پس از ارسال فرم
    • FormGroups تودرتو
    • FormArray 
    • FormBuilder 
    • جمع بندی سریع
    • تمرین - تغییر فرم رمز عبور
    • راه حل - تغییر فرم رمز عبور
  • استفاده از سرویس های HTTP 
    • مقدمه
    • JSONPlaceHolder
    • دریافت داده
    • ایجاد داده
    • به روزرسانی داده
    • حذف داده
    • رابط OnInit
    • جداسازی نگرانی ها
    • استخراج کردن یک سرویس
    • مدیریت رویدادها
    • مدیریت رویدادهای غیرقابل انتظار
    • مدیریت رویدادهای قابل انتظار
    • پرتاب خطاهای مختص اپلیکیشن
    • بررسی دوره
    • ایمپورت کردن اپراتورهای Observable و متدهای فکتوری
    • مدیریت خطای جهانی
    • استخراج کردن متد مدیریت خطای قابل استفاده مجدد 
    • استخراج کردن سرویس داده قابل استفاده مجدد 
    • Map Operator 
    • به روزرسانی های خوش بینانه در برابر بدبین
    • تمرین
    • راه حل
  • مسیریابی و ناوبری
    • مقدمه
    • مسیریابی در Nutshell
    • پیکربندی مسیرها
    • RouterOutlet 
    • RouterLink 
    • RouterLinkActive
    • دسترسی به پارامترهای مسیر
    • چرا پارامترها Observables هستند؟
    • مسیرها با پارامترهای متعدد
    • پارامترهای کوئری
    • اشتراک در چندین Observables
    • ناوبری برنامه نویس شده
    • تمرین - آرشیوهای بلاگ
    • راه حل
  • احراز هویت و مجوز
    • مقدمه
    • بررسی اپلیکیشن
    • معماری
    • توکن های وب JSON
    • Starter Code
    • پیاده سازی لاگین
    • پیاده سازی Logout
    • نمایش - پنهان کردن عناصر
    • نمایش - پنهان کردن عناصر بر اساس نقش کاربر
    • دریافت کاربر فعلی
    • رابط CanActivate 
    • ریدایرکت کردن کاربران بعد از لاگین کردن
    • محافظت از مسیرها بر اساس نقش کاربر
    • دسترسی به منابع API محافظت شده
    • جمع بندی
  • استقرار
    • مقدمه
    • آماده سازی برای استقرار
    • کامپایل AOT  در برابر کامپایل JIT 
    • Angular Compiler در عمل
    • ساخت اپلیکیشن ها با Angular CLI
    • محیط ها
    • افزودن محیط سفارشی
    • لینت کردن با Angular CLI 
    • لینت کردن در VSCode
    • دیگر آپشن های استقرار
    • استقرار در صفحات GitHub
    • استقرار در Firebase 
    • Heroku 
    • استقرار در Heroku 
    • موتورها
    • راه حل
  • ساخت اپلیکیشن های بلادرنگ با Firebase
    • مقدمه
    • Firebase چیست؟
    • اولین پروزه Firebase
    • کار با پایگاه داده های Firebase
    • نصب Firebase
    • خواندن لیست ها
    • پایگاه داده بلادرنگ
    • Observables و نشت حافظه
    • لغو اشتراک از اشتراک ها
    • Async Pipe 
    • خواندن یک ابجکت
    • As Keyword 
    • افزودن یک آبجکت
    • به روزرسانی یک آبجکت
    • حذف یک آبجکت
    • منابع اضافی
  • انیمیشن های Angular 
    • مقدمه
    • مثال های انیمیشن ها
    • روش های مختلف ایجاد انیمیشن ها
    • انیمیشن های انگولار
    • ایمپورت کردن Polyfill و ماژول انیمیشن ها
    • پیاده سازی انیمیشن fadeIn
    • پیاده سازی انیمیشن fadeOut
    • States 
    • Transitions
    • ایجاد Triggers قابل استفاده مجدد
    • تمرین - انیمیشن اسلاید
    • راه حل
    • آسان سازی
    • Keyframes
    • ایجاد انیمیشن های قابل استفاده مجدد
    • پارامترسازی انیمیشن های قابل استفاده مجدد
    • Callbacks انیمیشن
    • کوئری کردن عناصر Child
    • متحرک سازی عناصر Child
    • اجرای انیمشن های موازی
    • متحرک سازی انیمیشن ها
    • کار با States سفارشی
    • انیمیشن های Multi-step
    • جداسازی نگرانی ها
  • Angular Material
    • مقدمه
    • Angular Material چیست؟
    • نصب Angular Material
    • CheckBoxes
    • RadioButtons 
    • Selects 
    • Inputs
    • Text Areas 
    • DatePickers 
    • آیکون ها
    • دکمه ها
    • Chips
    • Progress Spinner 
    • STooltips 
    • تب ها
    • دیالوگ ها
    • انتقال داده به دیالوگ ها
    • دیگر کامپوننت ها
    • ایجاد ماژول قابل استفاده مجدد
    • تم ها
    • SASS
    • ایجاد تم سفارشی
    • استفاده از تایپوگرافی Angular Material
    • سفارش سازی تایپوگرافی
    • نکته مهم
  • ریداکس
    • مقدمه
    • ریداکس چیست؟
    • ساخت بلوک های ریداکس
    • توابع Pure 
    • نصب ریداکس
    • کار با اکشن ها
    • الگو Select
    • جلوگیری از جهش آبجکت
    • استفاده از آبجکت های ثابت
    • تمرین
    • Redux DevTools 
    • فراخوانی کردن APIs 
    • ریفکتور کردن Fat Case Statements 
    • کار با دامنه های پیچیده
  • تست واحد
    • مقدمه
    • تست خودکار چیست؟
    • انواع تست
    • اصول تست واحد
    • کار با رشته ها و آرایه ها
    • راه اندازی و غیرفعال سازی
    • کار با فرم ها
    • کار با Event Emitters
    • کار با Spies 
    • کار با باکس های تایید
    • محدودیت های تست واحد
    • پوشش کد
  • تست یکپارچه سازی
    • مقدمه - تست یکپارچه سازی
    • کد راه اندازی
    • ایجاد کد راه اندازی
    • تست کردن Property و اتصالات کلاس
    • تست کردن اتصالات رویداد
    • ارائه دادن وابستگی ها
    • دریافت وابستگی ها
    • ارائه دادن Stubs
    • تست کردن ناوبری
    • کار با Route Params
    • تست کردن کامپوننت های RouterOutlet 
    • تست های کامپوننت Shallow
    • تست کردن Attribute Directives
    • کار با عملیات های غیرهمزمان
  • پروژه - راه اندازی
    • مقدمه
    • دسترسی به کد منبع
    • چالش
    • ایجاد پروژه جدید
    • نصب بوت استرپ
    • استخراج کامپوننت ناوبار
    • تعریف مسیرها
    • افزودن منو کشویی
    • تمیز کردن ناوبار
    • رفع مسائل کوچک
    • استقرار
  • پروژه - احراز هویت و مجوز
    • مقدمه
    • پیاده سازی Google Login
    • پیاده سازی Logout
    • نمایش کاربر فعلی
    • استفاده از Async Pipe
    • استخراج کردن سرویس
    • محافظت از مسیرها
    • ریدایرکت کردن کاربران بعد از لاگین
    • مرتب سازی کاربران در پایگاه داده
    • تعریف نقش ها
    • محافظت از مسیرهای ادمین
    • نمایش یا پنهان سازی لینک های ادمین
    • رفع یک باگ
  • پروژه - مدیریت محصول
    • مقدمه
    • ایجاد یک فرم بوت استرپ
    • ایجاد دسته بندی ها لیست کشویی
    • ذخیره یک محصول در Firebase
    • پیاده سازی اعتبارسنجی
    • افزودن اعتبارسنجی سفارشی
    • افزودن کارت بوت استرپ
    • رندر کردن لیست محصولات
    • ویرایش کردن محصول
    • به روزرسانی محصول
    • حذف کردن محصول
    • جستجوی محصول
    • استخراج کردن رابط
    • افزودن کامپوننت جدول داده
    • Feed کردن جدول داده
    • فیلتر کردن با جدول داده
    • رفع باگ با ریدایرکت کردن کاربران
    • تمیزکردن فرم محصول
  • پروژه - کاتالوگ محصول
    • ​​​​​​​مقدمه
    • نمایش تمامی محصولات
    • نمایش دسته بندی ها
    • فیلتر کردن محصولات با دسته بندی
    • کار با چندین عملیات غیرهمزمان
    • ریفکتورینگ - استخراج کردن ProductFilterComponent
    • ریفکتورینگ - استخراج کردن ProductCardComponent 
    • بهبود کارت محصول
    • ثابت کردن دسته بندی ها
    • جمع بندی
  • پروژه - سبد خرید
    • ​​​​​​​مقدمه
    • ایجاد سبد خرید
    • ریفکتورینگ - حرکت Responsibility به سرویس
    • افزودن محصول به سبد خرید
    • ریفکتورینگ متد addToCart
    • نمایش تعداد
    • بهبود فوتر کارد
    • پیاده سازی دکمه های تغییر تعداد
    • نمایش عدد آیتم های سبد خرید در ناوبار
    • ریفکتورینگ - ایجاد Rich Model
    • ساخت صفحه ساده سبد خرید
    • رفع مسئله طراحی
    • نمایش جمع کل پرداختی
    • ریفکتورینگ - استخراج ProductQuantityComponent
    • بررسی مسئله طراحی
    • مسطح ساختن آیتم های سبد خرید
    • مقداردهی اولیه بهتر آبجکت
    • خالی کردن سبد خرید
    • رفع باگ با به روزرسانی تعداد
    • بهبود طرح بندی
    • افزودن Thumbnail
    • ریفکتورینگ بیشتر
  • پروژه - ماژول Check Out 
    • ​​​​​​​مقدمه
    • افزودن دکمه Check Out
    • ساخت فرم حمل و نقل
    • ذخیره سفارش در Firebase 
    • ارتباط سفارش با کاربر فعلی
    • ریفکتورینگ - استخراج Rich Model
    • ریدایرکت کردن کاربر
    • خالی کردن سبد خرید
    • تراکنش ها
    • افزودن ویدجت Order Summary
    • ریفکتورینگ
    • نمایش سفارشات
    • رفع باگ
    • فرآیند پرداخت ها
  • پروژه - ماژول سازی و پیشرفت های نهایی
    • ​​​​​​​مقدمه
    • ماژول ها
    • پلاگین های اصلی تایپ اسکریپت
    • حرکت فایل ها و پوشه ها
    • ایجاد ماژول مشترک
    • ایجاد ماژول ادمین
    • ایجاد ماژول خرید
    • ایجاد ماژول اصلی
    • ایمپورت کردن و اکسپورت کردن ماژول
    • افزودن آیکون ها
    • ترازبندی آیتم های ناوبار
    • تعریف کردن تم
    • جمع بندی

سایر ویدئوهای دوره:

Angular چیست؟ 

 

معماری اپلیکیشن Angular

 

هیستوری نسخه Angular

 

ساختار دوره

 

ایجاد یک Promise


راه اندازی محیط توسعه

 

اولین اپلیکیشن Angular

 

ساختار پروژه Angular

 

بررسی Webpack

آیا این نوشته را دوست داشتید؟
codewithmosh Angular 4: Beginner to Pro Publisher:codewithmosh Author:Mosh Hamedani Duration:30 HOURS Level:BEGINNER TO ADVANCED

Build professional, interactive apps with Angular - the most popular framework for building web apps.

  • BEGINNER TO ADVANCED
  • LIFETIME ACCESS
  • 370 LESSONS
  • 30 HOURS OF VIDEO
  • EXERCISES AND SOLUTIONS
  • DOWNLOADABLE
  • SUBTITLES
  • ACCESS ON MOBILE/TV

Learn to build Angular apps like a pro

Angular is one of the most popular frameworks for building client apps with HTML, CSS, and TypeScript.

Put simply, Angular is a must-have on your resume. Lucky for you, this course is a full-on, deep-dive into Angular that will give you the competitive edge you’re looking for.

Highly technical with a perfect mix of theory and practice. It covers absolutely every detail you could possibly need to take you from beginner Angular developer to expert.

I share tips from several years’ experience using Angular, including the do’s and don’ts, best practices, common mistakes, and practical shortcuts that every professional Angular developer needs to know.

By the end of this course…

You’ll be able to:

  • Build and deploy fast and interactive Angular apps with confidence
  • Troubleshoot common errors
  • Write clean, maintainable code
  • Apply best practices

What You'll Learn...

Right from the beginning, you'll jump in and build your first Angular 4 app within minutes. There are no boring, long introductions, we'll get straight into the nuts and bolts!

  • Display data and handle events
  • Build re-usable components
  • Manipulate the DOM using directives
  • Format data using pipes
  • Build template-driven and reactive forms
  • Consume HTTP services
  • Use Reactive Extensions and observables
  • Implement routing and navigation
  • Implement authentication and authorization
  • Store data in Firebase
  • Deploy your applications
  • Unit test your Angular apps
  • Basics of the Redux architecture
  • Use Angular animations
  • Write clean, maintainable code like a pro
  • Shortcuts to write more code in less time
  • And much, much more!

Who is this course for?

  • Anyone wanting to learn front-end development with Angular
  • Front-end developers familiar with other libraries such as React who want to add Angular to their toolbox
  • Back-end developers who want to transition to full-stack development.

No prior knowledge needed

You don't need familiarity with TypeScript or any previous versions of Angular. You just need some basic familiarity with HTML, CSS and JavaScript.

Course Curriculum

  • Getting Started
    • Introduction
    • What is Angular 
    • The architecture of Angular Apps
    • Setting Up the Development Environment
    •  Your First Angular App
    • Structure of Angular Projects
    • Webpack 
    • Angular Version History 
    • Course Structure 
    • Making a Promise
  • TypeScript and Object-oriented Programming Fundamentals 
    • Introduction 
    • What is TypeScript 
    • Your First TypeScript Program
    • Declaring Variables 
    • Types 
    • Type Assertions 
    • Arrow Functions 
    • Interfaces 
    • Classes 
    • Objects 
    • Constructors
    • Access Modifiers 
    • Access Modifiers in Constructor Parameters 
    • Properties
    • Modules 
    • Exercise
    • Solution 
  • Angular Fundamentals
    • Introduction 
    • Building Blocks of Angular Apps 
    • Creating Components 
    • Creating Components Using Angular CLI
    • Templates 
    • Directives 
    • Services 
    • Dependency Injection
    • Generating Services Using Angular CLI 
    • Exercise- Authors 
    • Solution 
    • StartA Quick Note
  • Displaying Data and Handling Events 
    • Introduction 
    • Property Binding 
    • Attribute Binding 
    • Adding Bootstrap
    • Class Binding 
    • Style Binding 
    • Event Binding 
    • Event Filtering
    • Template Variables 
    • Two-way Binding 
    • Pipes 
    • Custom Pipes 
    • Exercise- Favorite Component 
    • Solution- Favorite Component 
    • Exercise- TitleCase
    • Solution- Title Case 
  • Building Re-usable Components
    • Introduction 
    • Component API 
    • Input Properties 
    • Aliasing Input Properties 
    • Output Properties 
    • Passing Event Data 
    • Aliasing Output Properties 
    • Templates 
    • Styles 
    • View Encapsulation 
    • ngContent 
    • ngContainer 
    • Exercise- LikeComponent 
    • Solution- LikeComponent
    • A Quick Note
  • Directives
    • Introduction 
    • ngIf 
    • Hidden Property 
    • ngSwitchCase
    • ngFor 
    • ngFor and Change Detection
    • ngFor and TrackBy 
    • The Leading Asterisk 
    • ngClass 
    • ngStyle 
    • Safe Traversal Operator
    • Creating Custom Directives 
    • Exercise- Zippy 
    • Solution- Zippy 
  • Template-driven Forms 
    • Introduction 
    • Building a Basic Bootstrap Form
    • Types of Forms 
    • ngModel 
    • Adding Validation 
    • Specific Validation Errors 
    • Styling Invalid Input Fields 
    • Cleaner Templates 
    • ngForm 
    • ngModelGroup
    • Control Classes and Directives 
    • Disabling the Submit Button
    • Working with Check Boxes
    • Working with Drop-down Lists 
    • Working with Radio Buttons 
    • Exercise- Create Course Form 
    • Solution- Course Form 
  • Reactive Forms
    • Introduction 
    • Building a Bootstrap Form
    • Creating Controls Programatically
    • Adding Validation
    • Specific Validation Errors 
    • Implementing Custom Validation
    • Async Operations 
    • Async Validators 
    • Displaying a Loader Image 
    • Validating Upon Submitting the Form 
    • Nested FormGroups 
    • FormArray 
    • FormBuilder 
    • Quick Recap
    • Exercise- Change Password Form
    • Solution- Change Password Form 
  • Consuming HTTP Services
    • Introduction 
    • JSONPlaceHolder
    • Getting Data 
    • Creating Data 
    • Updating Data 
    • Deleting Data 
    • OnInit Interface 
    • Separation of Concerns 
    • Extracting a Service
    • Handling Errors
    • Handling Unexpected Errors
    • Handling Expected Errors 
    • Throwing Application-specific Errors
    • Code Review 
    • Importing Observable Operators and Factory Methods
    • Global Error Handling+ 
    • Extracting a Reusable Error Handling Method
    • Extracting a Reusable Data Service 
    • The Map Operator 
    • Optimistic vs Pessimistic Updates 
    • Observables vs Promises 
    • Exercise
    • Solution 
  • Routing and Navigation
    • Introduction 
    • Routing in a Nutshell 
    • Configuring Routes 
    • RouterOutlet 
    • RouterLink 
    • RouterLinkActive
    • Accessing Route Parameters 
    • Why Route Parameters Are Observables
    • Routes with Multiple Parameters
    • Query Parameters
    • Subscribing to Multiple Observables 
    • The SwitchMap Operator 
    • Programmatic Navigation 
    • Exercise-Blog Archives 
    • Solution 
  • Authentication and Authorization 
    • Introduction 
    • Application Overview 
    • Architecture 
    • JSON Web Tokens 
    • The Starter Code 
    • Implementing the Login 
    • Implementing the Logout 
    • Showing : Hiding Elements 
    • Showing - Hiding Elements Based on the User's Role
    • Getting the Current User 
    • CanActivate Interface 
    • Redirecting the Users After Logging In 
    • Protecting Routes Based on the User's Role 
    • Accessing Protected API Resources 
    • Quick Recap 
  • Deployment 
    • Introduction 
    • Preparing for Deployment 
    • JIT vs AOT Compilation 
    • Angular Compiler in Action
    • Building Applications with Angular CLI 
    • Environments
    • Adding a Custom Environment
    • Linting with Angular CLI
    • Linting in VSCode
    • Other Deployment Options 
    • Deploying to GitHub Pages 
    • Deploying to Firebase 
    • Heroku 
    • Deploying to Heroku
    • Engines
    • Exercise
  • Building Real-time Apps with Firebase
    • Introduction
    • What is Firebase? 
    • Your First Firebase Project
    • Working with Firebase Databases 
    • Installing Firebase 
    • Reading Lists
    • A Real-time Database 
    • Observables and Memory Leaks 
    • Unsubscribing from Subscriptions 
    • Async Pipe 
    • Reading an Object 
    • As Keyword 
    • Adding an Object 
    • Updating an Object)
    • Deleting an Object 
    • Additional Resources 
  • Angular Animations 
    • Introduction 
    • Examples of Animations
    • Different Ways to Create Animations
    • Angular Animations 
    • Importing Animations Module and Polyfill
    • Implementing a fadeIn Animation 
    • Implementing a fadeOut Animation 
    • States 
    • Transitions
    • Creating Re-usable Triggers 
    • Exercise- Slide Animation 
    • Solution
    • Easings 
    • Keyframes 
    • Creating Re-usable Animations
    • Parameterizing Re-usable Animations
    • Animation Callbacks 
    • Querying Child Elements 
    • Animating Child Elements 
    • Running Parallel Animations
    • Staggering Animations 
    • Working with Custom States 
    • Multi-step Animations
    • Separation of Concerns 
  • Angular Material (2h30m)
    • Introduction
    • What is Angular Material
    • Installing Angular Material 
    • CheckBoxes
    • RadioButtons 
    • Selects 
    • Inputs
    • Text Areas 
    • DatePickers 
    • Icons 
    • Buttons 
    • Chips 
    • Progress Spinner 
    • STooltips 
    • Tabs 
    • Dialogs 
    • Passing Data to Dialogs
    • Other Components
    • Creating a Reusable Module 
    • Themes 
    • SASS 
    • Creating a Custom Theme
    • Using Angular Material's Typography 
    • Customizing Typography 
    • An Important Note
  • Redux (1h19m)
    • Introduction
    • What is Redux
    • Building Blocks of Redux 
    • Pure Functions 
    • Installing Redux 
    • Working with Actions 
    • The Select Pattern 
    • Avoiding Object Mutations 
    • Using Immutable Objects
    • Exercise 
    • Redux DevTools 
    • Calling APIs 
    • Refactoring Fat Case Statements 
    • Dealing with Complex Domains
  • Unit Testing (1h)
    • Introduction 
    • What is Automated Testing 
    • Types of Tests 
    • Unit Testing Fundamentals 
    • Working with Strings and Arrays 
    • Setup and Tear Down 
    • Working with Forms
    • Working with Event Emitters
    • Working with Spies 
    • Interaction Testing
    • Working with Confirmation Boxes 
    • Limitations of Unit Tests 
    • Code Coverage 
  • Integration Testing
    • Introduction - Integration Testing
    • The Setup Code 
    • Generating the Setup Code
    • Testing Property and Class Bindings
    • Testing Event Bindings 
    • Providing Dependencies 
    • Getting the Dependencies 
    • Providing Stubs 
    • Testing the Navigation
    • Dealing with Route Params
    • Testing RouterOutlet Components 
    • Shallow Component Tests
    • Testing Attribute Directives 
    • Dealing with Asynchronous Operations 
  • Project: Set Up (1h5m)
    • Introduction 
    • Accesing the Source Code
    • Challenge 
    • Creating a New Project 
    • Installing Bootstrap 
    • Extracting a NavBar Component 
    • Defining the Routes 
    • Adding a Drop-down Menu 
    • Cleaning Up the NavBar 
    • Fixing a Few Minor Issues
    • Deployment 
  • Project: Authentication and Authorizatio
    • Introduction 
    • Implementing Google Login 
    • Implementing the Logout
    • Displaying the Current User 
    • Using the Async Pipe 
    • Extracting a Service 
    • Protecting Routes 
    • Redirecting the Users After Login 
    • Storing Users in Database 
    • Defining Roles 
    • Protecting the Admin Routes
    • Showing or Hiding the Admin Links
    • Fixing a Bug 
  • Project: Product Management (1h35m)
    • Introduction
    • Building a Bootstrap Form 
    • Populating Categories Drop-down List 
    • Saving a Product in Firebase 
    • Implementing Validation 
    • Adding Custom Validation 
    • Adding a Bootstrap Card 
    • Rendering the List of Products 
    • Editing a Product
    • Updating a Product 
    • Deleting a Product
    • Searching for Products
    • Extracting an Interface
    • Adding a Data Table Component 
    • Configuring the Data Table 
    • Feeding the Data Table 
    • Filtering with the Data Table 
    • Fixing a Bug with Redirecting Users 
    • Cleaning Up the Product Form 
  • Project: Product Catalog (50m)
    • Introduction
    • Displaying All the Products
    • Displaying the Categories
    • Filtering Products by Category
    • Dealing with Multiple Asynchronous Operations
    • Refactoring- Extracting ProductFilterComponent
    • Refactoring- Extracting ProductCardComponent 
    • Improving the Product Card 
    • Making Categories Sticky 
    • Wrap Up 
  • Project: Shopping Cart (2h)
    • Introduction
    • Creating a Shopping Cart 
    • Refactoring- Moving the Responsibility to the Service 
    • Adding a Product to Shopping Cart 
    • Refactoring the addToCart Method
    • Displaying the Quantity 
    • Improving the Card Footer 
    • Implement the Change Quantity Buttons 
    • Displaying the Number of Shopping Cart Items in Navbar
    • Refactoring: Creating a Rich Model
    • Building a Simple Shopping Cart Page
    • Fixing a Design Issue 
    • Displaying the Total Price
    • Refactoring: Extracting ProductQuantityComponent
    • Discovering a Design Issue 
    • Flattening Shopping Cart Items 
    • Better Object Initialization 
    • Clearing the Shopping Cart 
    • Fixing a Bug with Updating Quantity 
    • Improving the Layout 
    • Adding a Thumbnail 
    • More Refactoring 
  • Project: Check Out Module (1h30m)
    • Introduction 
    • Adding the Check-Out Button 
    • Building a Shipping Form
    • Saving the Order in Firebase 
    • Associating the Order with the Current User 
    • Refactoring- Extracting a Rich Model
    • Redirecting the User 
    • Clearing the Shopping Cart 
    • Transactions
    • Adding an Order Summary Widget 
    • Refactoring 
    • Displaying the Orders
    • Fixing a Bug
    • Processing the Payments
  • Project: Modularization and Final Improvements (1h)
    • Introduction 
    • Modules 
    • Essential TypeScript Plugins 
    • Moving Files and Folders
    • Creating the Shared Module 
    • Creating the Admin Module 
    • Creating the Shopping Module 
    • Creating the Core Module 
    • Importing and Exporting Modules 
    • Adding Icons 
    • Aligning the NavBar Items 
    • Defining a Theme 
    • StartWrap Up

پیشنهاد آموزش مرتبط در فرادرس

خرید لینک های دانلود
  • حجم فایل: 28.9GB
  • زبان: انگلیسی
  • زیرنویس انگلیسی: ندارد
  • قیمت: 12000 تومان
  • دوره Angular 4 - از مبتدی تا پیشرفته - Code With Mosh یک محصول ویژه است و دریافت لینک های دانلود آن با پرداخت هزینه امکان پذیر است. اطلاعات بیشتر