Andre Vermeulen avermeulen

Create car badges using an API

Create some badges using the https://github.com/avermeulen/api-tutor API

Use:

Universal Web development concepts

Take a look at the links below - they are about web development using PHP, Ruby, Java and Microsoft .NET

Scan through these articles and make a list of all the things that looks familiar to you. Don't worry about the details. Just look for concepts you immediately recognise or is vaguely familiar.

Setup a new TypeScript project with Mocha support

Ensure you have TypeScript installed globally using this command:

npm install -g typescript

This outlines how to setup a new TypeScript project with mocha support.

ESLint intro

ESLint checks if your JavaScript for errors and if it meets the configured coding standard.

You can read more about linting here or here. ESLint help us to find bugs in our JavaScript code quicker. It check for things like undefined variables or functions and prevent runtime errors in the process.

Create a npm project

To install eslint in your local project you need to be in a npm project. Make your current folder one by doing this

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>

	</head>
	<body>

	create table users(id serial primary key,
	firstName text not null,
	email text not null);

	insert into users(firstName, email) values ('Andre', '[email protected]');
	insert into users(firstName, email) values ('Andrew', '[email protected]');
	insert into users(firstName, email) values ('Bob', '[email protected]');


	interface Language {
	greet(name: string) : string
	//shout(name: string) : string
	}

	function English () : Language {
	function greet (name) {
	return 'Hello, ' + name;
	}

	var schedule = require('node-schedule');
	schedule.scheduleJob( process.env.SCHEDULE_SETTINGS \|\| '00 00 6 * * *', function(runAt){
	console.log(runAt);
	// is this the last day of the month?

	// if it is... call the function to create the metric instances

	// let taskList = getAllTasks();

	// taskList.forEeach((task) => {

	<!DOCTYPE html>
	<html lang="en" dir="ltr">

	<head>
	<meta charset="utf-8">
	<title></title>
	<style media="screen">

	.show {
	display: block;