Fredy Mena Andrade xfry

##introduction If you have a good internet conection maybe you don't need do this, but if like me you have internet issues then this steps should be a good option to read YDKJS aka You Don't Know JS at localhost usign Harpjs like markdown compiler.

###Installing Harpjs First you need a way to compile markdown template, I'm using Harpjs because is so easy to understand the basic to run an static site. Then open a terminal and write the next commands.

sudo npm install -g harp
create file directory mkdir mybook and go inside it cd mybook
create default boilerplate files from harp harp init
clone You Don't Know JS github repository git clone [email protected]:getify/You-Dont-Know-JS.git inside myblog directory

	body {
	font-size: 14px;
	font-family: 'Courier New', Courier, monospace;
	}

	.card-design
	{
	/lets add some borders round/
	border: 0px;
	border-radius: 8px;

	<!DOCTYPE html>
	<head>
	<title>Calculator</title>
	<link rel="stylesheet" href="style.css">
	</head>
	<body>
	<div class="container card-design">
	<header>
	<h1>Funny Calc</h1>
	</header>

	void multiply(int m[3][3], int n[3][3])
	{

	int multiple[3][3], i, j, k, sum;

	//multiply both matrix m and n
	for(i=0;i<3;i++)
	{
	for(j=0;j<3;j++)
	{

	'use strict';

	// Licensed under a CC0 1.0 Universal (CC0 1.0) Public Domain Dedication
	// http://creativecommons.org/publicdomain/zero/1.0/

	(function() {

	// Update 'version' if you need to refresh the cache
	var staticCacheName = 'static';
	var version = 'v1::';

	Juegos.js introducción

	Presentación personal
	Fredy E Mena Andrade, Javascript frontend developer + Unity C#, organizador Hackdó y Quibdójs. Apasionado por los videojuegos 2D.
	@xfry en twitter, github.com/xfry.

	Javascript y HTML5 para la creación de videojuegos.
	Canvas.
	--Canvas es un elemento del DOM que pone a nuestra disposición una API para la manipulación de
	imágenes jpeg, png, webp; gráficos y texto, etc, en porciones de tu página web,

	Estado del Arte desarrollo de videojuegos en HTML5

	-- Capacidades en el browser
	- canvas
	- webgl
	- dispositivos de entrada
	- key events
	- mouse events
	- usermedia: http://www.html5rocks.com/es/tutorials/getusermedia/intro/
	- mic

	<body>
	<script id="home-tpl" type="text/template">
	<header class="bar bar-nav">
	<h1 class="title-directory">Directory</h1>
	</header>
	<div class="bar bar-standard bar-header-secondary">
	<input class='search-key' type="search"/>
	</div>
	<div class="content"></div>
	</script>