amsterdam edition, 10-12th April 2017

DEEP dive into Angular 2

HackweekBrussels1.jpg
 
30+

Hours

3

Days

6

HackJam

 

Why Joining a HackCamp

curricullum.png

Curriculum built by experienced engineers

From your first component to rebuilding native components in Angular 2, our curriculum is designed to give you a deep understanding of this framework.

ROI.png

ROI in 3 months

It's an investment on yourself, your team or your employee that will payoff right away and even more within 3 months after the program.

selective-process.png

Learn how to build Scalable apps with Angular 2

Learn best practises, how to test your applications the right way. Our program is designed around TDD as a basic methodology.

immersive-exp.png

IMMERSIVE EXPERIENCE

Days with us are full of learnings, challenges and above all, it's very intense. High quality and very engaging content.


DAY by day

Day 2

RXJS, Testing, Routing, Forms and Directives

  • HackJam 3: Introduction to RXJS, Testing and Routing
    • HTTP, Promises, and Observables
      • Promises - still available, still useful
      • Calling an API via HTTP
      • Introduction to Observables
      • Observable Bindings
      • Observables Operators
      • Calling an API via Observables
    • Routing in Angular 2
      • Configure routes
      • base href
      • RouterLink and RouterLinkActive
      • Animating transition between routes
      • Router Outlet
  • HackJam 4: Directive, Forms, Angular-cli
    • Forms
      • Controls
      • Control groups
      • FormBuilder
      • Form validation
    • Directives
      • *ngFor, *ngIf
      • Build native directive
      • ng-content (transclusion in Angular 1)
      • Multiple ng-content
    • Introduction to Angular CLI
      • Build a project with the CLI
      • Test your project with the CLI
    • Introducing Hackages CLI
      • Why a cli could be very productive for your company
      • How to build a CLI

Day 1

Getting started with Angular 2

  • HackJam 1: Building a bookstore
    • Starting with Angular 2
      • Minimal module
      • Minimal component
    • Enough TypeScript
      • ES6 Module System
      • TypeScript decorators
      • Interface vs class
    • Angular 2 Binding and Events
      • Templates
      • Bindings
      • Event Bindings
      • Two-way Binding
      • Class and Style Bindings
      • Built-in Directives
      • Component Data Binding
      • Component Events
      • Ng-model
    • Pipes
      • Using Pipes
      • Creating Pipes
      • Build native pipe
  • HackJam 2: Architecture, component interaction
    • Everything is a component
      • How do you build a component
      • Build nested components
      • Communication between component
        • @Input
        • @Ouput
        • EventEmitter
    • Dependency Injection
      • Understanding DI
    • Service in Angular 2
      • @Injectable
      • Create a service
      • Using a service
      • Providers
    • Lifecycle method
      • OnInit
      • OnChange
      • OnDestroy
    • CSS Styling
      • Component CSS
      • CSS Scoping

DAY 3

Advanced JavaScript Concepts

  • HackJam 5: Data management with Redux/ngrx
    • Redux in a nutshell
    • Reducer
    • Actions and action creator
    • Store
    • Manage data in our application with ngrx
  • HackJam 6: Advanced concepts in Angular 2
    • Routing and navigation
      • Query paramaters
      • Using guards
        • CanActivate
        • CanActivateChild
        • CanDeactivate
        • Resolve
        • CanLoad
      • Lazy loading of modules
      • Loading future areas asynchronously
      • Custom strategy to only-pre-load certain features
    • Angular 2 and SEO
      • Server side rendering with Angular 2
    • Upgrading and JS Versions
      • Angular 1 to 2 Quick Ref
    • The Multi Threaded Web
      • web-workers
    • Tools and optimisation
      • WebPack
      • AHEAD-OF-TIME COMPILATION
      • Tree shaking

Mentors

Davy.png

Davy

Lead Open Source Engineer @ Hackages

Engineer with passion for education, sport and technology; Avid learner, he likes writing code.

harold.png

harold 

Open Source Engineer @ Hackages

Engineer with passion for automation, devOps and everything backend. He will help you ship your Angular apps as a pro!

bouba

BOUBA

Open Source Engineer @ Hackages

Engineer with passion for new cultures, Japon and he calls himself a foodie. He likes manga! 


Key Points

pair-programming.jpg

Pair programming

Pair programming is a core part of our methodology. The first day, you'll build an algorithm that will randomly assign you a partner for a day or just one exercise. Thereafter, you will spend the entire program pair programming with another attendee to solve the challenges. Ready for the challenge?

 
 

Live coding session

We start every session with a live coding session on the topic we're about to cover. We quick-start the session by brainstorming possible solutions as a team then you pair with another attendee to complete the exercise.


Price

deep dive into Angular 2

When: 10-12th April 2017

Location:Our hackSpace or in-house

NEXT SESSION: To be defined

1500€ EXCL. TAXES

contact us to get more information about our programs and methodology