Configuración de Proyectos con JavaScript, Babel y Webpack

1/16
Recursos
Transcripción

¿Quién es Oscar Barajas Tavares y qué aprenderás en este curso?

Cuando se trata de aprender sobre desarrollo web, es fundamental contar con un mentor que no solo tenga conocimientos extensos, sino que también inspire confianza y entusiasmo. En este curso, tendrás la oportunidad de aprender de Oscar Barajas Tavares, miembro del equipo educativo de Platzi y un experimentado Front-End Developer liderando proyectos en Bogotá. Conocido como @gndx en las redes sociales, Oscar es un apasionado de la tecnología que te guiará en el emocionante viaje de crear aplicaciones usando VanJS y JavaScript.

¿Qué herramientas vas a dominar?

Este curso se centra en dotarte de las habilidades necesarias para configurar y desarrollar proyectos de manera eficiente. Aprenderás a:

  • Utilizar Babel: Esto te permitirá compilar tu proyecto y asegurarte de que sea compatible con todos los navegadores urbanos, optimizando así la accesibilidad de tus aplicaciones.
  • Configurar Webpack: Descubrirás cómo optimizar tu proyecto para producción utilizando esta valiosa herramienta, asegurando cargas eficientes y rápida disponibilidad.

¿Cómo estructurarás tu proyecto?

El conocimiento va más allá de las herramientas; también se trata de saber cómo organizar y estructurar tu proyecto para maximizar su efectividad. En este curso:

  • Crearás plantillas, páginas, secciones y utilidades: Estas serán la base de tu proyecto, ofreciendo una estructura sólida y ordenada.
  • Manejarás las rutas: Aprenderás a establecer y gestionar rutas que faciliten la navegación a través de tu aplicación.

¿Cómo interactuarás con APIs y desplegarás a producción?

Un proyecto moderno no es completo sin interacciones sólidas con APIs, ni sin un proceso de despliegue robusto. A lo largo del curso, te enfocarás en:

  • El Fedex con una API: Utilizarás la API de Rick and Morty como ejemplo para conectar tu front-end con datos externos de manera eficaz.
  • Mandarlo a producción: Aprenderás los pasos necesarios para que tu aplicación esté lista para el mundo real, asegurando su funcionalidad y estabilidad.

No esperes más para convertirte en un profesional y empezar a crear estas sorprendentes aplicaciones. Nos vemos en la primera clase.

Aportes 69

Preguntas 2

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

ESTE PROFE CADA VEZ ME AGRADA MAS

AVISO IMPORTANTE PARA LA GENTE DE 2021

El curso está roto.

Si bien es cierto que el profesor es muy muy bueno, explica las cosas con mucho mimo, el curso está desactualizado.
a partir del vídeo 5 a él le funcionarán cosas que a ti no te van a funcionar, por culpa de webpack, una herramienta que se usa en este curso.

mi recomendación es: inténtalo si no te importa mirar mucha documentación en inglés para intentar que te funcione lo que le funciona a él, Pero en el caso de que sea demasiado pesado y rompa demasiado el ritmo del curso, abandona y ve a por otro, alguno de vue, angular o react, porque a día de hoy, la verdad es que no se usa mucho vanilla para crear una aplicación, por lo que se valora bien poco en el mundo laboral, pienso que mucho mejor que sepas de alguno de esos frameworks de frontend.

Decidí pasarme por aquí luego de terminar este curso para contarles, que se van encontrar con muchos problemas a la hora de configurar su proyecto con webpack, babel, y web-pack-server. Ya que este curso esta super desactualizado, y entender como solucionar estos problemas, cuando no sabes mucho de estas herramientas es difícil. Vas a verte invirtiendo una buena cantidad de tiempo leyendo la documentación para lograr solucionarlo.

Esto es tal vez una critica para platzi, les pido encarecidamente, que si no puede actualizar los videos, al menos dejen archivos explicando los cambios que hay desde que se dio este curso hasta el día de hoy, y que se debe implementar para poder solucionar estos problemas. Yo entiendo que como programadores la mayoría de las veces nos veamos envueltos en la documentación para solucionar problemas, pero si uno como cliente y estudiante paga para ver un curso, uno espera que al menos este actualizado, y que lo que nos están enseñando funcione.

gracias por su atención.

Ya sólo falta este para ser un agente punto y coma !!

Hola me parece que el curso está mal explicado. Oscar explica el proceso pero le falta explicar porque hace lo que hace, es decir: debería decir, porque crea un template en vez de crearlo únicamente - en youtube encuentro mucho de este contenido y muchas veces mejor explicado - nada más es un comentario constructivo porque no siempre quiero hacer una galería.

Recomiendo leer comentarios, si recién entras, Agosto 2022, esta muy desactualizado y es un dolor de cabeza armar el entorno de trabajo, NO GASTEN EL TIEMPO, vallan por otro video.
Una lastima, se veía muy bueno el curso, pero ya esta desactualizado.

eventualmente me convertire en super sajajin dios

vamos por agente punto y coma…
curiosamente hoy iba a iniciar este curso de todas formas…

Creo que esta genial que podamos hacer una SPA con vanilla js para después hacerlo con React o algún framework

Me interesa conocer el funcionamiento de una SPA y me gusta que la desarrollemos en JavaScript Vanilla.

Vengo al 100 y acabar al 1,000llón

Les recomiendo que, cuando pase a la parte de Webpack, hagan una “pausa”, y vayan al nuevo curso sobre “Webpack”, también, con óscar. Les recomiendo sólo tomar las primeras clases para que comprendan cómo iniciar con “Webpack”; después, regresan a éste curso para continuar.
El profesor Óscar Barajas, es un gran profesor. Además, cualquier duda…le pueden preguntar o la misma comunidad contesta.

Se ve prometedor este curso, hacer una página web solo con javascript puro, será bueno saber como se hace, aunque lo más recomendable va ser utilizar algun framework, así que a darle y Nunca paren de aprender!!!💪😁

Recapitular las tecnologías y conocimientos en un proyecto integrador está super! Así como estudiantes y amantes de platzi reforzamos todo lo que hemos visto.

Vamos por este curso. Este es mi segundo curso con este profesor.

A por el agente punto y coma

Modo Agente();

Vengo por el reto del agente punto y coma, pero tambien tenia en la mira a este curso.

1 dia para terminar el reto! puntoycoma

Ya sabemos que te gusta Svelte ):

Estos apuntes **salvan** el curso (Vite) <https://github.com/aleroses/Platzi/blob/master/DW/2-intermedio/023.SPA-js-vanilla/spa-js-vanilla.md> Para este curso usaré **Vite** y no *Webpack*, dejo los pasos a seguir para que tengan éxito.

Apenas vi que es un curso de Oscar me inscribí de una, me encanta como explica y lo sencillo que hace ver las cosas,

A empezar con este nuevo curso a darle.

Justo lo que estaba buscando!!!

f

Estoy emocionado por tomar este curso, a darle!

Con mucha espectativa. muchas gracias.

Que buen servicio!!!

Veamos que trae este proyecto

Oscar siempre es el mejor!

Seguir con Javascript. Buen comienzo de Mes.

Por el reto nivel guru!

Vamos a darle con todo a este nuevo curso

Buena introducción profe

Con todo.

Vamos pues!! ahora con Vanilla

Con todo!

que comience la fiesta 😄

No espero nada, profesional, allá voy xdddd

vamoss!

A darle!!

vamos a ver con todo

A darle con todo!

Qué bien empezar este curso !!!

A DARLE!

Excelente

💪

Último curso del agente punto y coma.
Pero primer curso con éste profesor, del cuál tengo muy buenas referencias y altas expectativas! 😄

Este tipo de aplicaciones se pueden poner en Github pages?

Hola, vengo porque me intereso mucho esto 😄

Muchas gracias por la introducción instructor Oscar y estoy muy interesado en el desarrollo de este proyecto.

Con todo a este curso, con altas espectativas

oscar! uno de los mejores y más entendibles 😄

Por fin! Ultimo curso del Agente Puntoycoma!! A darle!

Súper, exactamente ¿Qué es una API? ¿Puede ser en cualquier lenguaje? ¿Es solo data? En éste caso imagino que es de donde extraeremos la información pero mi duda va a un entorno externo. Muchas gracias 🤔😊

A darle!

A darle Atomos!

Empecemos.

con todooooo!

Había hecho este curso para completa el reto de Agente puntoycoma y esa vez estaba perdido jaja, vengo luego de seguir la ruta de arquitectura frontend, vamos a ver si esta vez resulta mejor!

El curso que me falta para el reto puntoycoma!

Iniciando con muchas expectativas …

💪🏼💪🏼💪🏼

Genial, primer curso con el profesor Oscar. A DArle 💪🙌

Ready!!

Estoy super emocionado :3

Me encanta el curso!

Garantía de buen curso este profe

Perfecto! a romperla