📓 ¡Te reto a hacer un meme de Internet Explorer y Microsoft con Death Note (el ánime)!
Fundamentos del Desarrollo Web Profesional
Cuándo necesitas un framework de JavaScript
Qué son los componentes
Cómo estructurar un componente
Qué es reactividad
Librerías vs. frameworks
Ecosistema de frameworks y librerías JavaScript
Contexto y funcionamiento de los Frameworks JavaScript
Qué es React y cómo se construyó
Qué es un componente en React y cómo funciona
Cómo usar React.js
Manejo del estado en React
Qué es Angular y cómo se construyó
Cómo usar Angular
Qué es Vue y cómo se construyó
Cómo usar Vue.js
Qué es Svelte y cómo se construyó
Cómo usar Svelte
Estilos con CSS, preprocesadores y CSS-in-JS
Qué es CSS-in-JS
Componentes en Angular con CSS
Trabajando con Vue Components
Vue Components con Preprocesadores de CSS
Trabajando en React con Styled Components
Estilos dinámicos con Styled Components en React
Trabajando en Svelte con Emotion
Cómo escalar sitios o aplicaciones web
Tipos de aplicaciones según su router: SPAs vs. SSR
Frameworks sobre frameworks: Next.js
Organización de archivos en el frontend
Retos y análisis para elegir tu próximo stack de desarrollo frontend
Cómo especializarte en Frameworks de JavaScript para Frontend
Aportes 48
Preguntas 3
📓 ¡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.
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.
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
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
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
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:
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
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
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
¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.