Angular I: Basics

• This course is designed for students who want to learn the basics of front-end web application development using the Angular framework.

• The architecture and nomenclature of the Angular library
• Create front-end applications for data collection, validation and presentation
• Manage user events using the Angular library
• Create custom Angular components and share state between them
• Use template and reactive forms
• Interact with back-end APIs using the Angular library
• Use lazy loading components and advanced routing

• Course-level TypeScript syntax [JS_TS]
• Course-level knowledge of DOM objects [JS_DOM1]

Introduction to Angular

• What is Angular
• Why TypeScript

The development environment

• Hello World
• Project Structure

Library Architecture

• Modules, components, templates
• Modules vs stand-alone components
• Decorators and metadata
• Directives
• Services and dependency injection

Data presentation

• Data binding and expressions
• Directives and flow control blocks in templates
  • Conditional Renovation
  • re-rendering
• CSS, style, class

Interaction with the user

• Events and event handlers
• $event object

Working with forms

• Reference variables in templates
• Template forms
• Reactive forms

Directives

• Creating attribute directives

Component collaboration

• Inputs and outputs
• Services and dependency injection
• Signals

Communication with the backend

• Angular HTTP client
• Observable and rxjs

Navigation (routing)

• Basic navigation
• Nested routs
• Parametric routs
• Lazy loading

Previous courses

JS_PROG1 - JavaScript I: Basics [JS_PROG1]

JavaScript II: Advanced techniques [JS_PROG2]

DOM in JavaScript I: Basics [JS_DOM1]

TypeScript - type checker for JavaScript [JS_TS1]

Next courses

Communication with server using AJAX and Fetch API [JS_AJAX]

Angular II: Advanced techniques [JS_ANGULAR2]

Asynchronous and reactive programming in JavaScript [JS_ASYNC]

DOM in JavaScript I: Basics [JS_DOM1]

DOM in JavaScript II: Advanced Techniques [JS_DOM2]

Creating backend applications using Express.js [JS_EXPRESS1]

React I: Basics [JS_REACT1]

React II: Advanced techniques [JS_REACT2]

Redux and its implementation in Angular and React applications [JS_REDUXJS1]

Introduction to Solid.js framework [JS_SOLID1]

Introduction to the Svelte framework [JS_SVELTE1]

Automated testing of JS applications using the Jest library [JS_TEST_JEST]

Introduction to Vue.js [JS_VUE1]

Creating JS applications using the WebSocket protocol [JS_WEBSOCKET]

jQuery Framework [JS_JQUERY]