Workshop day
Monday, 9th Sep
Marvel Stadium, Melbourne
Tickets to the workshops are sold separately from the conference tickets.
Amir Rustamzadeh
Modern Web Application Testing with Cypress
9 September | 9:30 am - 1:30 pm
Come and learn about end-to-end testing with Cypress from one of its senior developers!
​
We all want to consistently ship quality software. One of the best ways to do that is by end-to-end (E2E) testing our code as it simulates the real actions of our beloved users. Let’s be frank though, E2E testing is notoriously time-consuming, expensive, slow, and often flaky. Unfortunately, these issues lead to developers doing very little to no E2E testing, and taking solace in a plethora of unit-tests that cannot fully test the intended experience of users.
We can do better.
In this hands-on session, we’ll dive deep into using Cypress, an open-source tool that enables us to easily and beautifully write flake-free, reliable, deterministic E2E tests for our web applications. Like a good friend, E2E tests should be there to give us confidence in the software we ship down the wire.
Session Outline
-
Introduction & Overview
-
Cypress basics
-
Adding tests and configurations
-
Cypress Selector Playground
-
Reseting/cleanup between tests
-
Spying and stubbing XHR requests
-
Using data fixtures to mock data
-
Accessing application code and data
-
Writing custom Cypress commands
-
Debugging in Cypress
-
Component testing
-
Setting up E2E tests on CI
-
Customizing your own reporters
The session will be accompanied by exercises, demo app, and slides.
​
Join #workshop-cypress channel on Slack
​
Amir Rustamzadeh - Senior Developer at Cypress.io
NgRx: A Reactive State of Mind
9 September | 9:30 am - 5:30 pm
Come learn NgRx straight from the Angular team! Mike Ryan, who is one of creators of NgRx, a Core NgRx team member, Google Developer Expert in Web Technologies, will show you a ground-up approach to building scalable applications using the NgRx architecture.
​
This workshop teaches you both how to use NgRx and how to think “reactively” when building applications. Walk through the fundamentals of NgRx with in-depth discussion, exercises, and code labs. Learn about writing actions to describe your application flows, reducers to handle state changes, and effects to communicate with your backend APIs. Whether you’ve just started learning or you are already building applications with NgRx there will be something for you.
​
More workshop details coming soon.
​
Join #workshop-ngrx channel on Slack
​
Mike Ryan - NgRx Core Team
Building your first Fullstack Serverless App with AWS Amplify, GraphQL and React
9 September | 9:30 am - 5:30 pm
In this workshop we will be introducing AWS Amplify a modern toolchain, libraries and UI components to build modern Fullstack Serverless Apps. You will be building a fully featured Application from development to production.
​
Topics we will be covering:
-
Introduction to AWS Amplify
-
Designing a GraphQL API
-
Building the client and running queries and mutations
-
Adding real-time subscriptions and handling notifications
-
Adding offline support
Target Audience
You already know or want to learn about GraphQL and are curious about Fullstack Serverless Applications. You are excited to learn new features and tooling.
​
Requirements
Basic to Intermediate understanding of GraphQL and JavaScript. Bring your own laptop, fully charged, and a rested mind.
​
Join #workshop-serverless channel on Slack
​
Gerard Sans - Google Developer Expert and Developer Advocate at AWS
VueVixens | Free & only for those who identify as a woman
9 September | 2:00 pm - 6:00 pm
​
At this event, you will be introduced to Vue.js. Together, we will work with an example project to learn how to set up a Vue app, the basics of components and how to perform simple REST API calls using Axios.
This event is free and open to anyone who identify as a woman and wants to learn about Vue.js.
No previous knowledge of Vue.js is required, however, a basic knowledge of HTML, CSS and JavaScript is needed to attend this event and we invite women of all ages, skill levels and backgrounds to join us.
​
Join #workshop-vuevixens channel on Slack
​
Natalia Tepluhina - VueJS Core Team, Google Developer Expert and Senior Frontend Engineer at GitLab
From Legacy to Legendary - Modernising Your Angular App
9 September | 2:00 pm - 6:00 pm
When Angular 2 first came out, there was a simple and obvious upgrade path using ng-upgrade, with plenty of examples and documentation. However, they were all aimed at reasonably modern apps, written in Angular 1.6. Those apps have all been upgraded already.
The remaining AngularJS apps are far more likely to be running a much earlier version. They're also more likely to be using out-dated build systems and be tightly-coupled to their backends. And, of course, they'll need to be upgraded to Angular 8, which is a bit different to Angular 2.
Today we're going to look at a strategy for upgrading these kinds of apps. We're going to start with an Angular 1.4 app, using gulp and ES3, tightly coupled to a Java backend using Maven as the build system. By the end of the day, we'll have a nice hybrid app, using Angular 8, TypeScript and Webpack via the Angular CLI.
​
Join #workshop-ng-upgrade channel on Slack
​
Erin Zimmer - Google Developer Expert and Senior Engineer at Shine Technologies