¿Cómo ha evolucionado el desarrollo web desde sus inicios?
La historia del desarrollo web es una fascinante narrativa de continuas transformaciones tecnológicas y adaptaciones. En los años 90, la creación de HTML marcó el inicio de las páginas web, aunque los estilos se agregaban directamente en HTML, y no fue hasta la llegada del CSS que esa tarea se dividió, dando un respiro a los programadores. Sin embargo, no todo fue un camino de rosas. La "guerra de los navegadores" complicó las cosas con etiquetas HTML específicas para cada navegador. A pesar de que hoy HTML está estandarizado, los conflictos se trasladaron a CSS y JavaScript, provocando la necesidad de soluciones como jQuery para uniformar el código en diferentes navegadores.
¿Por qué jQuery fue crucial y qué papel tiene hoy?
jQuery surgió como un salvavidas en medio de una época de caos en el manejo de JavaScript. Proveía una forma de escribir código unificado que funcionaba en todos los navegadores, eliminando la necesidad de adaptaciones específicas para cada uno. No obstante, este panorama cambió y se logró una mayor estandarización, relegando a jQuery a la historia del desarrollo web. Hoy en día, basta con aprender JavaScript puro para crear cualquier aplicación, ya que las tecnologías modernas han asumido el lugar de jQuery.
Código Ejemplo: Uso de funciones y componentes.
// Ejemplo de función en JavaScript para reutilizar código.functioncrearElemento(tag, contenido){const elemento =document.createElement(tag); elemento.textContent= contenido;return elemento;}// Creación de componentes utilizando la función.const titulo =crearElemento('h1','Hola Mundo');document.body.appendChild(titulo);
¿Cómo se están utilizando los componentes en el desarrollo moderno?
Los componentes son la nueva frontera del desarrollo web, asemejándose a bloques de Lego que pueden ensamblarse de múltiples formas para dar lugar a aplicaciones complejas. A través de componentes, los programadores pueden reutilizar bloques de código de manera eficiente, reduciendo la repetición y facilitando la actualización de elementos comunes en toda una aplicación. Los componentes les permiten crear elementos sólidos y reutilizables, como botones, formularios y encabezados, ensamblándolos en una estructura más significativa.
Composición de componentes: Ejemplo práctico
Cuando se trata de aplicar la composición de componentes, pensemos en formularios. Un formulario es un componente que contiene otros componentes, como botones e inputs. La habilidad de combinar componentes de esta manera crea una base sólida y mantenible para aplicaciones avanzadas. Por lo tanto, la composición no solo hace el código más limpio sino también potente y flexible.
¿Cuál es la influencia de las compañías tecnológicas en el desarrollo web?
A través de los años, empresas como Microsoft y Google han jugado roles distintos en el desarrollo web. En el pasado, Microsoft era temida, pues su dominio del mercado a menudo llevaba a decisiones controvertidas. Ahora, se ha transformado en un defensor del open source y el desarrollo colaborativo. Google, particularmente a través de su navegador Chrome, ha llevado la batuta en temas de compatibilidad, optimización y mejores prácticas, fijando estándares que benefician a toda la comunidad de desarrolladores.
Este cambio no solo propició un ambiente más colaborativo sino que también impulsó nuevas tecnologías y formas de trabajar. Todo esto demuestra la importancia de adaptarse a las transformaciones tecnológicas, motivando a los desarrolladores a mantenerse actualizados y a contribuir a una comunidad tecnológica en constante evolución. La historia del desarrollo web es una prueba de resistencia, aprendizaje y colaboración continua.
:notebook: ¡Te reto a hacer un meme de Internet Explorer y Microsoft con Death Note (el ánime)!
Que gran meme jajaajja
😂😂😂😂🤣 Excelente meme, estuvo super entretenido
meee encanta la forma en que este profesor explica cómo contando una historia. hace muy entretenido seguir la clase.
Si , es super entretenido.
2.-¿Qué son los componentes?
En JS muchas cosas se tenían que escribir de manera diferente para cada navegador hasta que llegó JQuery a solucionar estos problemas ya que permite escribir un mismo código de JS y JQuery hace la traducción para los demás navegadores. Hoy ya no necesitamos de JQuery, solo JS.
Hoy día JS es tan bueno que empieza a reemplazar a HTML, cada vez se escribe menos html y más JS, pero aún así no lo va a reemplazar ya que todo lo que maquetemos en JS se convierte en HTML, la diferencia es que cada vez lo hacemos menos en HTML y más en JS.
Al escribir más en JS, nos damos cuenta que podemos reusar partes completas de una página en otras. Es un concepto parecido a las funciones. Nos da la ventaja de usar condicionales, ciclos y todas las ventajas que nos puede brindar un lenguaje de programación.
Pensemos en los componentes como bloques de Lego, cada uno es un elemento, y al tener muchos podemos apilarlos hasta armar una app por completo, además de que nos brinda la oportunidad de cambiarlos dependiendo de lo que necesitemos. Un componente solo no nos sirve de mucho, tenemos que unirlos de alguna manera, aquí entra un concepto llamado "composición de componentes" porque podemos crear componentes usando otros componentes, como los formularios que son componentes que dentro tienen más componentes.
me encanta como lo detallas y muy interesante ese contenido
Una Tendencia actual en el Front-End: son Micro-Frontends
La arquitectura de micro-frontends es un enfoque de diseño en el que una aplicación web se descompone en “micro partes” individuales, semi-independientes, que trabajan en conjunto. Esta arquitectura puede ser tan liberal como sea posible, donde cada aplicación puede ser implementada con diferentes frameworks.
Tendrás algún ejemplo de micro front ends?
Se nota la pasión de Juan por Javascript al momento de hablar.
amo que no lea nada, sp dominio del tema por parte de los profes de Platzi!
Si lo hace. Tiene un machete al lado de la cámara para ubicarse en que parte del speech se encuentra.
La clase está guionada y practicada; esto agrega mucha profesionalidad al curso.
Entonces los frameworks hacen a html y css herramientas modulares?
¡Sí! La modularidad es uno de los aportes importantísimos de estas herramientas al desarrollo web frontend.
En un principio HTML, CSS y JS eran diferentes para cada navegador, hasta que se fueron volvieron estándares. Pero jQuery fue la tecnología que hacía que JS fuese compatible en todos los navegadores.
jQuery ya murió, es inútil.
JS está tan bien que ya empieza a reemplazar a HTML. Cada vez escribimos más JS que HTML.
Los componentes son aplicar un concepto muy parecido a las funciones pero para maquetar.
Composición de componentes: Es poder crear componentes que estén hechos de otros componentes.
Increíble manera de explicar, excelentes ejemplos y dominio del tema.
Siempre ame a JQuery, muy fácil de usar.
Siempre digo que todo depende del desarrollador, yo estructuraba mi código de jQuery que daba gusto leerlo
Al parecer a mi ya no me va tocar usar JQuery jamás, yo apenas voy empezando
De todas formas ¿debería aprender jQuery por la demanda laboral de algunas empresas?
Hola!
Sí, pero deberías aprender JS vanilla antes. Después de eso te será más sencillo aprender JQuery.
Yo te recomendaría estudiar jQuery solo si es por curiosidad histórica, para conocer un poco de cómo la humanidad programaba apps web en la prehistoria. :P
Si es por demanda laboral, cualquier otro framework moderno tiene muchas más y mejores ofertas. :)
Historia
En los 90 aparece HTML.
En html 2 se trabaja los estilos con el mismo HTML y luego se separó.
En html 3 empieza la guerra de los navegadores, cada quien con su etiqueta pero hora esta estandarizado
La guerra continuo en el CSS. Por eso debíamos escribir –webkit, ya se solucionó.
Lo mismo con JS, muchas cosas se escribían diferente por navegador, y por eso se inventó JQuery. Fue tan i--- - Importante porque nos permitía escribir un mismo código JS.
Microsoft: Inventan el Linux sub system for Windows
Microsoft: Compro a npm y GitHub.
Microsoft: Inventa TypeScript.
El rey de reyes es Google Chrome aunque coma ram infinita.
El equipo de Google Chrome colabora con otros equipos open source.
JQuery ahora es inútil siempre será gran herramienta en la historia pues ahora basta con aprender JS para hacer cualquier cosa.
Cada vez escribimos menos HTML y más JS.
Podemos reutilizar partes enteras de una página en otra al usar el poder de las funciones.
Las funciones nos permiten usar un bloque de código las veces que sea necesario sin volverlo a escribir.
Si deseamos que el bloque de código se comporte diferente hacemos uso de parámetros y estructuras de control.
Componentes:
Los componentes es aplicar un concepto muy parecido a las funciones pero al maquetar.
Guardamos bloques de HTML, re utilizarlos y poder construir partes de un sitio.
Nuestros componentes pueden ser botones , formularios, menú de navegación, etc.
Un componente solo no sirve, debemos unirnos, ósea composición de elementos, crear componentes con componentes
Componente: Parte de código reutilizable y que puede ser modificado según las necesidades de desarrollo
Mejor explicado, imposible!
Los componentes web son bloques de código que encapsulan la estructura interna de elementos HTML, incluyendo CSS y JavaScript, permitiendo así que el código se pueda volver a usar como se quiera en otras webs y aplicaciones. El concepto fue desarrollado por un grupo de trabajo del World Wide Web Consortium (W3C), creado en 1994 por Tim Berners-Lee, considerado el padre de la Web. Este grupo trabaja desde entonces por la estandarización de todas las tecnologías básicas de la red. El modelo de componentes web que se publicó en 2012 establece principalmente cuatro especificaciones referidas a la creación de estos prácticos elementos HTML. Son las siguientes:
Custom elements: conjuntos de API de JavaScript para definir elementos personalizados por el usuario.
Shadow DOM: conjunto de API de JavaScript para añadir elementos DOM.
ES Modules: módulos para integrar y reutilizar documentos de JavaScript.
HTML templates: plantillas HTML que no se muestran en la página web final y que pueden servir de base para ciertos elementos definidos por el usuario.
Todos los navegadores convencionales ya son compatibles con los componentes web estándares. Para trabajar con los códigos HTML encapsulados, pueden usarse todos los frameworks o bibliotecas de JavaScript que trabajan con HTML.
Que son los componentes?
Es un bloque de codigo que ya tiene ciertas características y funcionalidades este debe poder reutilizarse en cualquier parte de nuestra aplicación y poder unirse a otros componentes a esto se le llama Composición, de esta manera podemos crear una gran aplicación basada en nuestros componentes
No fue hasta los años 90 que llegaron las primeras páginas web con la primera versión de HTML, en la seguna versión se agregaron los estilos, que se definian en el mismo; después apareció CSS para trabajar los estilos. En la tercera versión no existía un estándar para las etiquetas, por lo que cada navegador utilizaba etiquetas diferentes. Hoy en día HTML es un estándar, pero en CSS y JS también existen este tipo de problemas.
En su momento JQuery "estandarizó" el código de JS haciendo que el mismo código funcionará en los diferentes navegadores, pero hoy en día ya no es necesario.
Hoy en día Google Chrome es el navegador más utilizado para navegar, a pesar de su elevado consumo de recursos.
La tendencia actual es maquetar cada vez más HTML desde JS, para aprovechar todos los beneficios de este. Por ejemplo, reutilizar partes completas de un sitio web.
El concepto de los componentes es este mismo, reutilizar partes de un sitio web en diferentes partes de una aplicación. Como si de funciones para reutilizar código se tratara.
La composición, básicamente consiste en crear componentes hechos de otros componentes.
Igual microsoft creó una solución para usar .NET en linux open source, dejo un enlace de esto
Composición de componentes: Consiste en integrar los componentes con otros componentes para formar el proyecto ó aplicación en su totalidad.
esta curso se esta viendo muy bueno. llevo 2 meses en platzi estudiando y me alegra haber llegado por fin a los frameworks
Fundamentos del Desarrollo Web Profesional
Cuando es un sitio web que únicamente se encarga de mostrar información, es un Website, pero cuando empezamos a involucrar al usuario, a permitirle manipular la página, a permitirle ingresar datos, procesarlos y demás, es cuando se vuelve una Webapp y para esto es cuando nos apoyamos de JavaScript.
Conforme pasa el tiempo JavaScript se convierte en la herramienta principal para la maquetación de las páginas sobre HTML, esto nos permite tener páginas reactivas, componentes reutilizables y comportamientos condicionales.
Desde JavaScrpt podemos generar componentes HTML, cambiar sus parámetros, comportamiento, quitarlos, etc.
Un componente puede tener todo tipo, comportamiento o aspecto, la composición de componentes se refiere a la unión de elementos básicos para crear bloques más complejos.