Giter Club home page Giter Club 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

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

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

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

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.