Aprende todo un fin de semana sin pagar una suscripci贸n 馃敟

Aprende todo un fin de semana sin pagar una suscripci贸n 馃敟

Reg铆strate

Comienza en:

5D
0H
39M
0S

Cu谩ndo necesitas un framework de JavaScript

1/28
Recursos

Aportes 54

Preguntas 8

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

猸愶笍 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 馃槃

Websites (Sitios Web): Son est谩ticos (iguales para todos los usuarios), y se pueden hacer 煤nicamente con HTML y CSS.
Webapps (Aplicaciones Web); Son din谩micas (interactivas con los usuarios) y para estas se necesita JS aparte de HTML y CSS, y alg煤n framework para facilitar el desarrollo.
Framework (Entorno/Marco de trabajo鈥): Contiene librer铆as y herramientas que nos ayudar谩n a construir algo m谩s r谩pido, garantizando la calidad gracias a una metodolog铆a y estructura de trabajo bien definida.
Librer铆a: Es un fragmento de c贸digo que nos ayuda a resolver un problema espec铆fico y que tiene un prop贸sito concreto.
Video de platzi: Diferencia entre Librer铆a y Framework

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

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.

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.

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

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!

Vengo del 鈥淔uturo鈥 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鈥CABAR CON LA MISERIA EN LATAM. YO ME ENCARGO. MARCAJE PERSONAL鈥HORA ES PERSONAL鈥O HARE鈥L 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

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!

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

Los cursos de Juan son todo lo que esta bien 鉂わ笍

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!

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 馃榿

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.

<h4>Websites vs Webapps</h4>

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! 馃槃

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?

馃憣