JS, Node.js, Frontend, Backend, Firebase, Express, Patrones, HTML5_APIs, Asincronía, Websockets, Testing
Documentación
Recursos
- Integrating Canvas into your Web App
- Dive Into HTML5 > Canvas
- HTML5 Canvas — the Basics
- Tutorial
- 21 Ridiculously Impressive HTML5 Canvas Experiments
- 9 Mind-Blowing Canvas Demos
Ejemplos
- Codepen | Simple Canvas Animation Example
- Codepen | Canvas Parallax Mountains
- Codepen | Canvas Particle Animation
- Codepen | html5 canvas loader
- Codepen | Interactive Canvas Text
- Codepen | Canvas Wave
- Codepen | Canvas Color Smoke
- Codepen | Animated Background
- Codepen | Matrix rain animation using HTML5 canvas and javascript
- Codepen | Fake Hacking Program
- Codepen | 3D water simulation with 2D canvas
- Codepen | html5 Canvas Traffic Simulation
- Codepen | Canvas image slider
- Codepen | Canvas film grain
- Codepen | mondrian's js canvas
- Codepen | Rain
Librerías
Recursos
- 24 JavaScript Libraries for Creating Beautiful Charts
- 9 Best JavaScript Charting Libraries
- 10 librerías Javascript para mostrar gráficas (charts) en tu aplicación web
- Genbeta | HighCharts gráficas con JavaScript
Documentación
Recursos
Ejemplos
- Codepen | Gantt Chart Process
- Codepen | d3.floorplan
- Codepen | D3 Map & GeoIP
- Codepen | Plotting Points with D3.js
- Codepen | D3 Donut Pie Chart
- Codepen | Bubble Chart with D3
- Codepen | Collapsible Radial Tree in D3
- Codepen | Rotating globe with SVG and D3.js
- Codepen | D3.js on Mapbox/Leaflet Map
- Codepen | CSS 3D Solar System
- Codepen | D3 canvas globe with country hover
- Codepen | Airport Distance Map
- Codepen | D3 World Meteorite Landings
- Codepen | D3 Real-time Time Series Chart
- Codepen | d3- wordsnake
- Codepen | Tweet History Visualized with d3.js
- Codepen | D3 Donut Chart
Documentación
Recursos
- MDN | Building up a basic demo with Three.js
- Learning three.js with real world challenges (that have already been solved)
- 20 Exceptional Three.js Experiments
- Understanding scale and the three.js perspective camera
- Three.js 101 : Hello World! (Part 1)
- Introducción a Three.js, la librería 3D número uno para HTML5
- Animating scenes with WebGL + Three.js
- Getting started with WebGL using Three.js
- THREE.JS – Primeros pasos
- Getting started with Three.js
- Intro to WebGL with Three.js
- Introducción a three.js con Jesus Conde
- Developing with three.js
- Experimenting with ThreeJS for Virtual Reality and Google Cardboard
- Una Guía del Novato para Three.js
- The Beginner’s Guide to three.js
Ejemplos
- Codepen | Chill the lion
- Codepen | Sneeze the dragon
- Codepen | 3D cube loop with threejs
- Codepen | Cat vs ball of wool
- Codepen | TinyPolyWorld - ThreeJS experiements.
- Codepen | Three.js Low Poly Self Portrait
- Codepen | [3 - 4] #Codevember - PalmTree and Sapphire
- Codepen | [2] #Codevember - Raining Cake
- Codepen | Blood Cells Flow
- Codepen | Paranoid vs shy birds
- Codepen | Mighty fish
- Codepen | ThreeJS Gradient
- Codepen | playing kid — morph and skeletal animation
- Codepen | threeJS Sphere
- Codepen | Black Planet threeJS
- Codepen | Cute jumping sheep with three.js
Videojuegos con HTML5
Ejemplos
Documentación
- Processing
- Web oficial
- Punto de partida
- API Referencia
- Librerías
- Aprneder
- Ejemplos
- Libros
- Forum
- Github
- @p5xjs en Twitter
Librerías CORE
Librerías de la comunidad
- p5.serial
- p5.collide2D
- RiTa.js
- p5.geolocation
- p5.speech
- p5.bots
- grafica.js
- p5.play
- p5.gui
- p5.gibber
- p5.particle
- p5.scribble
- p5.tiledmap
- p5.dimensions
- p5.SceneManager
- Mappa.js
- p5.func
Recursos
- penance316/p5-matrixrain
- Medium | P5JS
- Instagram Filters with JavaScript (p5.js)
- Introducción a la librería p5.js
- p5.js crash course: recreate art you love
- p5.js sketch on Observable: Template
- JavaScript: Unleash Your Inner Jackson Pollock with P5.js
- Codepen | ASTEROIDS
- Codepen | Opening particles animation with p5.js
- Codepen | Evolving Creatures
- Codepen | Laberinto
- Codepen | p5.gui pacman template
- Codepen | P5 data visualization v3
- Codepen | Angry PacMan p5.js
- Codepen | Starfield (P5.js)
- Codepen | confettis p5.js
- Codepen | ZOMBIE TRIANGLES INVASION (kind off)
- Codepen | Pixel World Map - p5.js
- Codepen | daily p5*js sketch | W1D3 | Wonder Woman
- Codepen | daily p5*js sketch | W1D5 | Batman
1 - Sacar una grafica de evolucion de temperatura y humedad basado en la prevision del tiempo usando la API de Open Weather Map
Solución