No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Compra acceso a todo Platzi por 1 a帽o

Antes: $249

Currency
$209/a帽o

Paga en 4 cuotas sin intereses

Paga en 4 cuotas sin intereses
Suscr铆bete

Termina en:

16D
2H
43M
59S

Repaso, recomendaciones y tips para seguir aprendiendo

16/16
Recursos

Aportes 88

Preguntas 12

Ordenar por:

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

o inicia sesi贸n.

Haciendo el proyecto de pokemonApi, aunque apenas lo estoy empezando.

![](

Hola, es dejo mi proyecto, le agregu茅 un par de cosas y ajust茅 el responsive.
https://kriminalinc.github.io/RickandMorty/

Yo lo hice con mi API de LOL y as铆 qued贸 (si tarda un rato en cargar es porque se est谩 levantando la API en Heroku) https://luislirac.github.io/spa-lol/

Si est谩s siguiendo esta ruta de aprendizaje te recomiendo no tomar los cursos de alg煤n framework sin tener las bases de Javascript.
El curso de Fundamentos de Javascript puede ayudarte a familiarizarte m谩s con lo aprendido en este curso.

Es increible al nivel que se puede llegar teniendo claro todos los conociminetos aplicados de los distintos cursos, excelente profesor, muchas gracias por este excelente curso

Para no utilizar Travis, solo compilen y suban ese compilado. No se hagan problema con Travis.

Hey gente, yo realice un proyecto donde utilizo una API de los pa铆ses del mundo. Ademas de navegar sin un Full Reload tambi茅n podr谩s navegar entre cada pa铆s para ver sus detalles.

soluci贸n en vivo: https://anfer-code.github.io/countries-api/#
repositorio: https://github.com/anfer-code/countries-api/

Dentro de la secci贸n de los detalles podr谩s navegar a los pa铆ses vecinos del que seleccionaste.
.
Tambi茅n hay un input el cual te llevar谩 al pa铆s que quieras ver. Y por ultimo podr谩s desde el home podr谩s hacer un filtrado de los pa铆ses por su regi贸n.
.
Cualquier Feedback es bien recibido 馃槃

Buenas a toda la comunidad, les comparto mi proyecto:
POKEapi-SPA
Quise consumir una nueva api para retarme a mi mismo, y bueno como me gusta la saga de Pok茅mon decid铆 baserme en una de las APIs que hay, en este caso use pokeapi. Para el deploy use github actions el cual es una buena alternativa a Travis, y al ser de GitHub su incorporaci贸n es m谩s sencilla. El archivo que use para configurar y otras cosas m谩s las pueden encontrar en mi repo: POKEapi-SPA repositorio

Excelente curso, rumbo a aprender travis.

estar铆a bueno que mejoren el curso

馃憢馃徎 Este es mi proyecto del curso, us茅 la Pok茅API

馃憠馃徎 Pokidex

Con este curso entend铆 mucho mejor el uso de Webpack y el consumo de una API. Excelente 馃挭馃徑

Un curso increb铆ble, aorend铆 muuuuchas cosas nuevas, en especial a usar Travis! Tuve complicaciones el al final ya que no me mostraban los estilos en el github pages y era que el href del archivo css en el index estaba mal y bueno cuando modifiqu茅 el dominino en github pages mi sitio despareci贸 no se por qu茅 pero bueno a pesar de esto todo incre铆ble!
Me sale esto:

estuvo genial este curso

excelente curso.

Me gusto mucho el curso! gracias

Estar铆a bien un curso especializado de travis

Muy buen d铆a, si quieren publicar su proyecto utilizando Vite, solamente aseg煤rense de seguir estos pasos
.
Si est谩s publicando tu proyecto Vite en GitHub Pages y est谩s experimentando problemas con las URL est谩ticas de tus archivos CSS y JS, es posible que necesites ajustar la configuraci贸n de ruta base en tu proyecto Vite.
.
Aqu铆 hay algunos pasos que puedes seguir para solucionar el problema:
.

  1. Abre el archivo vite.config.js en la ra铆z de tu proyecto Vite.
    .
  2. Dentro del archivo vite.config.js, busca la opci贸n base y aseg煤rate de que est茅 configurada correctamente. Por ejemplo, si tu repositorio de GitHub Pages se encuentra en https://tathatahy.github.io/, la opci贸n base deber铆a ser /.
    .
  3. Actualiza la opci贸n base para que coincida con la ruta base de tu proyecto de GitHub Pages. Si tu repositorio de GitHub Pages se encuentra en un subdirectorio, aseg煤rate de incluir el nombre del subdirectorio en la opci贸n base. Por ejemplo, si tu repositorio de GitHub Pages se encuentra en https://tathatahy.github.io/mi-proyecto/, la opci贸n base deber铆a ser /mi-proyecto/.
    .
  4. Guarda los cambios en el archivo vite.config.js.
    .
  5. Vuelve a compilar y vuelva a publicar tu proyecto Vite en GitHub Pages utilizando el comando adecuado. Por lo general, el comando ser谩 npm run build para compilar y generar los archivos est谩ticos en la carpeta dist, y luego puedes utilizar una herramienta como gh-pages para publicar la carpeta dist en GitHub Pages.
    .

Al ajustar la opci贸n base en la configuraci贸n de Vite, aseguras que las URL generadas para los archivos est谩ticos (CSS y JS) sean correctas y coincidan con la ruta base de tu proyecto de GitHub Pages. Esto deber铆a resolver los errores 404 que est谩s experimentando al cargar los archivos CSS y JS en tu p谩gina.

.
Ejemplo de c贸mo crear el archivo vite.config.js para tu proyecto Vite con la carpeta base 鈥渃ientifico-vite鈥:
.

  1. En la ra铆z de tu proyecto, crea un archivo llamado vite.config.js (aseg煤rate de que el nombre y la extensi贸n sean correctos).
    .
  2. Abre el archivo vite.config.js en tu editor de texto preferido.
    .
  3. Agrega el siguiente contenido al archivo:
import { defineConfig } from 'vite';

export default defineConfig({
  base: '/cientifico-vite/',
});
  1. Guarda los cambios en el archivo vite.config.js.
    .
    Ahora, cuando construyas tu proyecto Vite usando el comando npm run build, los archivos est谩ticos generados tendr谩n las rutas adecuadas que coincidir谩n con la carpeta base 鈥渃ientifico-vite鈥. Aseg煤rate de ajustar el comando npm run build y cualquier otro proceso de implementaci贸n seg煤n tus necesidades espec铆ficas.
    .
    Recuerda que tambi茅n debes asegurarte de configurar correctamente la opci贸n homepage en tu archivo package.json para que coincida con la carpeta base de tu proyecto de GitHub Pages. Por ejemplo:
{
  "name": "cientifico-vite",
  "homepage": "https://tathatahy.github.io/cientifico-vite/",
  // Resto del contenido del archivo package.json...
}

.
Guarda los cambios en el archivo package.json y, a continuaci贸n, compila y publica tu proyecto en GitHub Pages. Los archivos CSS y JS deber铆an cargarse correctamente sin errores 404.
.
Espero que esto te ayude a solucionar el problema con las URL est谩ticas en tu proyecto Vite al publicarlo en GitHub Pages.

Este es mi sitio para que le echen un vistazo
https://singlepagedannygalvan.netlify.app/

Saludos,

Estuve haciendo una app para un cliente, y quise aprovechar este curso con lo que debia hacer. Ya tenia mi API creada en Laravel(aprovechando el curso de Api en Laravel). E hice integraci贸n de tecnolog铆as. Fue un camino largo y dif铆cil pero logr茅 hacer mi primer deployment en un servidor. Gracias Platzi :3

Es la primera vez que tomo el curso, y me pareci贸 muy pr谩ctico.
Recomiendo dos cosas: Uno, ir tomando el curso junto al nuevo de Webpack ( Actualizarse sobre Wbpack); Dos, no abandonar el curso porque, est茅 desactualizado. Creo que, lo mejor es ir buscando c贸mo solucionar lo que le falta o no tiene el curso. Les prometo que, les ayudar谩 mucho (recomendaci贸n para los que est谩sn aprendiendo javascript).
Gracias Platzi.
Gracias 贸scar Barajas.

Aqu铆 mi proyecto con la API de Pokemon.

Live Site

馃槃 Este curso estuvo genial 馃槂

niiice https://levelstudiomx.github.io/cientifico/
siguiente reto: intentare con otra APIy diferentes estilos

Al fin haciendo deploy a mi proyecto: 馃榾
https://samueldazadaza.github.io/cientifico/ con Tailwind
Se siente genial poder cumplir el reto: 馃槃

Hice mi proyecto con la API de Pok茅mon, pero se me complico un poco y tuve que guiarme de otros proyecto. Este lo hice desde cero haciendo uso de las notas que hice en notion y directamente en los archivos
Link

Tambi茅n modifiqu茅 un poco el proyecto del curso
Link

#NuncaParesDeAprender

Espero su feedback gente 鈽



Les comparto como quedo el mio, lo hice sobre peliculas con el API de richard en el curso profesional de JS, tambien implemente el responsive para que sea visible en otros dispositivos.
https://kevjim.github.io/PelisTendencia/

https://salaxer.github.io/100tifi.co/

Mi proyecto terminado, solo le hace falta configurar bien el DARKMODE

Aqui les dejo mi pagina, no se como colocar imagenes desde mi pc a los comentarios de platzi :c

Alguien puede indicarme en que parte del curso se dice que async y await es implementado en ECMAScript 8?

Buenas les dejo 15 proyectos que hice con vanilla js que son basico.
les dejo mi repo : https://github.com/FedeHerrera10/projectsVanillaJS

Este fue el resultado final de mi proyecto.
https://santiagoquinteroguarin.github.io/Scientific-SPA/

Me resulto tan complicado este curso, lleno de errores, bugs, versiones err贸neas, no compilaba, etc, al final de repetir 3 veces todo me funciono, les dejo mi live: https://andresfgz.github.io/RicknMortySPA/

Gran curso pr谩ctico desde la configuraci贸n del proyecto hasta el deploy, el profesor explic贸 cada caso de uso detallando el como y el porque. Ahora toca profundizar los conceptos vistos aqui.

Qu茅 genial este curso, 脫scar. Aprend铆 mucho, seguramente hay que practicar m谩s para lograr crear m谩s SPA. Gracias por compartir.

Incre铆ble curso, me encanto como fue desarrollado.
Lo valioso es como aplicamos tanto en un proyecto peque帽o para poderlo replicar en proyectos mas grandes.

Excelente curso, muy corto y preciso!!!

excelente estoy siguiendo la carrera con mas cursos en platzi

Gran curso muy interesante aprend铆 mucho.
Ahora vamos por React !!!

Ufff genial el curso. Gracias.

Excelente curso con un gran profesor 馃憦馃憦. Ahora me queda continuar con la culminaci贸n de la carrera de React 馃懆鈥嶐煉火煆冣嶁檧锔忦煆冣嶁檧锔.

Muy buen curso, aclar茅 varias dudas que ten铆a sobre vanilla JS, enhorabuena para el profesor.

S茅 que este es un curso b谩sico pero estar铆a bueno poder manejar peticiones que traen muchos m谩s elementos en este caso personajes para saber de qu茅 manera manejarlos para que el performance de la aplicaci贸n no baje.

Estimados compa帽eros, me pueden recomendar el lenguaje y la forma de hacer una API鈥? Actualmente uso solo APIREST con java + spring boot. Pero gustaria aprender una mejor tecnologia que me permita hacer lo mismo y mas profesional. Alguna sugerencia compa帽eros y profesor (@gndx)

Un buen curso, adjunto el link del proyecto que hice: https://leoramosa.github.io/project-spa/

El curso me pareci贸 muy interesante. Me ense帽贸:

  • el uso de string literals
  • c贸mo funcionan el hash navigation
  • Travis CI

Muy pr谩ctico, a seguir con el siguiente nivel.

Eres el mejor @gndx

super, me estrese un poco a lo ultimo ajajaj, pero todo salio perfecto 馃槃

Excelente curso, muchas gracias!!!

Este es el link de mi proyecto: https://csswoman.github.io/100tifico/
A煤n me falta hacer modificaciones de los estilos, pero todo muy bien 馃榿

Curso terminado en un d铆a! A por el badge puntoycoma!

隆Excelente! 隆Este curso estuvo muy interesante y con mucho conocimiento adquirido!

Estuvo genial el curso, muchas gracias 馃挌

El t茅rmino vanilla hace referencia solo a JS para c贸digo puro? o se puede utilizar vanilla en cualquier lenguaje de programaci贸n?

Alguien sabe porque la ruta sale as铆 https://mauroquinteros.github.io/spa-vanillajs/#/2/
a m铆 me gustar铆a configurar la ruta para que salga de este manera https://mauroquinteros.github.io/spa-vanillajs/2 que se me hace m谩s sencillo para el usuario.
Espero que alguien me ayude soy nuevo en esto

Gracias Oscar por el Curso!! 馃槂

Excelente, a seguir practicando, gracias

Este curso esta muy chido
Ahora ya se como funciona esto de las SPA 馃ゴ馃ゴ

Genial el curso! Termin茅 y me encant贸. Aprend铆 muchas cosas gracias al profesor.
https://salme92.github.io/Example-API-Rick-And-Morty-SPA/

Que genial curso! Les dejo mi repo quiero mejorarlo y usar esta clase para otro genial proyecto.
https://daniellazarte.github.io/spa-100tifico/

Excelente!

Muchas gracias por las ense帽anzas y consejos compartidos sobre SPA en JavaScript instructor Oscar y dem谩s miembros de Platzi.

El resultado de este gran curso

Preview


Cards

Qu茅 curso tan bueno! De los mejores y m谩s intuitivos que he tomado. Aplicar茅 estos conceptos para jugar con m谩s APIs.

Aqui el mio, me vuela la cabeza la integracion continua con travis, muy completo el curso

Curso muy teso, se cubren todos los aspectos de un SPA desde babel hasta Travis, en algunos puntos se necesita conectar con otros cursos pero te deja listo para cualquiera de las 3 fw que menciona Oscar. Hay muchas cosas que logre sacar adelante a partir de los comentarios, no esta demas darles una revisada siempre.

Excelente curso 馃憣!! Siempre es un gusto tomar cursos con el profesor Oscar Barajas 馃槂

Para tener en cuenta en el archivo de rutas VSCode indicaba que el keywork await estaba demas, y si lo sacas te da error por que es una funcion async. Luego entendi que no era un error sino que indicaba que await no tenia utilidad por que la funcion que esperaba no era una promesa.
En resumen await trabaja con promesas.

Asi quedo mi proyecto, le agregue estilos y la funcionalidad de filtrar por especie,genero y status.
Modifique colores, fuentes y un poco de responsive.

Les dejo mi repo por si se quieren pasar:
https://github.com/FedeHerrera10/Curso-SPA-VanillaJS

Hace varios meses inici茅 este curso y en la clase 5 me di cuenta que no ten铆a el conocimiento necesario para tomarlo, entonces regres茅 a seguir la ruta de JavaScript, tom茅 el b谩sico de React y Vue para entender como funciona una SPA. Ahora lo estoy terminando y me siento muy bien porque entiendo lo que acabo de aprender. Gracias Oscar.

Quise hacer esta SPA con la API de pokemon,y en cada Character le agregu茅 un efecto 3D, de repo (https://github.com/amaurysg/SPA-PokeApi) e imagenes

El curso ha sido una buena experiencia de aprendizaje. Agradezco al profesor Oscar su esfuerzo.

Muy Buen curso, Muy practico, facil y sencillo para los que apenas estamos empezando

!!

f

Excelente curso, cortitos y al pie con excelente explicaci贸n!, ME ENCANTO!, me gustar铆a que haya una opci贸n de verlo todo seguido, 贸sea que este por partes o una opci贸n que dure la hora entera!, seria un golazo!

Estuvo muy bueno hay que profundizar a煤n m谩s para poder captar todo