The Complete Angular 5 Essentials Course For Beginners

Section 2 Introduction

Students will learn the foundational concept of component-based architecture, the core of modern front-end development.  They'll practice creating their first self-contained and reusable UI component, understanding how to break a complex interface down into small, manageable pieces that can be composed together.

Get your mind around what property binding is and how to use it to send data down to child components and html elements.

Get your mind around what event binding is and how to use it to send data up to parent components.

Creating a Component Using the Angular Cli

More Information On ng generate

Two Way Binding

Section 3 Introduction

Students will learn what directives are in Angular and how they work. This lecture explains the different types of directives, how to apply them in templates, and how they help modify the DOM dynamically.

Students will learn how to loop through items using the ngFor directive in Angular. This lecture demonstrates how to display lists of data dynamically in your templates and manage repeated elements efficiently.

Students will learn how to use the ngIf directive for conditional rendering in Angular. This lecture shows how to display or hide elements dynamically based on conditions in your component.

Students will learn how to use the ngStyle directive to apply dynamic styles in Angular. This lecture demonstrates how to change CSS properties conditionally based on component data for more interactive and responsive designs.

Students will learn how to use the ngClass directive to apply dynamic CSS classes in Angular. This lecture shows how to add, remove, or toggle classes based on component data to create responsive and interactive user interfaces.

Students will learn how to use ngSwitch, Angular’s switch statement directive. This lecture explains how to conditionally render elements based on multiple possible values in a clean and organized way.

Section 4 Introduction

Students will learn how to work with services in Angular. This lecture explains how to create, inject, and use services to share data and functionality across components efficiently.

Students will learn the concept of dependency injection in Angular. This lecture explains how to provide and inject services into components, making your application modular, maintainable, and easy to test.

Working with Observables

Working with Observables Part 2

Students will learn about the Subject observable in Angular. This lecture explains how Subjects work, how to emit and subscribe to values, and how they can be used to communicate between components efficiently.

Students will learn how to make HTTP requests using Angular’s HttpClient. This lecture demonstrates how to fetch, send, and manage data from external APIs, enabling dynamic and data-driven applications.

Section 5 Intro

Students will learn how to set up their Angular application for development. This lecture walks through creating the project, configuring the environment, and preparing everything needed to start building your app.

Students will learn how to create the component structure for an Angular application. This lecture explains how to organize components logically, set up parent-child relationships, and ensure a modular and maintainable app architecture.

Students will learn how to create the HTML and CSS for Angular components. This lecture demonstrates how to design the layout and style each component for a visually appealing and functional application.

Students will learn how to create a TypeScript interface for movies in Angular. This lecture explains how interfaces help define the structure of data, enforce type safety, and make your code more reliable and maintainable.

Students will learn how to use @Input and @Output in Angular. This lecture explains how to pass data between parent and child components and handle events to create interactive, component-based applications.

Students will learn how to create a Movie service and manage the current movie in Angular. This lecture demonstrates how to centralize data, share it across components, and keep your application state organized.

Students will learn how to connect Angular components to the Movie service. This lecture shows how to fetch and display movie data, ensuring components stay in sync with the centralized service.

Students will learn how to simulate a search feature using Angular Observables. This lecture demonstrates how to handle asynchronous data streams to create responsive and interactive search functionality.

Students will learn how to set up a Movie Database (Movie Db) account. This lecture walks through creating an account, obtaining an API key, and preparing the account to fetch real movie data for your Angular application.

Students will learn how to fetch search results from the Movie Db API in Angular. This lecture shows how to make API requests, handle responses, and display dynamic movie data in your application.

Students will learn how to retrieve photo paths from the Movie Db API in Angular. This lecture demonstrates how to access and display movie images dynamically within your application.