Empezamos el Bootcamp FullStack gratuito con una introducción. Este curso es una introducción al desarrollo web moderno con JavaScript. El enfoque principal está en las aplicaciones de una sola página implementadas con React y que las soportan con servicios web RESTful y GraphQL implementados con Node.js también veremos TypeScript y React Native, además de bases de datos NoSQL.
{{< img align="center" src="/images/youtube-suscribirme.png" >}}Fundamentos del Desarrollo Web
En la primera clase conocemos mejor a qué nos referimos cuando hablamos de Desarrollo Web. Repasamos conceptos básicos a la hora de hablar de la web y las partes que lo componente.
{{< youtube id=“wTpuKOhGfJE” >}}
Aprendiendo JavaScript y React desde cero
Segunda clase del Bootcamp FullStack gratuito para ver qué es Javascript, algunas de sus características e iniciarnos en React.js.
{{< youtube id=“YLvT1ELnaX4” >}}
JavaScript lo iremos viendo de forma progresiva a lo largo del curso. De forma que en esta clase se presenta lo necesario para poder iniciarnos con React, la biblioteca de Facebook para construir interfaces de usuario.
Más React: estado y manejo de eventos
Cómo manejar matrices en el estado, buenas prácticas del State en React, reglas de los hooks, funciones que devuelven funciones, manejo de eventos como click en React y mucho más.
{{< youtube id=“5KvlQDYDZwY” >}}
Seguimos con React: renderizar listas de elementos y formularios
Aprendemos a renderizar un Array en React gracia al método .map
. Además, veremos la necesidad de usar la prop especial key
y por qué es necesaria.
Después vamos a usar los formularios y veremos cómo podemos controlarlos en nuestra aplicación de React.
{{< youtube id=“yPYzj9Gv9y4” >}}
Fetching y Mutación de Datos en React con el hook useEffect
Vemos cómo recuperar datos de una API y cómo debems utilizar el hook useEffect
para mostrar loos datos recuperados al usuarioo. También haremos llamadas para cambiar dats en una base de datos y veremos cómo tenemos que separar estos servicios de los componentes de React.
{{< youtube id=“JEWFdKmr5wM” >}}
Aprendiendo Node.JS y Express desde cero para crear una API
En esta clase vas a aprender Node.JS desde cero y vas a descubrir el framework Express, el framewrk por excelencia para crear APIs y servicios en Node.js.
{{< youtube id=“o85OkeVtm7k” >}}
Configura el linter ESLint y DEPLOY de tu API con Heroku
Vamos a asegurarnos que no cometemos errores en nuestro código de JavaScript, gracias a configurar el Linter. Además, haremos deploy en Heroku de la API que hemos construido con Node.js y Express.
{{< youtube id=“ep_plUeKV1Y” >}}
Próximamente… Testing!