Scribd
Upload
107 views

Introduction Slides

This document provides an introduction to Angular and an overview of the course contents. Angular is a JavaScript framework for building client-side applications using HTML, CSS, and JavaScript. The course will cover components, templates, data binding, pipes, services, routing, modules, and using the Angular CLI to build, test, and deploy applications. It includes a sample application architecture with components for welcome, product list, product detail, and a star component, as well as a product data service.

Uploaded by

Naveen Kumar
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
107 views

Introduction Slides

This document provides an introduction to Angular and an overview of the course contents. Angular is a JavaScript framework for building client-side applications using HTML, CSS, and JavaScript. The course will cover components, templates, data binding, pipes, services, routing, modules, and using the Angular CLI to build, test, and deploy applications. It includes a sample application architecture with components for welcome, product list, product detail, and a star component, as well as a product data service.

Uploaded by

Naveen Kumar
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 17

Angular: Getting Started

INTRODUCTION

Deborah Kurata
CONSULTANT | SPEAKER | AUTHOR | MVP | GDE

@deborahkurata | blogs.msmvps.com/deborahk/
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
Thoughts? Comments? Questions?

@deborahkurata
Blog Post
http://blogs.msmvps.com/deborahk/angular-2-getting-started-problem-solver/
Checklist

Review module concepts


Code along assistance
Revisit as you build
GitHub Repository

https://github.com/DeborahK/Angular-GettingStarted
Demo

Sample Application in Action


Sample Application Architecture
Welcome
Component

App Product List


index.html
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