P L A N D E E S T U D I O

Front-end Avanzado
en React
Somos una academia de tecnología que busca
inspirar pasión por aprender, despertar la
curiosidad innata e incentivar el interés por la
exploración.

Generamos el espacio y la confianza para alentar a

cada uno que forma parte de esta comunidad a crear.
Sólo así puede existir un clima de posibilidades donde
el crecimiento y la innovación ocurran.

La curiosidad es el motor, la tecnología la

herramienta. React es un paso más en tu carrera
ascendete como developer
¿Cómo es la metodología basada
en proyectos de Acámica?
A lo largo de los 4 meses de la carrera vamos a desarrollar tres proyectos de
aplicaciones web, los cuales serán corregidos por expertos que te harán
devoluciones personalizadas. Para poder realizar los proyectos contamos con toda
la teoría en videos interactivos en nuestra plataforma online. También tendrás las
horas de encuentros con mentores para trabajar sobre los proyectos, clarificar
dudas y reforzar temas.

Etapa 1 - Proyecto de Reserva de alojamientos

El objetivos de esta etapa es identificar las necesidades y los beneficios de utilizar

un framework o librería VDOM, comenzar a utilizar las herramientas necesarias para
trabajar con esta tecnología y adoptar el paradigma de desarrollar UI a través de
componentes y estados.

Etapa 2 - Proyecto de NewsFeed

Luego profundizafemos los conceptos más modernos de JS (ECMAScript 2018) y

se avanzará en el desarrollo de aplicaciones web que cuenten con integración de
datos externos utilizando APIs, incorporando la necesidad de crear estructuras de
archivos escalables utilizando sistemas “boilerplate” que permitan la colaboración
entre grupos de desarrolladores y la integración de librerías externas.

Etapa 3 - Proyecto de Reward Store

Por último, simularemos un proceso profesional de desarrollo mediante la creación

de un proyecto integrador que contemple una estructura de datos de mayor
complejidad presentando la necesidad de incorporar herramientas de
administración de estados, navegación entre componentes y testeo de unidades,
utilizando Redux, React Router y Jest respectivamente.
¿Para quién es esta carrera?
Estos son algunos de los perfiles típicos de los estudiantes de la carrera de React en
Acámica. Esto no significa que si no te sientes identificado/a con ellos no puedes
aplicar. Simplemente sirve como una guía.

Desarrolladores que quieren emprender o buscan trabajar remoto para

empresas de USA o Europa

Desarrolladores de back-end de nivel Ssr o Sr que son nuevos en JavaScript

pero que desean un programa ágil para aprender el front-end moderno.

Graduados de carreras cortas de Desarrollo Web Full Stack que tienen buena
base de fundamentos de JavaScript y desean ampliar su salida laboral al
aprender del ecosistema React.

Desarrolladores Angular que desean aprender React para integrarlo en sus

bases de código existentes.

Desarrolladores de jQuery o Backbone que desean aprender un enfoque

más declarativo y basado en componentes para construir interfaces de
usuario.

Desarrolladores móviles nativos que desean ver de qué se trata React y su

excelente manera de trabajar componentes UI.

Desarrolladores front-end que deseen modernizar sus habilidades para

obtener un aumento o solicitar otro trabajo en compañías más grandes
Detalle temas por proyectos

Aplicación de
Reserva de alojamientos

Sistema de reserva de hoteles boutique con filtros por disponibilidad de fechas, características
y calificación de usuarios.

Virtual DOM: El corazón de la web moderna

Repaso por la historia de los browsers / el DOM
Primeros pasos de la web interactiva con DOM Manipulation
Identificando las necesidades de implementar un VDOM

Introducción a React
¿Qué es React y por qué es tan popular?
Trabajando con componentes
Creando UI a través de datos (States)

Hello React World

Renderizando elementos
Componentes y sus propiedades

Herramientas y sintaxis
La sintaxis de JSX
Utilizando condicionales
Trabajando con eventos
Aplicando clases de CSS y estilos

Profundizando conceptos
Estados (States)
Ciclo de vida (Lifecycle)
Reutilizando componentes (Class Components)
Separación de conceptos (Stateful / Stateless Components)

Más herramientas y sintaxis

Renderizado de listas
Eventos
Inputs del usuarios
Manipulación del DOM (refs)
Detalle de etapas

Aplicación
NewsFeed

Sistema de suscripción a feeds de noticias de distintos medios con filtros por categoría y
almacenamiento de preferencias de usuario persistentes.

Profundizando JavaScript con ECMAScript 2015 (ES6)

this
Promises
Nuevas expresiones y operadores (let / const)
Arrow functions

Creando proyectos de React

Eligiendo entre toolchains y boilerplates
Webpack
Babel
NodeJS

Entre servidores y clientes

Estructura de paquetes HTTP
Request methods
Status codes
AJAX
JSON

Trabajando con APIs

Endpoints
CORS
SDKs

Requests desde React

Axios / Fetch API
Requests desde React
Manejando la asincronía y las respuestas

¡A las nubes!
Compilando la aplicación
Publicando en un servidor
Detalle temas por proyectos

Aplicación
Reward Store

Tienda para canjear artículos con puntos de premio, con distintas categorías, búsqueda,
filtros y proceso de checkout.

Renderizado desde el lado del servidor

Entendiendo la necesidad
Creando un proyecto con Next.JS

Automatizando las pruebas de tu código

¿Qué es y para qué sirve el Unit Testing?
Integrando Jest en tu App de React
Snapshot Testing
DOM Testing con Enzyme

Introducción a Redux
¿Qué es Redux y para qué sirve?
Identificando las necesidades de implementar Redux
Entendiendo el Data Flow

Conceptos básicos de Redux

Diseñando la estructura de datos (State Tree)
Actions
Reducers

Integrando Redux en nuestra App

Obteniendo estados
Enviando acciones
Suscribiendo a cambios de estados

Progressive Web Applications

Service Workers
Workloads

Navegación con React Router

Integrando React Router
Creando rutas estáticas
Creando rutas dinámicas
Trabajando con rutas anidadas

Redux y los datos externos

Acciones asincrónicas
Entendiendo el Data Flow asincrónico
Usando Middlewares
PREGUNTAS
FRECUENTES
¿POR QUÉ ESTA REACT ES IMPORTANTE EN LA
ACTUALIDAD?
R ea ct s e h a conve rtid o e n lo s últi m o s añ o s e n la
tec n o l ogía que todos lo s d e sar r o llad o r e s f r o n t - e n d
deben conoce r. N o sólo p o r q ue e s un a te cn o lo g í a q u e
usan grande s compañ í as co m o F ace b o o k y Ne t fl i x, s i no
po r que ayu da a los de sar r o llad o r e s, d e un a m an e r a
sen c i l la, a constru ir in te r f ace s d e usuar i o s q ue usa n
dato s y que cambian to d o e l ti e m p o . P o r e so ho y e n d í a
es un a de las h abilida d e s m ás d e m an d ad as d e l m er c a d o .
¿NECESITO SABER ALGO DE PROGRAMACIÓN PARA
INSCRIBIRME?
S i , es ne ce s ario. De bes e st ar f am i li ar i z ad o co n
co n c eptos básicos de p r o g r am aci ó n co m o f un ci o ne s ,
va r i able s , obje tos y c lase s. E ste co n o ci m i e n to e s
i n depe ndie nte de l le n g uaje q ue ut i li ce p e r o la
ex p er i e ncia y/o los con o ci m i e n t o s e n d i se ñ o we b
-uti l i zando H TM L / CSS- y p r o g r am aci ó n we b - ut i l i z a nd o
JS / j Que ry- se rán de g r an uti li d ad .
. c o no c e r t o d a s l a s no v e d a d e s d e l o s l í d e r e s d el
¿CÓMO ES EL PROCESO DE ADMISIÓN Y CUÁNDO
RESERVO MI VACANTE?
E l pr o ce s o de admisión e s si m p le y p r i o r i z am o s la a c t i t u d
a l a hora de admitir estud i an te s a n ue str a car r e r a. E l
mi smo cons ta de 5 sim p le s p aso s: ap li caci ó n o n li ne ,
l l ama d o te le f ónico par a d e sp e jar d ud as y co n o ce r s i
so mo s la me jor opció n p ar a vo s, r e se r var la vacan t e ,
fo r mulario de admisión y e n tr e vi sta d e ad m i si ó n .
¿LAS VACANTES SON LIMITADAS?
Ca d a c o m i s i ó n t i e ne u n c u po l i m i t a d o . Cr e e m os en u na
e d u c a c i ó n pe r s o na l i z a d a , o r i e nt a d a a v í nc u l o s
h o r i z o nt a l e s qu e po t e nc i e n e l a pr e nd i z a j e a u tónomo d e
l o s e s t u d i a nt e s pe r o s i n d e j a r d e a c o m pa ña r l os.
Co nt a m o s c o n u n r a t i o d e d o c e nt e po r e s t u d i a nt e 1 :1 2 y
d e e v a l u a d o r t é c ni c o po r e s t u d i a nt e 1: 1. P o r e s t os
m o t i v o s , pa r a ge ne r a r a pr e nd i z a j e s s i gni fi c a t i vos,
m e nt o r e a r c o r r e c t a e i nd i v i d u a l m e nt e a t o d o s nu est ros
e s t u d i a nt e s y l o gr a r e x pe r i e nc i a s d e a pr e nd i z aje
e x i t o s a s , e s qu e nu e s t r o s c u po s s o n l i m i t a d o s .
¿POR QUÉ ES IMPORTANTE LA ENTREVISTA PARA
SER ADMITIDO/A?
N o s i nt e r e s a c o no c e r t e , s a b e r c u á l e s s o n t u s ob jet ivos,
l o gr o s y c r e a c i o ne s . E nt e nd e r qu é e s pe r á s d e l a carrera
a s í c o m o t a m b i é n s a b e r c ó m o no s c o no c i s t e y por qu é
no s e l e gi s t e , pa r a po d e r i d e nt i fi c a r s i e f e c t i v ament e
po d e m o s b r i nd a r t e l o qu e e s pe r á s .
S o m o s u n d e s a f í o pa r a t o d o s pe r o no pa r a c u a l qu iera.
Una a c a d e m i a pa r a l o s e s t u d i a nt e s qu e c o ns t ru y en el
f u t u r o . P a r a l o s qu e b u s c a n d e s t a c a r s e , s u pe rarse y
mercado.
¿POR QUÉ ES TAN IMPORTANTE COMPLEMENTAR
LO TÉCNICO CON LAS HABILIDADES HUMANAS?
T o d a s l a s e m pr e s a s d e t e c no l o gí a t r a b a j a n h oy
a pl i c a nd o f o r m a s d e t r a b a j o qu e l e s pe r m i t a n, en poco
t i e m po , c u m pl i r o b j e t i v o s qu e s e t r a d u z c a n e n
PREGUNTAS
FRECUENTES

ex p er i e ncias me dibles p ar a m e jo r ar . E st o s p r o ce sos no s o l o

r eq ui e re n de conocim i e n t o s t é cn i co s, si n o d e un a
meto d ología y h abilid ad e s d e t r ab ajo e n e q ui p o p a r a qu e
ver dade rame nte funci o n e n . Q ue ap r e n d as la f o r m a e n qu e
tr aba j an las me jore s e m p r e sas d e l m un d o , n o so lo t e v a a
per mi tir e ntrar a trab ajar a un a y t e aho r r ar á ti e m p o d e
ap r endizaje , sino que t am b i é n t e n e r la e xp e r i e n ci a d e c ó m o
tr aba j ar y se r me jor p r o f e si o n al.

¿TENGO QUE TENER COMPUTADORA PROPIA?

S í . E s la h e rramie nta p r i n ci p al d e t r ab ajo d e cualq u i e r

pr o fesional de l de s ar r o llo we b y un a d e las co sas m á s
i mpo r tante s que te nd r ás q ue t r ae r a clase s, jun t o c o n u n
pa r de auricu lare s y g an as. A d e m ás, te va a se r vi r pa r a qu e
puedas apre nde r a instalar y usar to d o ti p o d e
her r amie ntas , ve r los co n t e n i d o s o n li n e
y tr a bajar e n las activ i d ad e s q ue se hace n f ue r a d e l h o r a r i o
de cl as e pre s e ncial. P o r e so , e s i m p o r tan t e q ue tenga s e n
mente algú n lu gar con co n e xi ó n a i n t e r n e t , y a se a t u c a s a ,
un ca fé o e s pacio de co - wo r k i n g
.

¿QUIÉNES SERÁN MIS COMPAÑEROS/AS DE

CURSADA?

Nuestros e s tudiante s so n i n g e n i e r o s/ as, ar ti st as,

per i o dis tas, dis e ñador e s/ as, an ali st as fin an ci e r o s, ge nt e
que acaba de salir de la un i ve r si d ad , o q ue la ab an d o na r o n,
auto didactas y much o m ás. E n d e fin i ti va, p e r so n as qu e
busca n actualizar s us co n o ci m i e n t o s d e f r o n t e n d y t r a b a j a r
en l a compañías más i n n o vad o r e s d e la r e g i ó n y d el m u nd o .
Per o l o qu e los une a to d o s e s la cur i o si d ad y la p a s i ó n po r
co n struir e l futu ro, c o m o vo s. T o d o s i g ual d e cur i os o s y
ap asi onados por constr ui r e l f utur o , co m o vo s.
C O N TAC TO

h ol a @a cami ca.com
0 80 0-333-1077