johnpapa

Angular Workshop Setup

Please install the following recommended tools prior to the workshop.

Thanks for joining us!

Highly Recommended

1. Install Visual Studio Code

johnpapa

Name: John Papa
Company: Microsoft
Title: Partner GM - Cloud Advocacy 
Twitter: @john_papa
Web site: https://www.johnpapa.net

johnpapa

Context

We are conducting an experiment to refactor 10 Workshops. We'll update those and then measure for 3 months. The goal is to find ways to increase the module completion rate.

The information below explains my approach. This is simply one direction an evaluation can take, but feel free to take inspiration or an entirely different approach in the experiment.

Hypothesis

if we reduce or remove these "leave moments", completion rate will increase.

johnpapa

Docker - How to cleanup (unused) resources

Cleanup resources (containers, volumes, images, networks) ...

delete volumes

// see: https://github.com/chadoe/docker-cleanup-volumes

$ docker volume rm $(docker volume ls -qf dangling=true)

$ docker volume ls -qf dangling=true | xargs -r docker volume rm

johnpapa

Svelte Intro Steps

Create Hello World

1. Open https://svelte.dev/

2. Run the following commands

npx degit sveltejs/template hello-world

johnpapa

import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { Component, NO_ERRORS_SCHEMA, DebugElement } from '@angular/core';
import { By } from '@angular/platform-browser';

import { CharacterDetailComponent } from './character-detail.component';
import { Character, DataService } from '../../core';
import * as testing from '../../../testing';

@Component({
  template: '<ro-character-detail [character]="selectedCharacter"></ro-character-detail>'

johnpapa

function repo-sync {
  # ######################################
  # link: https://jpapa.me/reposync
  #
  # What this does:
  #  [𝟙] Get the latest for your origin and upstream main branches'
  #  [𝟚] Make sure your main origin is in sync with your upstream and your local is pushed
  #  [𝟛] Checkout your branch and pull the latest'
  #  [𝟜] Merge main with your branch. This will sync your branch all changes in the upstream

johnpapa

module.exports = async function (context, req) {
    context.log('JavaScript HTTP trigger function processed a request.');

    const name = (req.query.name || (req.body && req.body.name));
    const responseMessage = name
        ? "Hello, " + name + ". This HTTP triggered function executed successfully."
        : "This HTTP triggered function executed successfully. Pass a name in the query string or in the request body for a personalized response.";

    context.res = {
        // status: 200, /* Defaults to 200 */

johnpapa

Create Your First Serverless API

Setup

1. Open VS Code
2. Go to _git folder

Video 1 - Create Your First Function Using VS Code

Create your first Serverless Function using VS Code

johnpapa

describe('avengers', function () {
    describe('avengers', function () {
        var $controller,
            dataservice,
            $httpBackend,
            $location,
            $q,
            $rootScope,
            $route,
            scope;