clase5.md

Curso Incompany para INECO

HTML5 APIs, ECMA6, Patrones de diseño, AJAX avanzado, APIs externas, JS para Frontend, Automatización...

FICTIZIA » Cursos a medida para empresas

Clase 5

Geolocalización

• Más información:

  • Conversion de Decimal a Hexadecimal por Isabel Castillo

• Documentación:

  • querySelector en MDN
  • HTML5 Geolocation en w3Schools
  • Espeficicación
  • Compatibildiad

ip-api.com

• Web
• Docs
• API

Carto

• Carto
• Pricing
• Resources
• Docs
• Guides
• Blog
• CARTO en Github
• Carto test by Robert Rouse
• Galería de ejemplos

Esri ArcGIS

• Web Oficial
• ArcGIS Developers
• Ejemplos: API JavaScript de ArcGIS
• ESRI españa Github

OpenStreetMap (OSM)

• OSM | Web oficial
• Learn OpenStreetMap Step by Step
• HOT | Humanitarian OpenStreetMap Team
• HOT | Tools & Data
• Wheelmap | Project
• Wheelmap | Map
• Awesome open street map
• OSM | Wiki
• SWITCH2OSM

Open Layers

• Web Oficial
• Docuemntación oficial
• Ejemplos
• API
• Awesome OpenLayers
• OpenLayers Simple Example
• OpenLayers Marker Example
• Github
• @openlayers en Twitter

Leaflet

• Web oficial
• Tutoriales
• Documentación oficial
• Descargas
• Plugins
• Blog
• Stackoverflow
• Github
• @LeafletJS en Twitter
• Ebook | Leaflet Tips and Tricks

Google Maps

• Portal informativo
• Pricing
• Maps JavaScript API
  • Tutorial
  • API Ref.
  • Ejemplos
• Google Maps Embed API
• Google Street View Image API
• Google Static Maps API
• Biblioteca JavaScript de Google Places API

GeoJSON

• Especificación
• Web oficial
• Ejemplo de uso en Github
• Validador/linter online
• Awesome Geojson

LocalStorage

• Web Storage en MDN
• Web Storage en w3Schools
• Espeficicación
• Compatibildiad

Offline

• Soporte en Navegadores
• MDN | Eventos online y offline
• HTML5 Rocks! | Offline
• HTML5 Rocks! | "Offline": What does it mean and why should I care?
• Trabaja offline gracias a la API de caché de HTML5
• MDN | Usar el caché de aplicaciones
• Ebook | Pro HTML5 Programming | Chapter 12: Creating HTML5 Offline Web Applications
• HTML5 Docter | let’s take this offline
• W3C Spec | Offline
• TheFox/html5-offline-example
• Tutorial: How to make an offline HTML5 web app, FT style
• How To Use HTML5 Offline Storage In Your Website
• Offline-capable applications with HTML5
• Offline Application: using manifest
• Researching HTML5 Offline

Web Workers: Intro

Documentación

• Especificación
• Soporte

Ejemplos

• Web Workers and Service Workers
• WEB Worker sample

Recursos

• Introducción a los Web Workers en html5rocks
• Web workers without a separate Javascript file?
• Offline Recipes for Service Workers by DWB
• Using Web Workers to Speed-Up Your JavaScript Applications by treehouse
• Debugging Web Workers with Chrome Developer Tools
• Using Web Workers en MDN
• Concurrency in JavaScript

Librerías

• parallel.js
• promise-worker
• Catiline.js

Shared Web Workers

• Epecificación
• Soporte Shared Web Workers

Patrones de diseño

• Libro | patrones de diseño de GoF
• Ebook | Addy Osmani's Learning JavaScript Design Patterns
• Ebook | JavaScript Patterns de Stoyan Stefanov
• Software design patterns implemented in EcmaScript 6
• JavaScript Weekly: Fundamental Object Design Patterns
• The Importance Of Abstraction in JS
• JS design patterns Quick Look
• Javascript reveal and module design patterns
• Patrones de diseño en JavaScript
• 4 JavaScript Design Patterns You Should Know
• JavaScript Design Patterns
• fbeline/Design-Patterns-JS
• The Comprehensive Guide to JavaScript Design Patterns
• JavaScript Design Patterns
• 23 JavaScript design patterns
• Understanding Design Patterns in JavaScript
• Design Patterns for Developers using JavaScript - Part One

Patrones creacionales: Abstract Factory (Fábrica abstracta)

• Wikipedia | Abstract Factory
• es6-design-patterns | Abstract Factory
• dofactory | Abstract Factory
• fbeline/Design-Patterns-JS | Abstract Factory

Patrones creacionales: Builder (Constructor):

• Wikipedia | Builder
• es6-design-patterns | Builder
• dofactory | Builder
• fbeline/Design-Patterns-JS | Builder
• Ebook | Learning JavaScript Design Patterns| Builder

Patrones creacionales: Factory Method (Método de fabricación)

• Wikipedia | Factory Method
• es6-design-patterns | Factory Method
• dofactory | Factory Method
• fbeline/Design-Patterns-JS | Factory Method
• Ebook | Learning JavaScript Design Patterns| Factory Method

Patrones creacionales: Namespace

• Wikipedia | Namespace
• How do I declare a namespace in JavaScript?
• Essential JavaScript Namespacing Patterns
• Namespacing in JavaScript
• jQuery Namespace Pattern

Patrones creacionales: Prototype (Prototipo)

• Wikipedia | Prototype
• es6-design-patterns | Prototype
• dofactory | Prototype
• fbeline/Design-Patterns-JS | Prototype
• Ebook | Learning JavaScript Design Patterns| Prototype

Patrones creacionales: Singleton (Instancia única)

• Wikipedia | Singleton
• es6-design-patterns | Singleton
• dofactory | Singleton
• fbeline/Design-Patterns-JS | Singleton
• Ebook | Learning JavaScript Design Patterns| Singleton

Patrones estructurales: Adapter/Wrapper (Adaptador/Envoltorio)

• Wikipedia | Adapter
• es6-design-patterns | Adapter
• dofactory | Adapter
• fbeline/Design-Patterns-JS | Adapter
• Ebook | Learning JavaScript Design Patterns| Adapter

Patrones estructurales: Bridge (Puente)

• Wikipedia | Bridge
• es6-design-patterns | Bridge
• dofactory | Bridge
• fbeline/Design-Patterns-JS | Bridge

Patrones estructurales: Composite (Compuesto)

• Wikipedia | Composite
• es6-design-patterns | Composite
• dofactory | Composite
• fbeline/Design-Patterns-JS | Composite
• Ebook | Learning JavaScript Design Patterns | Composite

Patrones estructurales: Decorator (Decorador)

• Wikipedia | Decorator
• es6-design-patterns | Decorator
• dofactory | Decorator
• fbeline/Design-Patterns-JS | Decorator
• Ebook | Learning JavaScript Design Patterns | Decorator

Patrones estructurales: Façade (Fachada)

• Wikipedia | Facade
• es6-design-patterns | Facade
• dofactory | Facade
• fbeline/Design-Patterns-JS | Facade
• Ebook | Learning JavaScript Design Patterns | Facade

Patrones estructurales: Flyweight (Peso ligero)

• Wikipedia | Flyweight
• es6-design-patterns | Flyweight
• dofactory | Flyweight
• fbeline/Design-Patterns-JS | Flyweight
• Ebook | Learning JavaScript Design Patterns | Flyweight

Patrones estructurales: Proxy (Apoderado)

• Wikipedia | Proxy
• es6-design-patterns | Proxy
• dofactory | Proxy
• fbeline/Design-Patterns-JS | Proxy
• Ebook | Learning JavaScript Design Patterns | Proxy

Patrones estructurales: Module (Módulo)

• Wikipedia | Module
• Ebook | Learning JavaScript Design Patterns | Module
• Etnassoft | El Patrón Módulo Javascript en Profundidad

Patrones estructurales: Revealing Module

• Ebook | Learning JavaScript Design Patterns | Revealing Module
• Etnassoft | El Módulo Revelado (Revealing Module) Javascript

Patrones de comportamiento: Chain of Responsibility (Cadena de responsabilidad)

• Wikipedia | Chain of Responsibility
• es6-design-patterns | Chain of Responsibility
• dofactory | Chain of Responsibility
• fbeline/Design-Patterns-JS | Chain of Responsibility

Patrones de comportamiento: Command (Orden)

• Wikipedia | Command
• es6-design-patterns | Command
• dofactory | Command
• fbeline/Design-Patterns-JS | Command
• Ebook | Learning JavaScript Design Patterns | Command

Patrones de comportamiento: Interpreter (Intérprete)

• Wikipedia | Interpreter
• es6-design-patterns | Interpreter
• dofactory | Interpreter
• fbeline/Design-Patterns-JS | Interpreter

Patrones de comportamiento: Iterator (Iterador)

• Wikipedia | Iterator
• es6-design-patterns | Iterator
• dofactory | Iterator
• fbeline/Design-Patterns-JS | Iterator
• Ebook | Learning JavaScript Design Patterns | Iterator

Patrones de comportamiento: Mediator (Mediador)

• Wikipedia | Mediator
• es6-design-patterns | Mediator
• dofactory | Mediator
• fbeline/Design-Patterns-JS | Mediator
• Ebook | Learning JavaScript Design Patterns | Mediator

Patrones de comportamiento: Memento (Recuerdo)

• Wikipedia | Memento
• es6-design-patterns | Memento
• dofactory | Memento
• fbeline/Design-Patterns-JS | Memento

Patrones de comportamiento: Observer (Observador)

• Wikipedia | Observer
• es6-design-patterns | Observer
• dofactory | Observer
• fbeline/Design-Patterns-JS | Observer
• Ebook | Learning JavaScript Design Patterns | Observer

Patrones de comportamiento: State (Estado)

• Wikipedia | State
• es6-design-patterns | State
• dofactory | State
• fbeline/Design-Patterns-JS | State

Patrones de comportamiento: Strategy (Estrategia)

• Wikipedia | Strategy
• es6-design-patterns | Strategy
• dofactory | Strategy
• fbeline/Design-Patterns-JS | Strategy

Patrones de comportamiento: Template Method (Método plantilla)

• Wikipedia | Template Method
• es6-design-patterns | Template Method
• dofactory | Template Method
• fbeline/Design-Patterns-JS | Template Method

Patrones de comportamiento: Visitor (Visitante)

• Wikipedia | Visitor
• es6-design-patterns | Visitor
• dofactory | Visitor
• fbeline/Design-Patterns-JS | Visitor

Dialectos: Lazy Definition

• Wikipedia | Lazy Definition

Dialectos: Memoization

Librerias

• addyosmani/memoize.js
• caiogondim/fast-memoize.js

Recursos

• Wikipedia | Memoization
• Generic Memoization in JavaScript
• How to use Memoize to cache JavaScript function results and speed up your code
• Memoization in JavaScript
• Today I Learned: Memoization with Pure Functions in ES6
• Stackoverflow | How to create a memoize function
• Acelerar las funciones recursivas con memoization
• How I wrote the world's fastest JavaScript memoization library
• JavaScript Function Memoization
• Faster JavaScript Memoization For Improved Application Performance
• Understanding JavaScript Memoization In 3 Minutes
• Implementing Memoization in JavaScript

Dialectos: Mixins

• Wikipedia | Mixins

Más Patrones

• Colección de patrones de Javascript de Shi Chuan
• Libro "Essential Javascript Design Patterns" de Addy Osmani
• Libro "JavaScript Patterns" de Stoyan Stefanov