Please enable JavaScript.
Coggle requires JavaScript to display documents.
Herramientas para Desarrollo de apps web, image, image, image, image,…
Herramientas para Desarrollo de apps web
Bootstrap
¿Qué es?
Framework front-end
Desarrollo de apps web
Apps mobile first
Historia
Nace en Twitter
Simple HTML/CSS
Jacob construye Bootstrap de twitter
Funcionamiento
Rejilla de12 columnas a combinar
Uso de plantillas CSS, JavaScript y HTML
Ajax
¿Qué es?
Tecnologías para desarrollo web
JavaScript Asíncrono + XML
Integra XMLHttpRequest y JavaScript con HTML DOM
No es un lenguaje
Historia
1996: Internet Explorer integra iframe
1998: Microsoft desarrolla XMLHttpRequest
2005: Surge un artículo de Ajax
2006: W3C publica el borrador para XMLHttpRequest
Funcionamiento
No interrumpe al usuario en interacciones con la app
El usuario interactúa independientemente del HTTP
Utiliza XHTML, CSS, DOM, Javascript, etc.
Json
¿Qué es?
Formato de datos basado en texto
Similitudes con sintaxis de JavaScript
Historia
XML era el formato de intercambio de datos de los 90
No eran para muchos datos, surge JSON
Popularizado por Douglas Crockford en el año 2000
Funcionamiento
Se basa en atributo-valor
Cadenas que se integran con PHP
Todo está entre llaves
La clave esta entre comillas
JQuery
¿Qué es?
Es una librería de JavaScript
Brinda funciones y métodos (scripting)
Desarrollo más fácil y rápido
Historia
Creado por John Resig en 2006
Surge en BarCamp NYC
Buscaba hacer más fácil el uso de JavaScript
Funcionamiento
Utiliza POO
Se instancia con jQuery() o $()
Dentro de los paréntesis se ponen los parámetros
Se debe enlazar al archivo de jQuery
Se puede referenciar a otro archivo
Angular + NodeJS
Angular
Frontend
Framework web
Desarollado por Google
Es diferente a AngularJS
Usa TypeScript y HTML
TypeScript es un superset de Javascript
Añade POO
Desarrollado por Anders
Aplicaciones de una sola página, con componentes
NodeJS
Backend
Solicitudes de HTTP
Entorno de tiempo de ejecución
Creado por Ryan Dahl
Express
Framework web de Node
Basado en Connect
Router para solicitudes
Sequelize
Object Oriented Mapping
Interactuar con SQL DB
No se escriben queries
Dnode + Vue
Runtime de JS & TS
Es más seguro
Tiene una librería estándar
100% open source
Basado en v8 engine
Historia
1997: Se crea ECMAScript
2000: se crea SpiderMonkey (JS a C++)
2008: Se crea v8 Engine y lanza chrome
Super Set de JS
Agrega tirado y reglas
Más fácil de entender
No es ni más rápido ni otro lenguaje
vueJS
Librería frontend de JS
Fácil de usar, organizado
Creado por Single Page Applications
Open Source basado en componentes
Librerías
Frontend
React.js
vue
Angular
Svelte
Backend
Django
Ruby on rails
Laravel
Express
Creado por: Estefanía Anaya
Materia: Desarrollo de aplicaciones web
