Andres Ramirez Restrepo
meee encanta la forma en que este profesor explica cómo contando una historia. hace muy entretenido seguir la clase.
Gabriel Cordero
Si , es super entretenido.
¿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. function crearElemento(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.
Andres Ramirez Restrepo
meee encanta la forma en que este profesor explica cómo contando una historia. hace muy entretenido seguir la clase.
Gabriel Cordero
Si , es super entretenido.
Juan Pablo Jimenez
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.
Doniel Alberto Acosta Contreras
me encanta como lo detallas y muy interesante ese contenido
Angel Javier Sanchez Tenjo
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.
Gabriel Martin Marquez Perez
Tendrás algún ejemplo de micro front ends?
Edwin Cáceres Silva
Se nota la pasión de Juan por Javascript al momento de hablar.
Sabina Ixchel Garcia Mendoza
amo que no lea nada, sp dominio del tema por parte de los profes de Platzi!
Nicolás Sañudo
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.
En el curso de oratoria en público te explican como hacerlo.
Irving Juárez
Entonces los frameworks hacen a html y css herramientas modulares?
Juan Castro
Profesor¡Sí! La modularidad es uno de los aportes importantísimos de estas herramientas al desarrollo web frontend.
Miguel Angel Reyes Moreno
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.
Ruben Vigil
Increíble manera de explicar, excelentes ejemplos y dominio del tema.
Cristhian Daza
Siempre ame a JQuery, muy fácil de usar.
Jorge De Jesus Tejeda Bello
Siempre digo que todo depende del desarrollador, yo estructuraba mi código de jQuery que daba gusto leerlo
Irving Juárez
Al parecer a mi ya no me va tocar usar JQuery jamás, yo apenas voy empezando
Daniel Alejandro López Linares
De todas formas ¿debería aprender jQuery por la demanda laboral de algunas empresas?
Héctor Eduardo López Carballo
Hola!
Sí, pero deberías aprender JS vanilla antes. Después de eso te será más sencillo aprender JQuery.
Juan Castro
ProfesorYo 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. :)
Max Andy Diaz Neyra
Historia
Componentes:
Juan Diego Quintero Calderón
Componente: Parte de código reutilizable y que puede ser modificado según las necesidades de desarrollo
Jenniffer Paola Orjuela
Mejor explicado, imposible!
Nelson Gonzalez Escalante
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.
José Alberto Ramírez Quiroz
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
David Campos
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.
Irving Caamal
Igual microsoft creó una solución para usar .NET en linux open source, dejo un enlace de esto
Robert Vásquez
Composición de componentes: Consiste en integrar los componentes con otros componentes para formar el proyecto ó aplicación en su totalidad.
Achraf Mharmel
esta curso se esta viendo muy bueno. llevo 2 meses en platzi estudiando y me alegra haber llegado por fin a los frameworks
Nicolas Velasquez Lopez
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.
Espero sirva! :D Todas mis notas en mi GitHub