Jaouad Ballat jaouadballat

Deep JavaScript Foundations v3

Types

Primitive types

In JavaScript, everything is NOT an object. ECMAScript language types are:

Undefined
Boolean
String

Everything I Know About UI Routing

Definitions

Location - The location of the application. Usually just a URL, but the location can contain multiple pieces of information that can be used by an app
1. pathname - The "file/directory" portion of the URL, like invoices/123
2. search - The stuff after ? in a URL like /assignments?showGrades=1.
3. query - A parsed version of search, usually an object but not a standard browser feature.
4. hash - The # portion of the URL. This is not available to servers in request.url so its client only. By default it means which part of the page the user should be scrolled to, but developers use it for various things.
5. state - Object associated with a location. Think of it like a hidden URL query. It's state you want to keep with a specific location, but you don't want it to be visible in the URL.

Frontend Development

Attention: the list was moved to

https://github.com/dypsilon/frontend-dev-bookmarks

This page is not maintained anymore, please update your bookmarks.

Get started with Google Drive and Laravel

This gist has moved!

This gist was getting a lot of comments/questions, but since there are no notifications when someone replies to a gist, I've moved the setup instructions and a bunch of sample code to a dedicated Github repo.

	function omit(object, fields) {
	const shallowObject = Object.assign({}, object);
	if (typeof fields === Array) {
	fields.forEach(field => {
	if (!!shallowObject[field]) delete shallowObject[field];
	});
	return shallowObject;
	} else if (typeof fields === "string") return delete shallowObject[fields];
	else throw new Error(`fields ${fields} must be array or string`);
	}

	import { useState } from 'react';

	export function useCounter(initial = 0) {
	const [count, setCount] = useState(initial);

	return [count, () => setCount(count + 1)];
	}

	<?php

	namespace App\Shop\Base;

	use App\Shop\Base\Interfaces\BaseRepositoryInterface;
	use Illuminate\Database\Eloquent\Model;
	use Illuminate\Database\Eloquent\ModelNotFoundException;
	use Illuminate\Pagination\LengthAwarePaginator;

	/**

	<!-- This is the main Blade file that you want your components to show up in -->

	<!DOCTYPE html>
	<html lang="{{ config('app.locale') }}">
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<title>Laravel</title>

	var express = require('express')
	, jwtMiddleware = require('express-jwt')
	, bodyParser = require('body-parser')
	, cookieParser = require('cookie-parser')
	, cors = require('cors');

	// We pass a secret token into the NodeJS process via an environment variable.
	// We will use this token to sign cookies and JWTs
	var SECRET_TOKEN = process.env.SECRET_TOKEN;