Scribd
Upload
36 views12 pages

Angular Framework Course Overview

This document provides an overview of Angular and its key concepts. It discusses Angular as a JavaScript framework for building client-side applications using HTML, CSS and JavaScript. It highlights features like being expressive, powerful, modular and having built-in backend integration. It also discusses the anatomy of an Angular application including components, services and modules. It provides examples of a sample Angular application architecture and components.

Uploaded by

sakshi garg
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
36 views12 pages

Angular Framework Course Overview

This document provides an overview of Angular and its key concepts. It discusses Angular as a JavaScript framework for building client-side applications using HTML, CSS and JavaScript. It highlights features like being expressive, powerful, modular and having built-in backend integration. It also discusses the anatomy of an Angular application including components, services and modules. It provides examples of a sample Angular application architecture and components.

Uploaded by

sakshi garg
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Angular Is …

A JavaScript framework
For building client-side applications
Using HTML, CSS and JavaScript
Why Angular?

Expressive Powerful Modular Built-in


HTML Data By Design Back-End
Binding Integration
Why a New Angular?

Built for Modern Simplified Enhances


API Productivity
Speed
Module
Overview Anatomy of an Angular Application
Getting the Most from This Course
Sample Application
Course Outline
Anatomy of an Angular Application

Application
= Component
+ Component
+ Component …
Services
Component

Class

= + +
Properties
Component Template Metadata

Methods
Angular Modules

Root Feature
Angular Module Angular Module

Component Component

Component Component

Component Component

Component Component
Prerequisites

Required Helpful Not Required

• JavaScript • Object-oriented • Prior knowledge of


• HTML programming Angular
• CSS (OOP) concepts • Prior knowledge of
• C++, C#, Java, … TypeScript
Checklist

Review module concepts


Code along assistance
Revisit as you build
Demo

Sample Application in Action


Sample Application Architecture
Welcome
Component

App Product List


[Link]
Component Component
Star
Component
Product Detail
Product Data Component
Service
First Things First

Introduction to Components

Course Templates, Interpolation, and Directives

Outline Data Binding & Pipes

More on Components

Building Nested Components

Services and Dependency Injection

Retrieving Data Using Http

Navigation and Routing

Angular Modules

Building, Testing and Deploying with the CLI

You might also like