Angular Workshop | 01 Intro

February 2022

Agenda - Day 1

  • Node, JavaScript Basics & TypeScript
  • Angular CLI: Setup and App Structure
  • Components
  • Templates
  • Component Architecture

Agenda - Day 2

  • Services & Providers, HTTP
  • Forms
  • Routing
  • Questions, Discussion & Feedback

Organization

Parts of the training

  • Part 1: Theory & Basics
  • Part 2: Simple exercises with one component
  • Part 3: We develop an application

Rough Schedule

For both day 1 and day 2

  • 8:30 Start
  • ~ 10:10 coffee break
  • ~ 12:00 Lunch
  • 13:00 Start after noon
  • ~ 15:00 coffee break
  • ~ 17:00 End

Angular Trainers

Please introduce yourself quickly and say Hi! ;-)

  • Lazar Djurdjevic
  • Gerhard Gery Hirschfeld
  • Yannick Holzenkamp
  • Petar Nobilo
  • Joachim Prinzbach

Basic rules

  • Please raise your hand if you have a question
  • If you need help during the excercises raise your hand - a trainer will contact you directly
  • You are attending a training - try to ignore or close apps that might disturb you. E-Mail, Chat, Windows Updates etc. - it is your valuable education time!
  • Please mute your microphone
  • Try to ask questions in english
  • Have fun and enjoy two great days!

Naming: AngularJS vs. Angular

  • Angular is the new framework written in TypeScript
  • AngularJS: older version, written in JavaScript
  • When searching in the web: Angular without JS

Why Angular?

  • Best practices from AngularJS 1, React, Ember
  • Built with testability in mind
  • Focuses on today's web standards
  • Rich eco system
  • Typings, build process

Our first component

                
                    // app.component.ts
                    import {Component} from '@angular/core';

                    @Component({
                      selector: 'my-app',
                      template: `
Hello {{name}}
`
                    })
                    export class AppComponent {
                        name = 'Joachim';
                    }

Useful Links