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

Svelte Intro Steps

Create Hello World

1. Open https://svelte.dev/

2. Run the following commands

npx degit sveltejs/template hello-world

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

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

function learn-sync {
  # ######################################
  # 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 for your Learn module and pull the latest'
  # ④ Merge main with your Learn branch. This will sync your branch all changes in the upstream'
  #
  # Steps:
  # 1. Navigate to your Learn repo (learn-pr, learn-m365-pr, etc)

johnpapa

Preparing to Write a Learn Module

Setting Up

The first step is to fork the Learn repository so you have a forked repository that you can control.

What you'll do:

johnpapa

styles

johnpapa

// Function expression
const getThing1 = function(search: string) {
  return getThingy(search);
};

// Function declaration
function getThing2(search: string) {
  return getThingy(search);
}

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