Giter VIP home page Giter VIP logo

angular2-slides's Introduction

angular-slides

Build Status

The slides for the accompanying workshop.

Set up

yarn | npm install
yarn start

The slides will then be available at http://localhost:8080

angular2-slides's People

Contributors

dschau avatar jondejong avatar mcacek avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

angular2-slides's Issues

require library is not loading

Hi,
i am running this project in
Windows 10
npm 5.6.0
yarn 1.2.1
node v6.11.4
but the code failed to compile and shows these errors.
error

am i missing something?

Remove template driven form lab

I think the model driven form is more valuable, and easier to use. Let's still discuss the template driven forms, but explain why model driven forms should be preferred

@mcacek

Update Slides to match labs

@mcacek

Day 1

Morning
Lab 1: TypeScript and the Angular CLI (Introduction)
Lab 2: Basic Components
Component Lifecycle
Lab 3: Services
RxJS and Observables (Introduction)
Lab 4: Application routing
Lab 5: Nested Components
Component Communication
Parent-Child Relationships
Event Driven Components

Afternoon
Lab 6: Template Driven Forms
Lab 7: Model Driven Forms
Lab 8: Pipes
Lab 9: Structural Directives
Lab 10: Attribute Directives

Day 2

Morning
Lab 1: Module Based Routing
Lab 2: Testing
Unit Testing
Integration Testing (Protractor)
Lab 3: Application Performance
AOT Compilation
What To Avoid (brief overview)
Lab 4: Upgrade Path Part 1
Start with and AngularJS project and move one component to Angular
Lab 5: Upgrade Path Part 2
Complete migration of the application

Switch to Travis

This is for no reason at all, other than the fact that I'm more familiar with it and like it better

Address specific topics

As info @mcacek, I'll probably add some specific slides (if appropriate and if they fit) regarding some of these

Component communication

  • Parent to child
  • Child to parent
  • Input binding method
  • Custom events
  • Shared services

Change Detection

  • Event emitters
  • Observables

Routing

  • routerOutlet versus routerLinks
  • Child routes
  • Route resolves
  • Route parameter accessing

Observables

  • Implementation
  • Advantages over Promises
  • Subscribing

Data Consumption

  • Different ways
  • Persistence

Lifecycle Hooks

  • Definition
  • How to use

RXJS Library

  • Overview
  • Methods
  • Instance methods

Testing

  • Unit (Karma)
  • Integration (Protractor)

Optimization

  • Preventing memory loss
  • Improving compiling
  • Speed

Angular CLI

  • Overview
  • Advantages/Disadvantages

Typescript

  • Overview
  • Advantages/Disadvantages

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.