Please enable JavaScript.
Coggle requires JavaScript to display documents.
Temas Selectos de Desarrollo Web - Coggle Diagram
Temas Selectos de Desarrollo Web
Bootstrap
¿Qué es?
Es un framework front-end que se utiliza para
desarrollar aplicaciones web y sitios mobile first
¿Cómo surge?
Se origino en Twitter
Inicio con lo básico de HTML/CSS
Se agregaron complementos para hacerlo más completo y se nombre “Bootstrap de Twitter”
¿Cómo funciona?
Rejilla de 12 columna que se pueden combinar de mil maneras para adaptarse a diferentes resoluciones de pantalla
Lenguajes en donde se usa
CSS
JavaScript
Ajax
¿Qué es?
Grupo de tecnologías usadas desarrollar aplicaciones web
JavaScript Asíncrono + XML
Combinación
De un objeto XMLHttpRequest integrado en el navegador
Solicitar datos de un servidor web
JavaScript y HTML DOM
Uso o muestreo de datos
¿Cómo funciona?
Las solicitudes HTTP, se realizan a un servidor web
El servidor web procesa la solicitud que devuelve una página HTML
El usuario no puede interactuar con la aplicación cuando se transporta el HTTP
Lenguajes donde se usa
XHTML y CSS para presentar información
XML, HTML y XSLT para el intercambio y la manipulación de datos
JavaScript para enlazar solicitudes e información de
datos
JSON
¿Qué es?
Formato de datos que se basa en texto para el intercambio de información
¿Cómo funciona?
Se basa en pares atributo-valor
Son cadenas en donde se puede incluir los mismos tipos de datos básicos dentro de un JSON
Todo su contenido viene entre llaves
Cada para de llaves encierran un objeto
Adentro de las llaves se tienen pares clave-valor
La clave esta entre comillas simples o dobles
Lenguajes con los que se utiliza
Se usa con diferentes lenguajes pero algunos de estos son
JavaScript
Matlab
Python
¿Cómo se integra con PHP?
Se integra traduciendo cualquier cosa codificada en UTF-8 de PHP a un string JSON
CMS
¿Qué es?
Sistema online de desarrollo de sitios web
Permite administrar contenidos dinámicos
¿Cómo funciona?
Independencia
Facilidad para desarrollar un sitio web
Estrategia
Se puede enfocar menos el parte técnica
Costos
Hay gratuitos y de paga
Administración
Mejor experiencia de usuario y eficacía
Lenguajes en donde se usa
PYTHON
Django CMS
Plone
ASP.NET
Umbraco
Kentico CMS
BetterCMS
JAVA
Magnolia
Open CMS
dotCMS
PHP
Se tienen frameworks, no es necesario iniciar desde cero
Fácil de utilizar para la creación de CMS
La mayoría de servidores funcionan con PHP
Beneficios
Edición de textos y códigos de sitios más rápido
Biblioteca de medios para imágenes y videos
Instalación de plugins y extensiones
Control de inventario y ventas
Angular + NODEJS
¿Qué son?
Angular se ocupa para el front, la parte que se ve el navegador
Framework web
Son funcionalidades
genéricas
Desarrollado por Google
Lenguajes en donde se usa
TypeScript
HTML
Se basa en componentes
Usa TYPESCRIPT
Superconjunto de
JavaScript
Desarrollad por Anders Hejlsberg y su equipo en Microsoft en 2012
Sirve para desarrollar aplicaciones a gran escala y robustas
Vue & Deno
Deno es
Más seguro
Tiene una librería estándar
100% de código abierto
Historia
Brendan Eich le da JS a ECMA
Se crea ECMAScript
Eich crea SpiderMonkey
SpiderMonkey = convertir JS a C++
Google crea una mejor, el V8 Engine y lanzó Chrome
VueJS
Organizado
Basado en componentes
Se creo para Single Page Applications
Open Source
Propios frameworks