Qué son los componentes

2/28
Recursos

Aportes 48

Preguntas 3

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

📓 ¡Te reto a hacer un meme de Internet Explorer y Microsoft con Death Note (el ánime)!

meee encanta la forma en que este profesor explica cómo contando una historia. hace muy entretenido seguir la clase.

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.

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.

<h3>Resumen de la historia de HTML</h3>

1993 Primera versión “formal” de HTML (NO fue estandar): Algunas etiquetas nada más
1995 HTML 2.0: Etiquetas implementadas de imágenes, mápas de imágenes, formularios, estilos…
1997 HTML 3.2: Tablas, textos alrededor de imágenes, applets de Java…
1999 HTML 4.01: Estandar desde el año 2000
2008 Primer borrador de HTML 5
2014 HTML 5 como estandar: Como lo conocemos hoy en día.
Referencia MDN: Mozilla Developer Network | HTML
.
Componentes: Partes de código reutilizables y modificables.
¡¡ Existe una librería muy buena StoryBook y un profesor de platzi (Sacha Lifszyc) tiene un mini curso en youtube de como aprender a utilizarla e implementarla en tus proyectos
Conclusión: Java Script es el futuro, hay que aprender a utilizarlo muy bien.

amo que no lea nada, sp dominio del tema por parte de los profes de Platzi!

Entonces los frameworks hacen a html y css herramientas modulares?

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.

Se nota la pasión de Juan por Javascript al momento de hablar.

Un documental de Discovery Chanel, cuenta la historia de los primeros navegadores la batalla comienza por dominar el Internet

Historia del Internet 01 La guerra de navegadores

Increíble manera de explicar, excelentes ejemplos y dominio del tema.

Siempre ame a JQuery, muy fácil de usar.

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

Componente: Parte de código reutilizable y que puede ser modificado según las necesidades de desarrollo

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

yo estuve ahi, en LA GUERRA DE LOS NAVEGADORES.

La forma como explica y los ejemplos que usa el instructor Juan David Castro hace de estos temas algo más fácil de aprender y mantener entretenido a nosotros los alumnos.

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

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.

Qué gran estilo para enseñar 😁

No creo que se elimine HTML, PHP lo usa comúnmente para generar plantillas, ejemplo las plantillas blade de Laravel!

Jajajaja. Si Windows ama algo se lo compra. Jaja.

En conclusión : No uses JQuery 😄 , usa un framework o libreria donde se puedan reutilizar los componentes como:

  • React
  • Angular
  • Vue
  • Svelte

esta curso se esta viendo muy bueno. llevo 2 meses en platzi estudiando y me alegra haber llegado por fin a los frameworks

Después de ver el meme de winnie poo, ahora puedo entender porque Platzi está baneado de China

Apuntes de clase:

En los 90’s fue el comienzo de las paginas web gracias a la primera versión de HTML, la cual no fue oficial hasta 1995 con HTML 2 donde se podían poner algunos estilos, en HTML 3 fue cuando comenzó la guerra de los navegadores, donde cada uno tenia sus propias etiquetas, hoy en día esto ya se ha corregido y HTML 5 es un estándar, pero la guerra de navegadores continuo a las sombras con CSS y JavaScript.
.
Para utilizar JavaScript muchas cosas tenían que escribirse diferente para cada navegador, es por esto que nació jQuery, que nos permitía escribir un mismo código JavaScript para hacer la traducción para cada navegador. Actualmente todo esta más estandarizado y ya no es necesario el uso de jQuery.
.
El que JavaScript sea un lenguaje de programación muy bueno nos permite poder hacer menos lineas de código de HTML y más de JavaScript, esto gracias a los componentes.
.
Los componentes son un paquete de diferentes tecnologías que nos permiten crear elementos personalizados reutilizables, con su funcionalidad encapsulada apartada del resto del código y utilizarlos en las aplicaciones web.

amo LOS CASTILLOS que juan puso de ejemplo. uwu

Si quieres profundizar cómo funcionan los componentes, qué APIs existen y cómo puedes implementarlo en tu código te recomiendo el curso de web components con js

Que son los componentes?

Es un elemento 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

Y recuerden compañeritos del bosque: “Divide y venceras”

Como domina los temas este profe, que maravilla. Da gusto ver sus clases.

Wow amigo que pasión le pones, me reí mucho cuando dices o este tremendo castillote

woooou, super interesante el desarrollo web moderno!

Si microsoft dice que ama a linux se hace su propia distribución, se crea su propio cloud con herramientas de linux, compra github y pare de contar para sacarle el mayor provecho a todo para su beneficio

Este curso promete! se nota el manejo y la pasión con la que enseña Juan DC 😸, ahora si se viene lo chido…

Antes el terror del desarrollo de paginas web era IE, tenias que casi hacer una pagina alterna para que corra en ese navegador

Un perfecto ejemplo de un componente es un Modal, el cual se componente de un componente botón reutilizar este componente botón para agregar texto o un icono, componente de párrafo y asi todo lo que quieras poner dentro de un modal

IE ya no es el rey…pero odio cuando me mandan un ticket por un problema, y resulta que es algo que no tenía soporte a IE y uno de los 1000 clientes, solo usa IE :c

En los 90s salio la primera version de HTML, despues en HTML pudimos agregar los estilos, y en la tercera version empezo la guerra de los navegadores ya que cada uno tenia sus etiquetas, despues se arreglo y esto se volvio un estandar. Despues esta guerra siguio en CSS y JS y por ahora aun tenemos consecuentas de estas guerras. Al igual en Javascript y por eso inventaron JQuery para que tradujera JS con el resto de navegadores.

Ahora JQuery es inutil, que fue importante en la historia pero ahora com que aprendamos JavaScript podemos hacer cualquier cosa, tan bien que empieza a reemplazar con HTML, pero realmente es una traduccion.

Ahora nos vamos dando cuenta que podemos ir reutilizando partes de pagina en otras paginas, en HTML podemos hacer copy,paste y al solo hacer cambios pero esto no es efectivo, ya que si queremos hacer un cambio tenemos que hacerlo todo, pero con JS nos podemos ahorrar este problema. Esto con funciones. Esto son los componentes, utilizar el concepto de funciones pero en la maquetacion, para guardar bloques de HTML y reutilzarlos con las ventajas de JavaScript.

Los componentes son como bloques de legos, que son como elementos que al tener muchos podemos irlos apilando hasta armar nuestra aplicacion por completo. Nuestro componente puede ser lo que sea, pero un componente solo no sirve de mucho, tenemos que empeszar a unirlos, esto se llama Composicion de componentes, donde creamos componentes con OTROS componentes. Como los formularios. eventualmente tendremos muchos componentes. COMO UN TREMENDO CASTILLOTE.

Explicación de los componentes

cool!

"Jquery es inutil"
Wordpress: oilo

respecto a cambiar toda una pagina web. para eso no existe CSS y las variables? claro esta siempre que se trate de algo visual

jquery > svelte

No quiero hacer SPAM, pero aquí les dejo mi curso de WSL2

https://www.youtube.com/watch?v=sffQHObYLG0&list=PLMBubOua3E5RmSqpaeunWCICiakLpz9xW

Que gran mentira sobre jQuery, jQuery nunca va a morir mientras sigan habiendo CMS

¿El de la imagen es Sundar Pichai ?