Cuándo necesitas un framework de JavaScript

⭐️ Estrellita para la mejor explicación de sitios web vs. aplicaciones web. ¡Algo mejor que la comparación con el karate!

¡Al fin un curso con Juan 👀! Sus comentarios en algunos otros cursos me ayudaron mucho, y ahora este curso seguro va a ser genial!
.
Yo he llegado a hacer aplicaciones web complejas con JavaScript puro (allá cuando no sabía que existían esos frameworks jaja), es un reto interesante para quienes quieran aprender cómo funciona la web y cómo se comporta JavaScript realmente 👀.
.
Y el concepto de esta clase es simple, 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 👀

Hola Juan, Soy Paolo, tengo 15 años y estudio en platzi desde que tengo 12, me encanto tu historia y ahora se que no soy la unica persona joven dentro de Platzi 😅, todo lo que hiciste y hasta donde llegaste me motiva 😄

Es mi primera vez con un framework la verdad, estaba esperando a la persona indicada 😂… llevo 1 año y 1 mes estudiando desarrollo web, y mi última aplicacion web con vanilla javascript es…
Behold!
APIkachu: Tienda de pokemons usando la API de pokeapi.co
P.S: No la hice solo, fue con un gran grupo de desarrolladores de una comunidad llamada Bit Hug

Uff interesante que a juan no se le tenga que aplicar la velocidad al 1.25 o 1.50 me gusta

Les comparto una aplicación que hice utilizando Typescript.
Consume la API OpenWeatherMap y tambié utiliza Leaflet. Sin frameworks o librerías de Javascript.
.

.
WeatherApp

Repo

Resumen de la clase:
¿Qué son y por qué son tan importantes?

• Usamos HTML y CSS para la maquetación
• Usamos JS para traer información desde el backend e interactuar con los usuarios.
• Conforme nuestros proyectos avanzan y se vuelven más complejos escribimos menos HTML o CSS y más JS.
• Al punto que nuestras app están hechas casi completamente en JS.
• Los frameworks de JS son herramientas que agilizan el trabajo de un desarrollador web.
• Trabajar con JS puro no es la mejor decisión a mayor complejidad.

Diferencias entre sitios vs app web

• Un sitio web esta hecho por paginas informativas, como en una landing page, etc.
• Para estas paginas necesitas HTML y CSS.
• Una app web esta hecha por una cantidad grande de páginas dinámicas donde es necesario hacer peticiones de APIs como en los blogs, redes sociales, etc.

Escalamiento de app

• Hacer un sitio simple como landing pages es como hacer un enfrenamiento uno a uno.
• Si pasamos un mayor enfrentamiento es como hacer un sitio web donde usamos JS, para traer información dinámica o un mini framework
• La App son una guerra, tanques explosiones. Son app como platzy.
  Necesitamos saber Frameworks.
• App que son como Google o Facebook

Cosas a tener en cuenta a la hora realizar un proyecto:

• Que partes se realizan de forma interna y cuales se compran a terceros.
• Cuál es la forma de renderizar la página para que cargue rápido pero sin generar tanto costo.
• Decidir cual framework nos conviene para el proyecto que desarrollamos

1.-Cuándo necesitas un framework de JavaScript

A medida que se va aumentando la complejidad del sitio empezamos a usar mucho JavaScript, hasta el punto en el que las apps están casi totalmente hechas en JS.

Los frameworks son herramientas que agilizan el trabajo de un web developer, estamos en un punto donde la parte del front end se puede hacer solo con JS, pero cuando ya queremos hacer webapps entonces vamos a necesitar de la ayuda de los frameworks.

Sitios: Por ejemplo las Landing pages donde se muestra información general, animaciones. Solo necesitamos lo básico, html y CSS.

También hay sitios web más complejos como un blog o cualquiera que requiera de peticiones a una API o integraciones con Google Analytics, en estos necesitaremos HTML, CSS y JS. Podríamos usar JS solo, pero también podemos usar frameworks.

Aplicaciones Web o WebApps son bastante complejas ya que tienen muchas páginas que no son estáticas, son dinámicas, es decir, que el contenido de cada usuario es diferente, véase como ejemplo, la página de Platzi.

No existe un mejor framework para JS cada uno tiene cosas especiales dependiendo de nuestro caso de uso. Las Apps crecen y que hay estar preparado para escalar con el proyecto.

Muy buena introducción, hasta ahora he venido usando JavaScript Vanilla en mis proyectos, ya quiero conocer de librerías y frameworks.

que sea de Juan David cuando tenga 30 años sera un moustro, explicas muy bien.

Hola, yo tengo un proyecto web sobre ecommerce hecho con html, css y js puro, aqui les dejo el link para que lo vean y me comenten

https://github.com/paolo7409/marketech-frontend

Yo hice esta pokedex con puro HTML, CSS y JS 😃
¡Espero poder hacer mejores cosas con los frameworks de JS!

Llevo estudiando desarrollo web 4 meses y el proyecto vanilla más grande que he hecho es: Intergalactic Marketplace. Emocionado por iniciar con bibliotecas y frameworks, suerte a todos y happy coding!

Vengo del “Futuro” al 18/01/2022 Juan David tiene 143.181 puntos.

hare una app para que cada ser de latinoamerica la baje de google store y CUMPLIREMOS EL SUELO DEL FREDDIER…ACABAR CON LA MISERIA EN LATAM. YO ME ENCARGO. MARCAJE PERSONAL…AHORA ES PERSONAL…LO HARE…EL SUEÑO DEL FREDDIER Y EL MIO ES EL MISMO…

Supongo que esta pokedex que hice en el curso de SPA es una aplicación con JS puro. ¿No? 😅
Link

Cuando es recomendable usar frameworks? Cuando queremos crear aplicaciones web dinamicas y que, además, tiene multiples paginas.
Podriamos usar HTML, CSS y JavaScript Vanilla, pero con los frameworks agilizamos el trabajo.

Yo siempre usó JavaScript puro en mis desarrollos, pero un amigo desarrollador me recomendó aprender de frameworks para acelerar mí proceso de desarrollo

Muy entusiasmado por aprender sobre los frameworks y librerías. La explicación del profesor es muy clara y divertida. Me encanta!

Pd. El profesor se parece mucho a Timothée Chalamet 😁

Apuntes de la clase:

Un Framework es un conjunto de herramientas y módulos que nos van a permitir agilizar los procesos de desarrollo.

• Un website está basado en HTML y CSS, se encarga solo de mostrar la información al usuario, no necesita de un framework ya que su función no es muy compleja.

• Una webapp está basada en HTML, CSS y JavaScript, se encarga de interactuar con el usuario como si fuese una aplicación, aquí el uso de un Framework es necesario ya que nos ayudara a agilizar el desarrollo y nos permitirá hacer de mejor manera escalable la aplicación.

En conclusion, JavaScript Vanilla solo vale la pena de usar como para poner en prueba las habilidades tecnicas y/o proyectos personales.

Yo lo necesito para mi portafolio, solo HTML y CSS ya no es suficiente porque es engorroso actualizar a mano cada página o agregar nuevas cuando tengo que añadir un nuevo proyecto, y también me gustaría empezar a escribir un blog o contenido

Me gusta mucho que cuando hable en plural, lo haga en femenino, me siento como más cómodo, se siente que le importa la gente que le ve, soy tu fan xd Además explica super super bien 11/10, como dice la chaviza de hoy

Iniciiando con los frameworks!

Tanto tiempo esperando el curso de react de este loco. Sin duda Juan es el mejor profesor de todo Platzi. Un crack.

Despues de haber realizado los cursos del JS Challenge me quede con ganas de aprender a utilizar Framework para realizar sitios y aplicaciones web de una manera más efectiva.

mi profe favorito

Jaja, me agradaba mas ese Home, podía revisar los comentarios de los compañeros y mis rutas de un solo vistazo

golasooooo

Interesante y muy bueno el curso. Saludos y felicidades

Preguntando en chatgpt la diferencia entre webapp y website explicado para un niño de 7 años:

un sitio web es como una página de un libro que te muestra información. Una aplicación web es como un juguete que puedes usar en línea para hacer diferentes cosas.

• website vs webapp

aqui llegue! un nuevo curso con el mejor profe de platzi! @juan_DC

Ya lluegé… pero para aprender. Éxitos a todos.

HTML y CSS: para maquetación

JavaScript: para traer información dinámica desde el backend (una API por ejemplo) y para interactuar con los usuarios.

Frameworks de JavaScript: son herramientas que agilizan el trabajo de un desarrollador web

Si es verdad, en Platzi se aprende html,css,js a profundidad, que buenos cursos!!!

Muy interesante la temática del curso, pero más con el dinamismo y la forma de hablar de Juan, hype.

Se ve increíble el curso. Muy buena explicación.

No se como sentirme con la energia de este profesor!!!

genial la explicacion de website y webapp!

Yo estoy empezando a programar ahorita con 19 años , no estoy tan joven pero estoy en el promedio. aunque ya tengo varios años con base de datos y Excel .

Conforme los proyectos avanzan y se hacen complejos, escribimos menos HTML y CSS y escribimos mas JAVASCRIPT.

Los frameworks de JS son herramientas que agilizan el trabajo de un desarrolador web. Estamos en un punto donde todo el frontend se puede hacer con JS solo. Pero cuando no hacemos sitios web, si no APLICACIONES WEB, usar JS solo es contra intuitivo, no es la mejor opcion.

Sitio Web vs Web Apps

Un tipo de sitio web es una landing pages, una pagina informativa, incluso podemos tener animaciones u optimizarlas, esto se puede hacer con HTML, CSS. pero hay otros sitios web que pueden ser mas complejos en los que podemos utilziar JavaScript, que podemos usarlo solo pero tambien podemos utilizar herramientas que nos ayuden a desarrollar mas rapido.

Las aplicaciones son cosas complejas, tienen muchas paginas que pueden ser dinamicas, que para cada usuario es diferente.

Una pagina estatica puede ser comparado con una enfrentacion 1vs1, hacer el frontend puede ser como hacer kung fu, pero si hacemos una pagina dinamica con JS puede ser una pelea mas compleja con mas personas. Pero una aplicacion web es una guerra.

Tenemos que Framework elegir dependiendo de nuestro caso de uso. No hay uno mejor.

esta clase introductoria me hizo desear caos

Les dejo una aplicación web hecha con HTML, CSS Y JS puro (con nodejs para el workflow) en frontend y nodejs y express con en backend. La aplicación hace uso de websockets.
Es un juego de cartas para 2 personas.

https://www.notion.so/BattleCard-Node-js-WebSockets-7ed087b1ab5e44bf8a71b133221b56c5

No tiene nada que ver pero, la historia del profesor es fascinante. Fue un factor que me convenció para adquirir platzi, ahorre por mucho tiempo porque demuestra con hechos que todos pueden, que chevere saber que es Course director, yo realmente espero algún dia ser parte del equipo de Platzi. Su comunidad es la mejor, y este es uno de muchos ejemplos.

los frameworks son una caja de herramientas para facilitarnos el código, en este caso en JavaScript.

Un sitio o página web es una página individual de internet en la que se presenta información, como una landing page. Por lo general, estas páginas solo necesitan HTML y CSS para ser creadas, pues no hay interacción interacción con el usuario. Para agregar interacción a estas páginas se usa JavaScript, que le agrega un capa más de complejidad a la creación de la página.

Por su parte una aplicación web es un tipo de página mucho más compleja, donde se realizan peticiones, con muchas páginas dentro de la misma y con mucha interacción personalizada con el usuario.

Para las aplicaciones que son gigantes y muy complejas como Facebook, Youtube, etc. se deben tomar muchas decisiones de arquitectura, de que software desarrollar internamente y cuál comprar de otra empresa, cuál Framework se adecúa mejor a las necesidades de la aplicación, entre otras.

Perfecto estaba esperando este curso, ¡Vamos con todo!

Web Sites VS Web Apps
Los sitios webs son usados o creados al momento de solo querer motrar información. Un ejemplo prodría ser tu portafolio personal en donde tienes un gran diseño hecho con HTML/CSS y también animaciones CSS, oh website que hiciste para practicar como: RedexVideo.

Ahora Existe un punto intermedio donde usamos javascript Vanilla (que es un apodo para indicar que es JS puro y duro.) o un mini-framework para añadirle funcionalidades, interactividad o extracción de información a través de una API a ese WebSite. Ejemplo: imagina que a un sitio estático le quieres agregar iteración por ejemplo al pulsar un botón que pase algo como lanzar un modal o alert, o quieres convertir tu portafolio a una Single Page Aplication.

Una App Web es totalmente interactiva, tiene paginas dinamicas y por lo cual la mayoría o todas estan hechas directamente en JS, responde a la información de cada usuario, por lo que su comportamiento depende del usuario que la use. Un ejemplo de esto es: photopea el photoshot que vive en la Web.

Me leyeron la mente ! jajaj justo estaba buscando eso

¡Ya hacía falta este curso! 😄

Diferencia entre Sitios y Aplicaciones Web
Sitios Web 😈🤑🥵
Páginas Informativas: Un sitio web generalmente consiste en páginas informativas, como una landing page, que pueden ser creadas utilizando HTML y CSS.
Interactividad: Si deseamos que nuestra página realice acciones, peticiones a APIs, etc., necesitaremos JavaScript. En estos casos, es posible utilizar un framework de JavaScript para facilitar el desarrollo y la interactividad.
Aplicaciones Web😈🤑🥵
Complejidad: Las aplicaciones web son más complejas que los sitios web simples. Generalmente, consisten en múltiples páginas o vistas.
Dinamismo: A diferencia de los sitios web estáticos, las aplicaciones web son dinámicas, lo que significa que el contenido puede cambiar en respuesta a las interacciones del usuario y otras condiciones.

Juan David eres la respuesta a todas esas preguntas que se hacen esas personas sobre : que es ser exitoso?

4:31 101.000 puntos! JAJAJAJA dios mio! yo solo llevo 4.000 xD

que onda con svelt?

👌