Corso

AngularJS Advanced

Codice NG1A Fornitore Magma S.r.l.

Il corso è dedicato agli sviluppatori frontend interessati ad apprendere tecniche avanzate di sviluppo e testing per applicazioni di qualsiasi dimensione (e a costruirne una live in poche ore).

Iscriviti →

AngularJS Advanced

Il corso è dedicato agli sviluppatori frontend interessati ad apprendere tecniche avanzate di sviluppo e testing per applicazioni di qualsiasi dimensione (e a costruirne una live in poche ore).

Modalità del corso

Il corso sarà tenuto in lingua Italiana

Programma

Lesson 1

  • Course Overview
    • Env Setup
  • Theory: Architecture, components and data flow
    • Architecture and anatomy
    • Component and module architecture
    • One-way immutable data-flow
    • Stateful, stateless and routed Components

Lesson 2

  • Advanced Directives
    • $scope.$watch / $watchCollection
    • $attrs.$observe / $updateClass
    • Directive Controllers
    • Inherited and isolate scopes
    • Using bindToController
    • Compile and link functions
    • Single-slot automated transclusion
    • Transclusion with $transclude()
    • Multi-slot automated transclusion
    • Inheriting Controllers with require
    • DOM API integration
    • Using third-party plugins/widgets

Lesson 3

  • Component API
    • Using .component()
    • Using require, $onInit(), $postLink(), $onDestroy()
    • One-way data binding and $onChanges()
  • Event system
    • Publish and subscribe with $emit / $broadcast / $on
    • $scope, $rootScope events and unbinding
  • Forms, ngModelCtrl and Validation
    • ngModel require, $setViewValue, $render
    • $parsers and $formatters
    • $validators pipeline
    • Validation state-based CSS
    • Migrating to ngMessages
    • Multiple errors and templates
    • Dynamic error messaging

Lesson 4

  • Custom filters
    • Single value filters
    • Dataset filters
  • Routing with ui-router
    • Component-based routing setup
    • Nested states, views, custom URLs
    • Routing resolves and bindings
    • Multiple named views
    • ui-router Directives
    • $transitions, $transitionProvider, uiCanExit, hooks
    • Dynamic routes and query params, HTML5 mode

Lesson 5

  • Services, RESTful APIs and Interceptors
    • Constants and values
    • $resource, $query / $get / $update / $delete / $save
    • $q Promises (defer / resolve / reject / all / race)
    • HTTP Interceptors
  • Logs and Exceptions
    • Decorated $log
    • Decorated $exceptionHandler

Lesson 6

  • Unit testing
    • Setup: Karma and Jasmine
    • Testing: Standalone Controllers
    • Testing: Directive Controllers
    • Testing: Component Controllers
    • Testing: Filters
    • Testing: Services
    • Testing: Routing

Lesson 7

  • Final Project: Contacts Manager, Firebase
    • Project setup, walkthrough, install
    • Setting up Firebase console
    • Login / register routes, authorization
    • Core app module, auth redirects
    • Create new contact, stateful / stateless components
    • Editing existing contact, stateful / stateless components
    • Stateless tag components
    • Rendering contacts from router resolves
    • Contact stateless components
    • Dynamic ui-router param filtering
    • Dynamic content Directive for inputs
    • Running tests and Firebase deploy

Iscriviti al corso

Lasciaci i tuoi dati, ti contatteremo noi.