К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Angular Fundamentals and Core Concepts · LearnSpace
Назад в каталог
courseraПрограммирование

Angular Fundamentals and Core Concepts

Курс от Packt
Начальный≈ 16.1 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

This course features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. Begin by learning Angular fundamentals, including setting up the Angular CLI, understanding project structure, and exploring Angular 17 features. Build components, dynamically bind data, and handle user interactions with event and two-way binding. Next, dive into Angular directives, such as *ngIf, *ngFor, and [ngClass], to manage dynamic behavior and styling. Learn about lifecycle hooks like ngOnInit and ngOnDestroy to manage component states. You will also master decorators, pipes, routing, and service management. Discover dependency injection and tokens to share functionality across components. This course is ideal for developers familiar with web development and assumes knowledge of HTML, CSS, and JavaScript. By the end, you will be able to create dynamic Angular applications with advanced routing, form handling, and custom validation.

Навыки, которые вы освоите

AngularFrontend PerformanceCommand-Line InterfaceData Sharing

Программа курса

13 модулей · 152 учебных материалов

01Introduction8 материалов
Introduction to the SpecializationВидеоIntroduction to the Course 'Angular Fundamentals and Core Concepts'ЧтениеFull Specialization ResourcesЧтениеAngular CLIВидео

Учитесь у экспертов

Packt - Course Instructors

Преподаватель курса

Angular Fundamentals and Core Concepts
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 16.1 ч

13 модулей

Язык: Английский

Часть программы вашего университета
Understanding Project StructureВидео
NG17-Introduction to Angular 17Видео
Getting started with Angular 17Видео
Migrating to Angular 17Видео
02Angular Fundamentals17 материалов

Angular Fundamentals

First Component With ArchitectureВидеоDisplaying Message DynamicallyВидеоAssignment (Display sum of two values)ВидеоUnderstanding the @NgModuleВидеоNG17-Bootstrapping & Utilizing StandaloneВидеоProperty BindingВидеоAssignment (Property binding with image tag)ВидеоEvent Binding with Click EventВидеоBinding Other Mouse Related EventsВидеоBinding Keyboard EventsВидео$event objectВидеоAssignment (Checking shift key status)ВидеоTwo Way Binding (ngModel)ВидеоAssignment (Two-way Binding) - Get input field value on button clickВидеоAssignment (Creating counter example)ВидеоUnderstanding Angular Components and Event BindingDIALOGUEAngular Fundamentals - AssessmentЗадание
03Angular Directives25 материалов

Angular Directives

Directives IntroductionВидеоStructural Directives (ngIf)ВидеоAssignment - Implementing show & hide functionality with ngIfВидеоNG17-Control Flow Statements (@if & @else)ВидеоStructural Directives (ngFor)ВидеоAssignment - Displaying list items on button click using ngIf and ngForВидеоNG17-Control Flow Statements @for loopВидеоStructural Directives (ngSwitch)ВидеоAssignment - Implementing age validation functionality using ngSwitchВидеоAttribute Directives [ngClass]ВидеоNG17-Control Flow Statements (@switch)ВидеоAssignment - ngClassВидеоAttribute Directives - [ngStyle]ВидеоAssignment - Changing the color of input field using [ngStyle]ВидеоGrouping elements with ng-containerВидеоHTML templates with ng-templateВидеоng-template vs ng-containerВидеоAssignment - Displaying message if the input field remains emptyВидеоRendering templates with ngTemplateOutlet - Part 1ВидеоRendering templates with ngTemplateOutlet - Part 2ВидеоAssignment - Portfolio Builder (Phase 1) - HTMLВидеоAssignment - Portfolio Builder (Phase 2) - CSSВидеоAssignment - Portfolio Builder (Phase 3) - BindingВидеоUnderstanding Angular Directives and Control FlowDIALOGUEAngular Directives - AssessmentЗадание
04Component Life Cycle - Lifecycle Hooks12 материалов

Component Life Cycle - Lifecycle Hooks

IntroductionВидеоComponent Creation Hook - ngOnChanges()ВидеоUnderstanding SimpleChanges ObjectВидеоComponent Creation Hook - ngOnInit()ВидеоDetecting Custom Changes With ngDoCheck() HookВидеоUnderstanding the ngAfterContentInit() HookВидеоChecking The Content With ngAfterContentChecked() HookВидеоLoading Content With ngAfterViewInit() HookВидеоChecking The Component View With ng AfterView Checked() HookВидеоDestroying Component With ngDestroy() HookВидеоUnderstanding Angular Lifecycle HooksDIALOGUEComponent Life Cycle - Lifecycle Hooks - AssessmentЗадание
05Decorators15 материалов

Decorators

Introduction To DecoratorsВидеоClass Decorators - @NgModuleВидеоClass Decorators - @ComponentВидеоProperty Decorators - @InputВидеоAssignment @Input DecoratorВидеоProperty Decorators - @OutputВидеоAssignment - Implementing Parent-Child Data Sharing using @Input & @OutputВидеоProperty Decorators - Accessing Child Components With @ViewChildВидеоProperty Decorators - Accessing The Projected Content With @ContentChildВидеоProperty Decorators - Binding Properties With @HostBindingВидеоMethod Decorators - Binding Events With @HostListenerВидеоAssignment - Implementing Color PickerВидеоParameter DecoratorsВидеоUnderstanding Angular Decorators and ComponentsDIALOGUEDecorators - AssessmentЗадание
06Angular Pipes11 материалов

Angular Pipes

Pipes - IntroductionВидеоAssignment - Implementing the Built-In PipesВидеоUnderstanding Slice PipeВидеоAssignment - Page Navigation using Slice Pipe (Part 1)ВидеоAssignment - Page Navigation using Slice Pipe (Part 2)ВидеоUnderstanding Number PipeВидеоAssignment - Pound(lbs) to Kg Converter Using Number PipeВидеоUnderstanding JSON PipeВидеоAssignment - Displaying Table Data To JSON StringВидеоUnderstanding and Using Angular PipesDIALOGUEAngular Pipes - AssessmentЗадание
07Custom Pipes7 материалов

Custom Pipes

Creating Custom PipesВидеоAssignment - Custom Pipe for Sorting NumbersВидеоAssignment - Creating Custom Pipe For Letter CountВидеоPure Vs. Impure PipeВидеоUsing Impure PipesВидеоCreating and Using Custom Angular PipesDIALOGUECustom Pipes - AssessmentЗадание
08Angular Routing16 материалов

Angular Routing

Routing - IntroductionВидеоUnderstanding Router Module StructureВидео- Creating a Simple RouteВидеоCreating a Navigation Link with "routerLink" DirectiveВидеоAssignment - Creating a Navbar Using RoutesВидеоPassing Route Parameters (Dynamic Routing)ВидеоWildcard Routes - Displaying the 404 PageВидеоUnderstanding Nested RoutesВидеоAssignment - Creating a Multi-Level MenuВидеоRedirecting RoutesВидеоUnderstanding forRoot and forChild in RoutingВидеоUnderstanding ActivatedRouteВидеоQuery Parameters In RoutingВидеоAssignment - Displaying Course Details and Fetching the Query ParametersВидеоMastering Angular Routing: Static, Dynamic, and Nested RoutesDIALOGUEAngular Routing - AssessmentЗадание
09Angular Services5 материалов

Angular Services

Introduction to ServicesВидеоDependency InjectionВидеоProviding ServicesВидеоUnderstanding Angular Services and Dependency InjectionDIALOGUEAngular Services - AssessmentЗадание
10Angular Tokens11 материалов

Angular Tokens

Injecting TokensВидеоInjecting String TokensВидеоInjection Token ObjectВидеоProviding Value With "useValue"ВидеоAssignment - Provide A Constant Value As DependencyВидеоAlias Provider - useExisting PropertyВидеоFactory Provider - useFactory PropertyВидеоProviding Dependencies Using "deps" Property With useFactoryВидеоuseFactory Vs. useValueВидеоUnderstanding Dependency Injection Tokens in AngularDIALOGUEAngular Tokens - AssessmentЗадание
11Angular Template Driven Forms6 материалов

Angular Template Driven Forms

Introduction to Angular FormsВидеоUnderstanding ngForm DirectiveВидеоAssignment - Creating A Simple Submit And Reset FormВидеоTemplate-Driven FormВидеоUnderstanding Angular Forms - Template Driven ApproachDIALOGUEAngular Template Driven Forms - AssessmentЗадание
12Angular Reactive Forms12 материалов

Angular Reactive Forms

Understanding FormControlВидеоUnderstanding FormGroupВидеоDynamic Forms With FormArrayВидеоUnderstanding FormBuilderВидеоValidating Form ControlsВидеоCreating Multi Step Reactive Form With Bootstrap (Part 1)ВидеоCreating Multi Step Reactive Form With Bootstrap (Part 2)ВидеоCreating Multi Step Reactive Form With Bootstrap (Part 3)ВидеоTracking Form Control States (Dirty and Pristine Properties)ВидеоMultiple Validations On Password FieldВидеоUnderstanding Angular Reactive Forms and ValidationDIALOGUEAngular Reactive Forms - AssessmentЗадание
13Custom Form Validators7 материалов

Custom Form Validators

Creating Custom ValidatorsВидеоCustom URL ValidatorВидеоConclusion to the Course 'Angular Fundamentals and Core Concepts'ЧтениеCreating Custom Validators in Angular FormsDIALOGUECustom Form Validators - AssessmentЗаданиеFull Course Practice AssessmentЗаданиеFull Course AssessmentЗадание