Undefined Academy

Conviertete en un/una Full-stack JavaScript Developer durante 16 semanas completamente gratis y online.


馃摎 Contenidos

Semana 1

Configuraci贸n del ambiente de desarrollo (Prework)

  • Instalando Ubuntu en Windows 10/11

  • Instalaci贸n de Git

  • Configuraci贸n de las llaves SSH

  • Creando una cuenta de GitHub

  • Instalaci贸n de Node.js y Yarn

  • Primeros pasos con VS Code

Uso b谩sico de la Terminal

  • Conociendo la terminal

  • Comandos alias para la terminal

El mundo del Markdown

  • Sintaxis b谩sica de Markdown

  • Sintaxis saborizada en GitHub

Git: Control de versiones

  • C贸mo crear un repositorio local y hacer tu primer commit

  • Las ramas y el uso de merge en git

  • Entendiendo c贸mo funciona git rebase

  • Git y los repositorios remotos

Introducci贸n a HTML

  • Estructura b谩sica de una p谩gina web

  • Hiperlinks y media en HTML

Introducci贸n a CSS

  • Las hojas de estilos, propiedades y unidades en CSS

  • Modelo de caja en CSS

  • C贸mo funcionan los selectores en CSS

  • Pr谩ctica de selectores en CSS

  • C贸mo funciona el layout en CSS

  • Cascada y especificidad en CSS


馃帗 Tu profesor:

Guillermo Rodas

Ha ayudado cientos de desarrolladores a mejorar sus habilidades a la vez que crean productos de calidad.

Desarrollador Full-stack en JavaScript de Colombia viviendo en Suecia.Organizador de la CSS Community Dev, y CSS Conf Colombia.Google Developer Expert en Tecnolog铆as Web, y afiliado Twitch Streamer.

馃 Experiencia c贸mo educador

  • Profesor de 4 cursos en Platzi.

  • Coach t茅cnico en Platzi Master durante 2 a帽os.

  • Mentor del Bootcamp Front-end en World Tech Makers.

  • +40 charlas en diferentes meetups.

Guillermo Rodas


馃専 Testimonios

Estefany Aguilar

Sr. Frontend Dev @teffcode

Guille es un excelente profesional que conoce el por qu茅 de cada cosa y la explica de una manera incre铆ble.Gracias a Guille y a sus ense帽anzas en el Bootcamp, me enamor茅 del desarrollo web.

Carlos Azaustre

Google Dev Expert @carlosazaustre

Guillermo es un aut茅ntico todoterreno. Si alguien es Full-stack, es 茅l.No solo domina las tecnolog铆as tanto del Frontend como del Backend, adem谩s las explica de una forma natural y sencilla que te hace comprenderlo perfectamente.

Juan Garces

Sr. Product Designer @juangarcesme

Guillermo no solo es un gran desarrollador, tambi茅n es un excelente profesor.Una de las cosas que m谩s admiro de el es la forma en que puede transformar un tema complejo de explicar en un mensaje claro y facil de entender.


馃檵 Preguntas frecuentes

馃捀 驴Cu谩nto cuesta el bootcamp?
Es totalmente gratis.
驴Cu谩nto dura / intensidad?
Son 16 semanas estimadas con 10 horas semanales.
馃帓 驴Cuales son los requisitos?
Un computador con acceso a Internet y muchas ganas de aprender.
馃摴 驴Quedar谩 grabado?
S铆, pero las grabaciones solo ser谩n compartidas con los inscritos/as.
馃捑 驴Ya se programar, puedo asistir?
S铆, seguro aprender谩s algo nuevo.
馃師 驴Hay cupos limitados?
No hay limite para ver clases, pero las mentor铆as offline ser谩n limitadas.


馃弮 驴Qu茅 est谩s esperando?

Haz parte de una nueva generaci贸n de Full-stack JavaScript Developers.

馃帀 Gracias

鉁夛笍 Pronto enviaremos toda la informaci贸n para participar.馃専 Ayudame invitando a tus amigos y amigas. 馃専馃寛 隆Entre m谩s seamos, m谩s r谩pido iniciaremos!

馃摎 Contenidos

Semana 1

Configuraci贸n del ambiente de desarrollo (Prework)
- Instalando Ubuntu en Windows 10/11
- Instalaci贸n de Git
- Configuraci贸n de las llaves SSH
- Creando una cuenta de GitHub
- Instalaci贸n de Node.js y Yarn
- Primeros pasos con VS Code
El mundo del Markdown
- Sintaxis b谩sica de Markdown
- Sintaxis saborizada en GitHub
Uso b谩sico de la Terminal
- 锔廋onociendo la terminal
- 锔廋omandos alias para la terminal
Git: Control de versiones
- C贸mo crear un repositorio local y hacer tu primer commit
- Las ramas y el uso de merge en git
- Entendiendo c贸mo funciona git rebase
- Git y los repositorios remotos
Introducci贸n a HTML
- Estructura b谩sica de una p谩gina web
- Hiperlinks y media en HTML
Introducci贸n a CSS
- Las hojas de estilos, propiedades y unidades en CSS
- Modelo de caja en CSS
- C贸mo funcionan los selectores en CSS
- Pr谩ctica de selectores en CSS
- C贸mo funciona el layout en CSS
- Cascada y especificidad en CSS

Semana 2

Introducci贸n a la programaci贸n
- 驴Qu茅 es el c贸digo y los algoritmos?
- Sentencias y Expresiones en los lenguajes
- 驴Qu茅 son los operadores en programaci贸n?
- Valores y tipos en el c贸digo
- Lenguajes interpretados y Compilados
JavaScript 101
- Tipos y valores en JavaScript
- JavaScript y sus variables var, let y const
- Igualdades en JavaScript
- Falsy, Truthy y Nullish en JavaScript
- Objetos y sus propiedades en JavaScript
- Funciones puras y mutaci贸n en JavaScript
- Los operadores l贸gicos en JavaScript
- Condicionales y ciclos en JavaScript
- El alcance en JavaScript
HTML Sem谩ntico
- El esquema del documento en HTML
- Art铆culos y secciones 驴Cu谩l usar y porque?
- nav, header, footer y aside en HTML
- 驴Para qu茅 usar divs en HTML?
- time y address en HTML
- Los tags figure, figcaption, picture e img
Formularios con HTML
- Los forms cl谩sicos en HTML
- inputs en los formularios de HTML
- Estilos para formularios en HTML
- Diferencia entre enlaces y botones
- Estilos para tus botones de HTML
- Controles modernos para formularios
JSON, DOM y CSSOM
- El formato JSON
- 驴Qu茅 es el DOM?
- 驴Qu茅 es el CSSOM?

Semana 3

Flexbox y CSS Responsive
- 驴C贸mo funciona Flexbox?
- 驴Como funciona CSS Grid?
- C贸mo usar Flexbox y CSS Grid en conjunto
- Layouts modernas con Flexbox y CSS Grid
- Posicionamiento con CSS
- 驴Qu茅 es el Responsive Design?
- C贸mo hacer im谩genes responsive
Estructura b谩sica de un proyecto
- Proyectos en tiempo r茅cord con Parcel
- Webpack y c贸mo cambi贸 el modo de desarrollar
- Rollup la alternativa de Webpack
Frameworks de UI
- Introducci贸n a Bootstrap 5
- Introducci贸n a Tailwind CSS

Semana 4

Librer铆as de Javascript
- Introducci贸n a Lodash
- Introducci贸n a Day.js
- JavaScript Vanilla: sin Lodash o Day.js
CSS en la practica
- Extendiendo CSS mediante SASS
- Evoluci贸n de las Arquitecturas de CSS
- Design Tokens con CSS Custom properties

Semana 5

JavaScript Avanzado
- Aprende a usar Regex en tu d铆a a d铆a
- Herencia cl谩sica versus herencia de prototipos
- Programaci贸n funcional en JavaScript
- Closures y el significado de "this"
Programaci贸n asincrona
- Callbacks y el infierno de los callbacks
- Las promesas de JavaScript
- Los generadores en Javascript
- Async / Await en JavaScript
ES2015 y m谩s alla
- Template literals y la interpolaci贸n de Strings
- Diferencia de Rest parameters y Spread operator
- El ABC del destructuring en JavaScript
- La verdad sobre las arrow functions
- Map, Set, WeakMap y Weak Set
- Los for y el protocolo de Iteraci贸n
- Met贸dos en Array, Number, Object, - Boolean, String y Math
- Encadenamiento opcional y operador nullish coalescing

Semana 6

JavaScript en producci贸n
- 驴Qu茅 son los Shim y Polyfills?
- C贸mo usar correctamente Babel
- Minificaci贸n del c贸digo para producci贸n
- Uso efectivo de los Source maps
- Code Splitting y eliminaci贸n del c贸digo no usado
Introducci贸n a React
- Introducci贸n a React: JSX, Props Children y Estado
- Ciclo de vida moderno en React
- Eventos y Formularios en React
React avanzado
- Componentes de orden alto en React
- Patr贸n Render Props
- Todo sobres Hooks en React

Semana 7

Manejo de estado con Redux
- Redux: Acciones, Reducers, Store y Flujo de datos
- Acciones as铆ncronas y middlewares en Redux
- Mejora tu arquitectura con React Redux
- useRedux al rescate
Creando apps con React
- Creando un dashboard con Create React App
- Creando un dashboard con Next.js

Semana 8

Introducci贸n a Node.js
- 驴Qu茅 puedo hacer con Node.js?
- Diferencias entre Node.js y JavaScript
Introducci贸n a Express.js
- Crea un servidor con Express.js
- Todo sobre Middlewares en Express.js
Bases de datos NoSQL
- Introducci贸n a MongoDB
- 驴C贸mo conectarse a MongoDB desde Node.js?
- Las ventajas de usar Mongoose

Semana 9

Bases de datos SQL
- 驴Qu茅 es el diagrama entidad-relaci贸n?
- 驴C贸mo conectarse a PostgreSQL desde Node.js?
- Consultas esenciales en PostgreSQL

Semana 10

Creando una API
- Creando una API con Express.js
- Creando una API con Hapi.js
- Creando una API con Sails.js
- Usando Firebase c贸mo API

Semana 11

Autenticaci贸n y usuarios
- Autenticaci贸n con Passport.js
- 驴C贸mo funciona OAuth 2.o?
- Usando Auth0 para nuestros MVP

Semana 12

Introducci贸n a la seguridad Web
- 驴Que es injection y c贸mo evitarlo?
- 驴C贸mo implementar autenticaci贸n de manera correcta?
- 驴C贸mo evitar exponer datos sensibles en tus apps?
- Acceso, permisos y correcta configuraci贸n en un servidor

Semana 13

Introducci贸n a los servidores
- Permisos de usuarios y sistema de archivos
- Conexi贸n SSH a un servidor remoto
- Manejo esencial de VIM
Servidores como servicio
- Mi primer servidor en Digital Ocean
- C贸mo despliego mi app en Fly.io
- Despliega m谩s r谩pido con Vercel

Semana 14

CSS Avanzado
- Todo sobre tipograf铆a en CSS
- Transiciones y Animaciones en CSS
- Sistemas de Dise帽o con CSS

Semana 15

El mundo del testing
- Los principios del testing
- Unit testing en nuestras apps
- Snapshot testing en React
- C贸mo hacer buen mocking con los tests
- 驴Qu茅 son los tests funcionales o de integraci贸n?
- Tests de integraci贸n completa (E2E)

Semana 16

Contenedores
- Introducci贸n a los contenedores
- Instalando y configurando Docker
- Introducci贸n a Kubernetes
- Usando Kubernetes con Google Cloud Platform
Integraci贸n Continua
- Integraci贸n continua y despliegue continuo
- Configura tu ambiente de Integraci贸n continua