Eğitim Hakkında
Digital Vizyon Akademi'nin Test-Driven Angular Development kursu, katılımcılara test odaklı geliştirme (TDD) tekniklerini kullanarak eksiksiz bir Angular uygulamanın nasıl oluşturulacağını ve test edileceğini öğretir.
• Angular'ın çözdüğü ön uç web geliştirme sorununu anlamayı,
• Angular uygulamaları için geliştirme ortamını keşfetmeyi,
• Bir Angular uygulamasının sekiz yapı taşını,
• Tam bir Angular uygulaması oluşturmayı,
• Angular uygulaması için özel yapı taşları geliştirmeyi,
• Test odaklı geliştirme tekniklerini kullanarak Angular kodlama uygulamaları yapmayı öğrenebilirsiniz.
Introduction
What is Angular, and what problem does it solve?
Development Environment
Hello World
Build a Simple Hello World Application
Explore Hello World Architectural Concepts
Overview of Eight Building Blocks of Angular
Test Driven Development
Assertions
JS Exception Handling
Jasmine overview
TDD vs. BDD
Automated Cross-Browser Testing
ES2015 Modules
Dividing up an Application (will be covered as each building block of Angular is learned)
Export/Import Syntax
Library Modules
Angular Modules
Role of a Module
Creating an AppModule
Creating an AppComponent
Bootstrapping an Application
Setup Modules for Testing
Components & Templates
What is a Component?
What is a Template?
Coding Components
Registering with Angular 2 Modules
Using Templates
Unit Testing Components
Data Binding
What is one-time, one way, and two data binding?
Common coding patterns for data binding.
How Angular 2 performs data binding.
Directives
What are Directives?
Components - Views
Structural – Adding/Removing/Modifying DOM Elements
Attribute – Changing the Appearance or Behavior of a DOM Elements
Pipes
Using Pipes: Date, Currency, Json, UpperCase, LowerCase, etc.
Custom Pipes
Stateful Pipes
Async Pipes
Registering Pipes with Angular Modules
Unit Testing Custom Pipes
Routing
What problem does Routing solve?
Using the Router Module
Common patterns for implementing client-side routing.
Configuring Route Definitions
Adding Routing to an Application
RouterLink & RouterOutlet Directives
Unit Testing Routing
Forms
Benefits of Angular Forms
Using the Forms Module
Working with Common HTML Form Elements
Data Binding with ngModel
Tracking Control State and Validity with ngControl
Using ngForm and ngSubmit
Using CSS and Control Object Model to Display Validation Messages
Unit Testing Forms
Services
What problem do Services solve?
Dependency Injection
Registering Services with Modules
Injectable Classes
Using the Http Class to connect to a REST Service
Practical Applications of Injectable Classes
Hierarchical Injectors
Unit Testing Services
Component Lifecycle
What is the Component Lifecycle?
Two Phases of Angular Applications
Examine each stage of the Lifecycle
Compiling and the Dynamic Component Loader
Custom Attribute Directives
Purpose of Attribute Directives
Registering Custom Directives with Modules
Using the Renderer
Creating Attribute Directives
Unit Testing Custom Attribute Directives
Custom Structural Directives
Purpose of Structural Directives
Difference between display none, and removing elements.
Purpose of the asterisk and the template tag when using structural directives.
Creating Structural Directives
Unit Testing Custom Structural Directives
Conclusion
Review application built in class with Angular Building Blocks
Review Eight Building Blocks of Angular
Review the purpose of each Angular building block
Review when and how to build custom building blocks