%%%METAELEMENT
{
"name": "JumbotronData",
"props": {
"subtitle": "During this two-day training, we cover the elementary concepts of the Angular framework and create a single-page application from scratch.",
"illustration": "building-complex-apps-with-angular-training"
}
}


%%%METAELEMENT
{
"name": "TOC",
"props": [
{
"id": "thistrainingisforyouif",
"innerText": "This training is for you if..."
},
{
"id": "aboutthetrainingbuildingcomplexappswithangular",
"innerText": "About the training"
},
{
"id": "agenda",
"innerText": "Agenda"
},
{
"id": "signupforthetraining",
"innerText": "Sign up for the training"
}
]
}


This training is for you if...

  • you are considering Angular for your organization,
  • you want to have an in-depth knowledge of the framework,
  • you want to know how to build an enterprise-grade web application.

Topics covered during this training

  • AngularJS to Angular
  • Angular CLI
  • Modules
  • Directives & Components
  • Data binding
  • Services
  • Pipes
  • Routing
  • Component composition
  • Handling HTTP streams
  • Forms
  • Testing

About the Training: Building Complex Apps with Angular

During this two-day training, we will cover the elementary concepts of the Angular framework and create a single-page application from scratch. While developing a real-world web application, you will dive into the architecture of Angular and learn how to use it’s core features confidently.

As there are complex Angular dependencies, you will also familiarise yourself with the basics of TypeScript and RxJS. To get acquainted with the framework's pitfalls and best practices, check out our Angular hands-on training.

This training is also available as an in-house, on-site opportunity.


In case you have any questions regarding this training, or you’d like to invite our team to provide a training exclusively for your company, please reach out to us at [email protected] or click the "invite us" button and use the form!


Agenda

Day 1

1. AngularJS to Angular

  • SPA (Single Page Application)
  • AngularJS -> Angular (5)
    • TypeScript
    • RxJS
    • Zone.js
  • Architecture & Concept

2. Angular CLI

  • CLI commands in action
  • Project skeleton overview

3. Modules

Application bootstrapping
Angular modules

4. Directives & Components

  • Attribute directives
  • Structural directives
  • Component overview
  • Component lifecycle

5. Data binding

  • Interpolation
  • Property binding
  • Event binding
  • Two-way data binding

6. Services

  • DI (Dependency Injection)
  • Hierarchial dependency injection
  • Services & Providers

7. Pipes

  • Common pipes
  • Custom pipes
  • The Async pipe

Day 2

8. Routing

  • Routing configuration
  • Child routes
  • Lazy-load modules
  • ActivatedRoute
  • Route guards

9. Component composition

  • Input properties
  • Output properties
  • Event Emitters
  • Feature & Shared modules

10. Handling HTTP streams

  • Observables
  • Http & HttpClient
  • Interceptors

11. Forms

  • Template-driven form
  • Reactive form
  • State and Validity

12. Testing

  • Unit testing
  • E2E testing

Sign up for the training

In case you have any questions regarding this training, or you’d like to invite our team to provide a training exclusively for your company, please reach out to us at [email protected] or click the "invite us" button and use the form!


%%%METAELEMENT
{
"name": "TrainingLocations",
"props": [
{
"href": "https://ti.to/risingstack/handling-microservices-with-kubernetes-barcelona-2019",
"location": "Barcelona",
"scheduled": "April 8-9, 2019",
"soldOut": true
},
{
"href": "https://ti.to/risingstack/handling-microservices-with-kubernetes-new-york-2018",
"location": "New York",
"scheduled": "June 7-8, 2018",
"soldOut": true
},
{
"href": "https://ti.to/risingstack/handling-microservices-with-kubernetes-tel-aviv-2018",
"location": "Tel-Aviv",
"scheduled": "May 23-24, 2018",
"soldOut": true
}
]
}


%%%METAELEMENT
{
"name": "Team",
"props": [
{
"image": "kadlecsik_tamas.jpg",
"name": "Tamás Kadlecsik",
"description": "Tamas Kadlecsik is the CEO of RisingStack and an expert on Microservices, Kubernetes and cloud-native technologies. Tamas has delivered more than 20 trainings in the past 3 years, and he's also a popular author:",
"blogposts": [
{
"url": "https://blog.risingstack.com/node-js-at-scale-understanding-node-js-event-loop/",
"title": "Understanding the Node.js Event Loop"
},
{
"url": "https://blog.risingstack.com/mastering-async-await-in-nodejs/",
"title": "Mastering Async Await in Node.js"
},
{
"url": "https://blog.risingstack.com/node-js-mysql-example-handling-hundred-gigabytes-of-data/",
"title": "Node.js + MySQL Example: Handling 100's of GigaBytes of Data"
}
]
},
{
"image": "czibik_peter.jpg",
"name": "Péter Czibik",
"description": "Peter joined RisingStack as one of the first team members 5 years ago. He has been helping companies adopt Node.js via trainings, on-line seminars and inhouse consulting sessions. Check out his blogposts:",
"blogposts": [
{
"url": "https://blog.risingstack.com/nodejs-microservices-scaling-case-study/",
"title": "Serving Millions of Users in Real-Time with Node.js & Microservices "
},
{
"url": "https://blog.risingstack.com/consumer-driven-contract-testing-with-node-js-pact/",
"title": "Consumer Driven Contract Testing with Node.js & Pact"
},
{
"url": "https://blog.risingstack.com/node-js-native-modules-with-rust/",
"title": "Writing fast and safe native Node.js modules with Rust"
}
]
},
{
"image": "hodi_tamas.jpg",
"name": "Tamás Hódi",
"description": "Tamas Hodi is a key player at RisingStack in building infrastructures that can scale efficiently. When it comes to DevOps, microservices, AWS or Kubernetes he’s the one we listen to the most.",
"blogposts": [
{
"url": "https://medium.com/the-node-js-collection/how-to-build-and-deploy-a-cloud-native-node-js-app-in-15-minutes-7b540f7fde14",
"title": "How to Build and Deploy a Cloud Native Node.js App in 15 minutes"
},
{
"url": "https://blog.risingstack.com/case-study-nameserver-issue-investigation-using-curl-dig-trace-nslookup/",
"title": "Case Study: Nameserver Issue Investigation using curl, dig+trace & nslookup"
},
{
"url": "https://blog.risingstack.com/node-js-async-best-practices-avoiding-callback-hell-node-js-at-scale/",
"title": "Node.js Async Best Practices & Avoiding the Callback Hell"
}
]
}
]
}