Angular 16 for Juniors: Building Real World Application

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

Harness the Power of Angular 16 with Real World App and RxJS with TypeScript for Seamless Web Development

1. Introduction

1. Introduction

2. What is Angular

3. Course Requirements

4. This is Angular Modules, Components and Services

5. If You Get stuck and Having Errors.html

2. Environment and Development Tools

1. Mac Installing HomeBrew

2. Installing NodeJS - NVM

3. Installing Angular

4. Creating the Project

5. Running the Application

6. Installing Code Editor

7. Project Architecture

8. Installing Prettier

9. Installing ESLint

10. Extensions To Speed Up The Coding Productivity

3. Project API

1. What is API

2. JSON Format

3. Getting the Movies data - API Registration

4. Triggering APIs Requests via ThunderClient

5. Different APIs Resources

4. Application Initialization

1. Design Overview and Page Structure

2. Installing and Configuring Fonts

3. Styles Initialization - Important

4. Installing Grid System - PrimeFlex

5. Application Header Component

6. Application Logo and Navigation

7. Application Footer Component - Date Pipe

8.1 Application Initialization.zip

8.2 homepage-banners.zip

8. Section Code.html

5. Application Home Page

1. Home Page Component and Routing

2. Slider Component

3. Slider Component Layout

4. Slider Styling

5. Install Icons Library - Prime Icons

6. Getting Popular Movies

7. Show the Data in Frontend

8. Wrap in a Service

9. Use Async Pipe

10. Loop Over Items using ngFor

11. ngIf for Conditional Rendering

12. Loop Over the Movies ngFor To Create the Slides

13. Define Movie Model

14. Create Slides With Real Data

15. Getting the Images in Movies API

16. Change Slide Every 5 Seconds

17. Slider Animation - Animation Basics

18. Code Refactoring

19.1 application-homepage.zip

19. Section Code.html

6. Home Page Movies and TV Shows Banners

1. Banner Component

2. Show Item Component

3. Get The Required Services

4. Use Inputs for Components

5. Call the Banners for Different Movies Types

6. Code Refactoring for Services

7. Use RxJS Map to Stream Different output

8. Limit to Specific Amount of Movies

9. TV Shows Banner

10. TV Shows Type and Use Same Banner Component

11.1 homepage-banners.zip

11. Section Code.html

7. Movie and TV Show Detail Page

1. Show Detail Component and Routing

2. Routing by Movie - TVShow Id

3. Reading Route Parameter Value

4. Get Movie By Id

5. Reuse Slider Component as Header

6. Disable Slider Switching for Header Use

7. Install PrimeNG Component library

8. Resolving Dependency Versions - Update Angular

9. Continue Library Installation and Use Tab View Component

10. Styling the Tab View

11. Overview Tab

12. Videos Tab - Videos Service

13. Videos Tab - Video Embed Component

14. Videos Tab - Bypass URL Security

15. Photos Tab - Image Preview on Click

16. Cast - Use Carousel Component to Display Actors

17. If..else in HTML of Component - Default Actor Image

18. Exercise - Get Similar Movies.html

19. Exercise - TV Shows Detail Page.html

20.1 movie-and-tvshow-detail-page.zip

20. Section Code.html

8. Movies List Page

1. Section Overview

2. Discover Search MoviesTV Shows API

3. Create Search Movies Service

4. Create Shows List Component

5. Show Search API Results and Use Show Item

6. Use Search Component

7. Data Binding - ngModel

8. Component Events - onChange

9. Use Search Value in Search Service

10. Use Popular Movies as Default Search Value

11. Add Pagination Component

12. Pass Page Number to API from Paginator

13. Keep Search Value on Pagination

14. Get Total Results Value To Paginator

15.1 08-movies-list-page.zip

15. Section Code.html

16. Exercise - TV Shows List.html

9. Genres Page

1. Genres Page Component

2. Genres API & Service

3. Genres Page Layout

4. Display the Genres from API

5. Get Movies By Genre API and Service

6. Display Movies on Clicked Genre

7. Routing to Specific Genre

8. Reroute to same component with different Id

9. Homework.html

10.1 09-genres-page.zip

10. Section Code.html

10. Application Deployment

1. Application Build

2. Deploy to a Standard Host Using FTP

3. Deploy to Github Pages

4. Fix Github Pages - Base URL

11. Welcome to Angular World!

1. Final Words and Next Steps

2. Bonus Lecture.html

45,900 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

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

تولید کننده: Udemy