Web Day

David Chura
Editores
• Sublime Text
• Visual Studio Code
• Notepad++
• Atom
• Eclipse
Editores online
• https://jsfiddle.net/
• https://codepen.io/
• https://stackblitz.com/
• https://liveweave.com/
• https://codeanywhere.com
• https://codenvy.io
Editores Móviles
• DroidEdit
• Quoda Code Editor
• Codeanywhere
• Dcoder
• anWriter
Diagramación Flex
• display:flex
• justify-content: space-between;
• flex-direction:row;
• flex-basis:50%;
Bootstrap 4
• Cuadrícula basada en • Puntos de corte:
Flexbox • xs: 0px,
• Soporte a Navegadores • sm: 576px,
modernos: De IE10+ y iOS7+ • md: 768px,
• lg: 992px,
• Bootstrap usa exclusivamente
• xl: 1200px
Sass
• Cards
• Emplea unidades REM
• Formularios
• En lugar de Normalize trae
Reboot, para inicializar los • Mas
estilos
Animaciones en la Web
• jQuery
• GSAP – GreenSock
• Create.js
• https://createjs.com/
• P5.js
• https://p5js.org/
• D3.js
• https://d3js.org/
• Paper.js
• http://paperjs.org/
Frameworks JavaScript 3D
• Three.js
• https://threejs.org/
• Babylon.js
• http://www.babylonjs.com/
Motores de VideoJuegos JavaScript
• Phaser.js
• http://phaser.io/
• Pixie.js
• http://www.pixijs.com/
• Kiwi.js
• http://www.kiwijs.org/
• Quintus
• http://www.html5quintus.com/
Realidad Virtual
• A-Frame
• https://aframe.io/
• React VR
• https://facebook.github.io/react-vr/
• Primose
• https://www.primrosevr.com/
• Web VR (Mozilla)
• https://vr.mozilla.org/
• https://developer.mozilla.org/en-US/docs/Web/API/WebVR_API
• https://webvr.info/
• Argon.js
• https://www.argonjs.io/
• Gesture ai
• https://www.gesture.ai/#/develop/start
Frameworks
• Angular
• Vue
• React
JavaScript Robótica
• http://nodebots.io/
• https://sphero.docsapp.io/docs/get-started
• http://johnny-five.io/
• https://github.com/mintuz/BB8-Commander
• /usr/local/lib/node_modules/bb8-commander/commands
Angular
• Instalar Angular
• npm install -g @angular/cli
• Crear una nuevaApp
• ng new nuevaaplicacion
• Ejecutar aplicación
• cd nuevaApp
• ng serve --open