Full Day Workshops
The workshop will be held on 2.5.2019, a day before the conference, on the Gurten in Bern, Switzerland
Workshop
Our workshops offer a deep insight into the topics of the conference. Our international workshop organisers have a lot of experience and are great teachers.
Food & Drinks
Do not worry. We have you fully covered. In the morning there will be coffee and croissants before the workshop. Two breaks with light refreshments and a 3 course buffet lunch will be offered during the day.
Beautiful venue
Enjoy the cable car ride to the top of beautiful Mount Gurten where the workshops takes place. The Gurten Pavillon and the Gurten Main Building offer a comfortable and modern infrastructure and an amazing view over the city of Bern.
With easy, fun labs, we will help you learn why ngrx is considered an essential library for modern Angular applications. Learn how redux works and why immutable data flows are crucial to predictable UX. Learn how ngrx brings reactive redux features to your Angular application and see how effects and facades work with asynchronous processes. See how easy it is to test your application logic and explore the redux time-travel features.
What you will learn
* What is state management and why do we need it
* Redux core concepts and principles
* Implement redux from scratch
* Implement reducers
* Combining reducers
* Middleware
* Learn about ngrx and how it is different from redux
* Selecting data from the store
* Dispatching actions
* How to tackle deep linking
* Introduction to memoization
* Selector composition
* ngrx/Effects for async operations
* Facade pattern
* Debugging techniques
Requirements
* Level: Intermediate
* Good understanding of JavaScript
* Intermediate working knowledge of Angular
* Understanding of Observables
Target Audience
This course is for you if you already know Angular but you are curious how to manage your state with libraries like redux or ngrx.
Your instructor Dominic Elm
Dominic is a graduate in computer science and is passionate about many web technologies including Angular, Firebase, and ReactiveX. He has always been enthusiastic about teaching. In fact, Dominic devoted his thesis on the topic of enterprise gamification making the the process of sharing and learning within companies fun and enjoyable for everyone. At the moment he's a Trainer at thoughtram providing Angular trainings worldwide.
Prerequisites
* Follow the preparation https://thoughtram.io/prepare-for-your-training.html
* GitHub account
* Git
* Node
* Angular CLI installed globally
* Code editor, e.g. Visual Studio Code
End of Workshop
Advanced Vuex
In this full day training, we will cover everything you need to successfully adopt Vuex. You will learn how to build and design a Vuex Store, find out the differences between actions and mutations, along with best practices. We’ll review how complex Vuex architectures work, how components communicate between modules, how to improve performance, testing and much more.
Fundamentals
* Actions vs Mutations
* Vuex Packages and Utilities
* Getters, memoization and performance
* Refactoring using Component Helpers
* Namespaced and Extension Modules
* Modules hierarchy and communication
* Reusing stores
* Local and Global context
* Dynamic Modules: vuex-router-sync source code study
* Testing using Jest/Cypress
Target Audience
You already know or are curious about Vuex. You are also interested in learning bestpractices and less known areas.
Requirements
Basic to Intermediate understanding of VueJS and JavaScript. Bring your own laptop, fully charged, and a rested mind.
Your instructor Gerard Sans
Gerard is very excited about the future of the Web and JavaScript. Always happy Computer Science Engineer and humble Google Developer Expert. He loves to share his learnings by giving talks, trainings and writing about cool technologies. He loves running AngularZone and GraphQL London, mentoring students and giving back to the community.
End of Workshop
Come learn the fundamental concepts behind RxJS (or Rx in other languages) and gain confidence programming with reactive Observables. Rx is a cross-platform library for handling asynchronous programming and user interfaces. In this one-day training workshop, Andre Staltz will guide you through lectures and exercises. Expect to see Rx concepts demystified, practice with exercises, make questions, and gain confidence with the tools.
What you will learn
This is a 1-day training workshop that will cover the following topics, with lectures and exercises:
* Reactive programming fundamentals
* Observable, Observer, Subscription
* Converting things to Observables
* Basic operators
* Debugging techniques
* Subjects and multicast
* Observables of Observables
Your instructor Andre Staltz
You will be taught by Andre 'Staltz' Medeiros, an expert in Rx who has:
* Delivered frontend and mobile apps in production with RxJS and RxJava
* Been a core contributor to RxJS
* Given conference talks on reactive programming and RxJS
* Taught RxJS through online courses
* Authored a reactive streams library and the Cycle.js framework
* Written blog posts on RxJS since 2014
Required knowledge
No prior knowledge of Rx is required. For those of you who have used Rx, this training may not be for you if you are expecting advanced topics. The rule of thumb is, join if you would like to feel comfortable and confident programming with Rx.
This course is for you if:
* You have basic knowledge in programming in OOP and user interfaces
* You work with user interfaces for the web (JavaScript) or for Android or iOS
* You have heard of Rx or used it but are not fully familiar or comfortable with it
What you will need
Please bring your own laptop as the day will involve hands-on practicing through programming exercises. No special software is needed, as the browser suffices for the exercises.
End of Workshop
Angular is a powerful framework for creating modern Single Page Applications. Angular was specifically built for complex applications and large teams. For this reason it is widely adopted in enterprise environments and a perfect fit for typical business applications.
This course is an introduction into modern front-end development with the latest version of Angular targeted for traditional enterprise developers.
What you will learn
* Understanding the basics of single-page applications and the modern web development toolchain (npm, webpack, ECMAScript 2015+, TypeScript …)
* Setting up an Angular application using the Angular CLI and the latest Version of Angular
* Getting to know the building blocks of Angular (components, services, routing, backend access …) and the architecture of an Angular application
* Writing your own components
* Extending an application with an additional screen and backend access
* An overview over the current Angular ecosystem
Target audience
Developers and Architects who want to get to know Angular. The course is designed equally for backend developers with no front-end experience or frontend developers that want to learn Angular.
Participants should have a solid programming background and basic knowledge of web development.
The course is especially a good fit for developers who already have experience in AngularJS (Angular 1.x) and want to get to know the new Angular.
Preparation
* Bring your own laptop
* Node must be installed https://nodejs.org/en/download/current/ with node version 10 or higher.
* Unrestricted internet access (you must be able to access github/bitbucket and install packages via npm, corporate VPNs and proxies are a common source for problems in this regard …). WLAN will be provided.
Your instructor
Jonas Bandi is a freelance developer, consultant and trainer. His current passion lies in bringing modern frontend development to traditional enterprise projects.
Coming from a Java & .NET background he is now primarily working with JavaScript, Angular & React. Jonas is currently building the web-stack for a leading wholesale supply company in Switzerland.
End of Workshop
In this workshop we take an Angular application to the next level by supercharging it with Angular Universal for server-side rendering.
In addition, we make it possible to use the application offline using a Service Worker. PWA's in general allow for faster
page loads, less friction, and improved user experience and engagement. Get ready and buckle up!
What you will learn
Universal
* What is Universal / Angular Universal and why do we need it?
* The differences between SSR (server-side rendering) and CSR (client-side rendering)
* Learn about the ``web app gap``
* Key metrics
* How Universal works behind the curtain
* Dabble with Node.js and implement a simple Express server
* Extend your simple server with the Universal Express Engine
* Dynamically pre-render an applicaton on the server side
* Common gotchas when working with Universal
PWA
* What is a PWA?
* Learn about the code building blocks that constitute a PWA
* What are Service Workers?
* Server Worker APIs
* Caching data with a service worker (SW)
* Updating a service worker
* Dive into Angular Service Worker
* Cache static and dynamic data
* How to deal with SW updates
Requirements
* Level: Intermediate
* Good understanding of JavaScript
* Intermediate working knowledge of Angular
* Understanding of Observables
Target Audience
This course is for you if you already know Angular but you are curious to learn how you can leverage server-side
rendering to boost the performance of your application and how to make your app offline available using service workers.
Your instructor Kwinten Pisman
Kwinten is a frontend architect focussed on Angular with a reactive passion. Ever since he discovered (functional) reactive programming he has been sold and trying to spread to word about this amazing technology. He does this through blogposts and training sessions with the company he co-founded called Strongbrew and is also a trainer at thoughtram.
Prerequisites
* Follow the preparation we'll be sending out shortly before the workshop
* GitHub account
* Git
* Node (>= 10)
* Latest Angular CLI installed globally
* Code editor, e.g. Visual Studio Code or any editor of your choice