Your web browser is out of date. Update your browser for more security, speed and the best experience on this site.

Workshop (hele dag)
Front-end

Angular Crash Course

25 juli 2023

When building large enterprise web applications or when developing in a larger team, the technology chosen for this task is often Angular. And yet, developers are often turned off because they perceive this framework has a high complexity with lots of boiler plate code. Also does the choice of Typescript make the learning curve a little bit steeper. What if I tell you I can flatten that learning curve for a team who is about to start a new adventure in Angular. During this interactive crash course we will explore Angular and it’s most often-used concepts (Modules, Components, Services, …) while also kickstarting them with lots of best practices often used while developing applications

Who is this crash course for?

This crash course is tailored for completely new or inexperienced developers of the Angular framework. This will also be a great entry point for developers in other frameworks. It will lay the ground work so you can easily start developing your next web app. There is no prior knowledge required in Angular, but some basic web development skills (html, CSS and javascript) will be needed. The course will mainly focus on the html and javascript part of Angular, CSS is only briefly touched upon.

Hands-on experience

Together we will build the front-end for an application called “Museumium”. A small application which will have an overview of items on display in a fictional nearby museum. It will introduce you to all concepts which are the most important when dealing with Angular applications.



The application has six main concepts — Modules, Components, Interfaces, Services, Guards and Forms — In addition to building both the frontend of the application, we can also spend the last part of the course on testing the Angular application with unit tests. For a full list of topics covered, see below:

What will you see?

• What is Angular (and Typescript)
• Setup
• Building blocks of an application
• Modules
• Components
• What can I do in templates
• Interpolation
• Property binding
• Event binding
• Conditional rendering
• Iterative rendering
• What are pipes
• Component communication
• What are lifecycle hooks?
• What is Dependency Injection
• Services (and Observables)
• Making calls to external resources
• Routing in Angular
• Why do I need guards and what are they?
• Forms in Angular
• Template driven forms
• Reactive forms
• Application optimisation
• Feature modules
• Deployment of an angular application
• Bringing it all together

2
Front-end

Lorenzo Borghs

Lorenzo is a Front-end developer mainly working on Angular applications, but also has experience working on React and Vue applications. His latest projects all focused on migrating older applications and modernize them. This involves upgrading or rewriting applications to the latest version of a framework as well as giving them a make-over.

Every year he teaches our new batch of trainees the ropes of Angular and prepares them for the job. Because of his experience in the main three front-end frameworks, he maps the concepts of these other frameworks when explaining Angular. This will highlight the similarities and difference, making it easier to understand if you have some experience in one of the other frameworks.

Vraag een axxes speaker aan

Bent u op zoek naar een spreker?
Heeft u een interessant topic gezien op onze website?
Benieuwd naar onze spreker formules?

Aarzel niet om ons te contacteren via deze form, wij proberen zo spoedig mogelijk uw vraag te beantwoorden.