Beginner UI & Angular Workshop

Saturday August 14, 2021 11:00am ET (5 hrs)

Beginner UI & Angular Workshop A workshop for UI and Angular beginners alike. Let's pull down the Tour of Heroes app (written by John Papa and found throughout the Angular docs) and give it a UI upgrade! All you will need is a laptop and your favorite data set (mine, of course, will be ponies.)   - Dive into the Tour of Heroes demo application like never before! - Learn about integrating SASS into your Angular Project. - Learn how to include a Component Library into your Project. (We will be using Kendo UI but the principles to implement a UI Library are pretty universal.) - Play around with customizing styles and writing custom CSS from scratch. - Go over UI/UX principles and implement them on the fly. - Take part in UI challenges throughout the Workshop and win prizes!   Install Instructions   Feel free to clone down my version of The Tour of Heroes: https://github.com/alyssamichelle/angular-tour-of-heroes  It can be found throughout the Angular docs and is a wonderful learning resource. The README has all the instructions you should need. This is my forked version that has the latest Angular version. There will be prizes for best use of a Kendo UI Component and other categories, so make sure you have the repo installed and running!

• 
  Alyssa Nicoll

  Angular Developer Advocate, Progress

Nx Workshop - Building a Board Game Store with React

Saturday August 14, 2021 11:00am ET (5 hrs)

In this workshop, we'll be building a store for a fictional board game company called "The Board Game Hoard". - We're going to be using Nx and some of its plugins to accelerate the development of this app. Some of the things you'll learn: - Generating a pristine Nx workspace - Generating frontend React apps and backend APIs inside your workspace, with pre-configured proxies - Creating shared libs for re-using code - Generating new routed components with all the lazily loaded routes pre-configured by Nx and ready to go - How to organize code in a monorepo - Easily move libs around your folder structure - Creating Storybook stories and e2e Cypress tests for your components - How to set boundaries between the different scopes in your project - Write automated source code generators for common tasks in your workspace - Set-up CI for your Pull Requests - Add distributed caching - Set up the NxCloud GitHub integration - Write advanced deployment targets using the run-commands executor - Set up Continuous Deployment systems that deploy only the affected projects To help you understand how to apply some of these lessons in your own projects, we'll try to build a more "real-world" example. However, because of the time constraints and to make sure we get to cover as much material as possible, we'll provide you with all the code for any "non-Nx" work you need to do (like styling and configuring routes) - so you can focus on learning to use Nx to its full potential.

• 
  Zack Derose

  Senior Engineer, Nrwl Technologies

Cross Platform with Ionic & Capacitor

Saturday August 14, 2021 11:00am ET (5 hrs)

When building mobile apps, developers often face dozens of choices to figure out just how they should build their app. Should they go fully native? What about cross platform? Should they use React Native? What about Flutter?  In this workshop, we'll look at building a cross platform app with Capacitor and Ionic. Based on web technologies that you already know, we'll look at how you can take your existing skills and build an amazing app with just HTML, CSS, and JavaScript. When the structure of our app is done, we'll add Capacitor to the mix and integrate native functionality for iOS, Android, and even the Web.

• 
  Mike Hartington

  Senior Developer Advocate, Ionic