zfdesign

Get up and running with Vue App

Checkout VueMastery at https://www.vuemastery.com/courses/

Install Vue CLI

npm i -g @vue/cli

zfdesign

Setting up Windows for development

Installing Chocolatey

1. GET/SET Windows PowerShell Execution policy Get-ExecutionPolicy. If it returns Restricted, then run Set-ExecutionPolicy AllSigned or Set-ExecutionPolicy Bypass -Scope Process.

2. Install, PowerShell execute:

Set-ExecutionPolicy Bypass -Scope Process -Force; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))

zfdesign

Setup S3, SSL certificate and CloudFront distribution

https://youtu.be/5uS_rQjQ4Hw

1. Create a bucket

A. Select: Static Website hosting (https://docs.aws.amazon.com/AmazonS3/latest/dev/EnableWebsiteHosting.html)

B. Note the URL at the top of that setting (your-domain.net.s3-website.eu-west-2.amazonaws.com)

zfdesign

Eyeglass implemetation

https://www.npmjs.com/package/eyeglass

Install

npm i -D eyeglass

Eyeglass with Gulp

https://github.com/linkedin/eyeglass/blob/master/packages/eyeglass/site/content/documentation/integrating-with-gulp.md

zfdesign

Currently considering https://github.com/webdriverio/webdrivercss

---

Core Goals:

• Can test in up-to-date versions of all major browsers
• Can test on up-to-date versions of all major OSes
• Can test in IE9 (because Bootstrap v4 will support IE9+)
• Don't want to have to setup/maintain our own cluster of VMs running all the necessary OSes (and all the versions of Windows)
• Workflow for management of reference/baseline/norm screenshots

zfdesign

ZFD Help contains useful stuff

Simple Shell commands reference

Create a new directory and cd into it using argument $_

$ mkdir react-app && cd $_

Create new folder js, and new files index.html and js/app.js in js folder

zfdesign

SimpleDB - Like Indexed DB, but Simple

A simple asynchronous data store.

STATUS: This is a thought experiment, not a serious proposal. Would basic async storage like this be useful? With this plus some locking primitive, could you build Indexed DB?

Like Indexed DB:

• rich value types - store anything you can structured clone
• rich key types - Number, String, Date, Array (of other key types)

zfdesign

/* Given a string containing a series of words, for example containing a newspaper article, 
implement a function to read the string and count the words within it.  
You can’t use ‘split’ or similar. */

var sentence = "Given a string containing a series of words, for example containing a newspaper article,";
var wordsCount = function (str) { 
    var i = 0;
    var word = "";
    var arr = [];
    for (i = 0; i < str.length; i++) {

zfdesign

/* Task: 
// Write a function called GCD 
// that prints the greatest common divisor of two positive integers (a and b). 
// */

function GCD(a,b) {
	'use strict';
	var calc = function (a,b) { 
		return (a % b === 0) ? b : null;
	}, 

zfdesign

Slider like Yahoo Weather App

A Pen by Chris Coyier on CodePen.

License.