Enrique Juan de Dios zazk

History of Frontend Tooling

Template Components

Used to provide structural templates.

Pattern

t-template-name
t-template-name--modifier-name
t-template-name__subcomponent-name--subcomponent-modifier-name

If you have already taken a course in algorithms, why read Grokking Algorithms (manning.com/bhargava)?

If you were learning graph algorithms, which approach would you prefer:

Imagine you have to take public transit from your home to your office. How do you figure out the fastest route? Use graph algorithms! OR
We can choose between two standard ways to represent a graph G = (V, E): as a collection of adjacency lists or as an adjacency matrix. Either way applies to both directed and undirected graphs.

I prefer the first way: lead with lots of examples, and clear writing. The second way is an excerpt from "Introduction to Algorithms"...that's how they start their section on graph algorithms.

	// Provides a device_scale class on iOS devices for scaling user
	// interface elements relative to the current zoom factor.
	//
	// http://37signals.com/svn/posts/2407-device-scale-user-interface-elements-in-ios-mobile-safari
	// Copyright (c) 2010 37signals.
	//
	// Permission is hereby granted, free of charge, to any person obtaining a copy
	// of this software and associated documentation files (the "Software"), to deal
	// in the Software without restriction, including without limitation the rights
	// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell

	// HOWTO: load LABjs itself dynamically!
	// inline this code in your page to load LABjs itself dynamically, if you're so inclined.

	(function (global, oDOC, handler) {
	var head = oDOC.head \|\| oDOC.getElementsByTagName("head");

	function LABjsLoaded() {
	// do cool stuff with $LAB here
	}

	#import <UIKit/UIKit.h>

	@interface HighChartViewController : UIViewController

	@property (weak, nonatomic) IBOutlet UIWebView *webView;
	@property (strong, nonatomic) NSArray* seriesArray;
	@property (copy, nonatomic) NSString* optionFileName;

	@end

	var http = require("http"),
	url = require("url"),
	path = require("path"),
	dir = require('node-dir'),
	swig = require('swig'),
	fs = require("fs"),

	SERVER = "server",
	BUILD = "build",

	var gulp = require('gulp'),
	sass = require('gulp-sass'),
	browserify = require('gulp-browserify'),
	concat = require('gulp-concat'),
	embedlr = require('gulp-embedlr'),
	refresh = require('gulp-livereload'),
	lrserver = require('tiny-lr')(),
	express = require('express'),
	livereload = require('connect-livereload')
	livereloadport = 35729,

	//
	// UIColor+HexString.h
	// Class to convert hex string to UIColor
	// Support #RGB # ARGB #RRGGBB #AARRGGBB
	// Usage: [UIColor colorWithHexString:@"#f5e6a1"];
	// Created by Zhu Yuzhou on 1/20/13.
	//

	#import <UIKit/UIKit.h>

	--
	-- PostgreSQL database dump
	--

	SET statement_timeout = 0;
	SET lock_timeout = 0;
	SET client_encoding = 'UTF8';
	SET standard_conforming_strings = on;
	SET check_function_bodies = false;
	SET client_min_messages = warning;