Благодарим ви, че изпратихте вашето запитване! Един от членовете на нашия екип ще се свърже с вас скоро.
Благодарим ви, че направихте своята резервация! Един от членовете на нашия екип ще се свърже с вас скоро.
План на курса
Въведение
- Какво е Angular?
- Какво е ново в Angular 10?
Преглед на TypeScript и ES6 JavaScript
- Syntax на TypeScript
- Използване на компилатора на TypeScript
- Настройка на Angular 10 и TypeScript
Преглед на части от Angular 10
- Angular CLI
- Компоненти
- Директиви
- Входни и изходни данни (Inputs and Outputs)
- Превръзката на данни и интерполацията (Data Binding and Interpolation)
- Биндинг на събития (Event Binding)
- Моделироване на данни (Data Modelling)
- Пускане в работа (Bootstrapping)
Създаване на първото Angular приложение
- Планиране на приложението
- Настройка на Angular проект
- Създаване на мобилен UI с Bootstrap 4 и Sass
Създаване на компонент
- Разбиране на жизнения циклус на компонента (Component Lifecycle)
- Поток на данни (Data Flow)
- Използване на шаблони и стилове (Using Templates and Styles)
- Проектиране на съдържание (Projecting Content)
- Работа с AppModule
- Работа с персонализирани компоненти (Working with Custom Components)
- Използване на вижуална инкапсулация (View Encapsulation)
- Прилагане на жизнените цикли (Implementing Lifecycle Hooks)
- Използване на ViewChildren и ContentChildren
Биндинг на данни в Angular 10
- Разбиране на свойствената и събитийната превръзка (Property and Event Binding)
- Биндинг и задаване на псевдоними за персонализирани свойства (Binding and Assigning Aliases to Custom Properties)
- Биндинг и задаване на псевдоними за персонализирани събития (Binding and Assigning Aliases to Custom Events)
Работа с директиви
- Вградени директиви (Built-in Directives)
- Персонализирани директиви (Custom Directives)
Услуги в Angular 10
- Създаване на логически услуги (Creating a Logging Service)
- Създаване на данни услуги (Creating a Data Service)
Използване на инжекцията на зависимости и проваеждащите (Using Dependency Injection and Providers)
- Инжектори, проваеждащи и токени (Injectors, Provider, and Tokens)
- Настройка на инжекцията на зависимости (Configuring Dependency Injection)
- Настройка на проваеждащия (Configuring Your Provider)
- Инжектиране на услуги в компоненти, директиви и услуги (Injecting Services into Components, Directives, and Services)
Превключване между страници с маршрутизация (Switching Pages with Routing)
- Разбиране на различните методи за навигация (Understanding the Different Navigation Methods)
- Маршрутизиращи стратегии (Routing Strategies)
- Настройка на маршрути (Setting Up Routes)
- Конфигуриране и зареждане на маршрути (Configuring and Loading Routes)
- Използване на параметри в маршрути (Using Parameters in Routes)
- Създаване на вложени маршрути (Creating Nested Routes)
- Използване на редирект и уайлдкард маршрути (Using Redirect and Wildcard Routes)
- Разбиране на маршрутизиращи гърди (Understanding Route Guards)
Използване на RxJS за създаване и работа с наблюдаемите в Angular
- Преглед на наблюдемите (Overview of Observables)
- Преглед на RxJS (Overview of RxJS)
- Създаване и използване на наблюдаемите в Angular (Building & Using Observables in Angular)
Генериране на форми за потребителски вход (Generating Forms for User Input)
- Използване на шаблонни форми (Using the Template Driven Forms)
- Използване на реактивни форми (Using the Reactive Forms)
- Създаване на персонализирани валидации (Creating custom validation)
- Валидиране, филтриране и санитизация на данните от формата (Validating, filtering, and sanitizing form data)
Използване на пайповете (Using Pipes)
- Превръщане на изхода (Transforming output)
- Вградени пайпове (Built-in Pipes)
- Асинхронен пайп (Async Pipe)
- Персонализирани пайпове (Custom Pipes)
Изпращане на заявки към външни HTTP API-та (Making Calls to External HTTP APIs)
- Изпращане на заявките (Sending requests)
Използване на Angular модули
Тестване на Angular 10 приложението
- Използване на Jasmine за юнит тестове (Using Jasmine for unit testing)
- Използване на Protractor за търмосилни тестове (Using Protractor for end-to-end testing)
Отстраняване на грешки в приложението (Debugging the Application)
- Разбиране на съобщенията за грешки в Angular (Understanding Error Messages in Angular)
- Използване на Sourcemaps за отстраняване на грешки в кода в браузера (Using Sourcemaps to Debug Code in the Browser)
- Четене на диагностика на компилатора на TypeScript (Reading TypeScript Compilor diagnostics)
- Използване на Augury
Оптимизиране на Angular 10 приложението
- Переработка на кода (Reworking the code)
- Намалване на размера на пакетите и елиминиране на мъртъв код (Reducing bundle size and eliminating dead-code)
Безопасност в Angular 10
- Как работи аутентикацията (How authentication works)
- Използване на JWT аутентикация (Using JWT authentication)
- Какво трябва, а какво не трябва да се пише в Angular (What should and shouldn't be written in Angular)
Разгласяване на Angular 10 приложение към продукция (Deploying an Angular 10 Application to Production)
- Разгласяване в IIS, Apache, Nginx и др. (Deploying to IIS, Apache, Nginx, etc.)
Най-добри практики за Angular 10 (Angular 10 Best Practices)
Отстраняване на грешки (Troubleshooting)
Резюме и заключение (Summary and Conclusion)
Изисквания
- Запознаност с основни HTML, CSS и JavaScript
Целева група
- Разработчици
28 часа
Отзиви от потребители (4)
Отношението и знанията на треньора
Gabriel Llaurado - Allianz Technology
Курс - Angular 10 for Developers
Машинен превод
Познаването на структурата.
Jeffry Gonzalez - Allianz Technology
Курс - Angular 10 for Developers
Машинен превод
Започнахме от основата на Angular и TS и увеличихме трудността на упражненията по добър начин
Daniel Zamorano Infante - Allianz Technology
Курс - Angular 10 for Developers
Машинен превод
Практическо обучение, упражнения и добри практики
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Курс - Angular 10 for Developers
Машинен превод
