Introduction to Angular | Angular JumpStart (TT4165)
Explore the latest Angular features and advances, demonstrating how to solve the traditional challenges of JavaScript web application development.
Angular is one of the most popular JavaScript frameworks for creating web and native mobile applications by implementing several features and capabilities:
- Single Page Applications (SPAs) load a single HTML page that is dynamically updated based on user interaction. SPAs can communicate with the server-side to load data into the application without a full-page refresh.
- Two-way data binding means that when the data store updates, the UI is immediately updated (and vice versa).
- Modules divide code into reusable parts with related components, directives, pipes, and services grouped together and can be combined with each other to create an application.
- Angular uses a dependency injection design pattern for services, increasing code efficiency and modularity.
- Thanks to Angular's Model-View-* architecture, enforcing the Single Responsibility Principle (SRP) and Don't Repeat Yourself (DRY) techniques, coding is reduced into the smallest pieces possible.
- The declarative user interface means the presentational logic in HTML is separated from the imperative logic and Angular’s data binding.
- Angular is also easily integrated into other frameworks, such as Ionic.
This class explores the latest Angular features and advances, demonstrating how to solve the traditional challenges of JavaScript web application development. Students will build custom components, using application routes, form validation, and unit-testing. The course starts with an introduction of Angular CLI and TypeScript. It then delves into component-driven development with Angular components, covering data-binding, directives, services, routing, HTTP, the RxJS library, forms unit testing and REST.