John Papa 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.

Svelte Intro Steps

Create Hello World

Open https://svelte.dev/
Run the following commands

npx degit sveltejs/template hello-world

Create Your First Serverless API

Setup

Open VS Code
Go to _git folder

Video 1 - Create Your First Function Using VS Code

Create your first Serverless Function using VS Code

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:

styles

Angular Workshop Setup

Please install the following recommended tools prior to the workshop.

Thanks for joining us!

Highly Recommended

Install Visual Studio Code

	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 */


	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

	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)


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

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