CoderHouse Colombia Carrera Front End
CoderHouse Colombia Carrera Front End
CoderHouse Colombia Carrera Front End
FRONT END
Plan de estudios
CODERHOUSE es la nueva forma de
entender el trabajo. Estudiamos y nos
formamos porque estar en las últimas
tendencias digitales es la manera de estar
a la vanguardia en la sociedad. A través
de la formación digital podemos ser
independientes, conseguir el trabajo que
tanto nos interesa o llevar a la cima
nuestro propio emprendimiento.
Atravesamos una era donde los nuevos
rockstars son quienes saben vivir la vida y
disfrutarla. Por eso todos quieren ser Steve
Jobs o Mark Zuckerberg. Esto quiere decir
que ser un CODER es como ser un estrella.
#NERDS4EVER
FRONT END
En esta carrera de Front End aprenderás a crear un sitio web, te
sumergirás en las mejores prácticas del diseño web, trabajando
con HTML y CSS. Aprenderás a programar con Javascript y
React Js, lo que te permitirá realizar sitios más complejos,
dinámicos y escalables. Al finalizar la carrera podrás
desarrollarte como Front End.
MODALIDAD DURACIÓN
Clases Online en Vivo 24 semanas
Plan de estudios
Cursos de la carrera
1. Desarrollo Web
Aprende HTML, CSS y planificación de un proyecto web. Crea
tus propios sitios Web responsive desde cero, usando
herramientas básicas y al alcance de todos.
2. Javascript
Aprende todos los fundamentos de JavaScript y sus
módulos. Entiende cómo interactúa este lenguaje con
los diferentes componentes web.
3. React Js
Aplica y adapta tus conocimientos web al desarrollo de
aplicaciones SPA (Single page application) utilizando las
ventajas de React. Crea desde cero un desarrollo front end
con React JS
Plan de estudios
Nivel 1: Desarrollo Web
1. Prototipado y conceptos básicos de 6. Flexbox
HTML Qué es el Flebox, Propiedades de
Qué es un proyecto Web, Prototipado padres e hijos, Propiedades para el
desde el papel, HTML y Etiquetas contenedor Flex y Propiedades para
los Flex items
2. Primeros pasos con HTML
Listas, Tablas, Formularios y Enlaces 7. Grids
Implementar Grids y Grids Mobile First
3. Incluyendo CSS a nuestro proyecto
Multimedia con HTML: Imágenes, 8. Animaciones, transformaciones y
videos, audio, iframe. Bases del CSS y transiciones
Atributo Class Gradientes, Transformaciones.
Animaciones y Transiciones
4. CSS - Medidas, colores y fuentes
Estilos para Texto, Estilos para Listas, 9. Frameworks CSS + Bootstrap
Tipografías Web y Fondos Librerias y Frameworks, Bootstrap:
Estructura y Componentes
5. Box Modeling
Propiedades de la Caja,
Posicionamiento y Visualización
*Previo al inicio del curso, te ofrecemos la posibilidad de asistir a una "Clase 0" de nivelación (carácter optativo), para que
puedas introducirte en los conceptos básicos del Desarrollo Web, conozcas las herramientas que utilizaremos, e instales el
software.
Plan de estudios
10. Bootstrap + Themes 15. GitHub
Bootstrap con JS, Bootstrap Themes Clonar repositorio y GitHub Pages
y Responsive
16. Subida al Servidor
11. SASS I Dominio y Hosting
Preprocesadores CSS, Nesting, Import
y Vars, y BEM 17. Conociendo a nuestro cliente
¿Qué es un cliente? ¿Qué es un
12. SASS II usuario? Objetivos del Proyecto y
Operadores, Condicionales, Bucles y ¿Cómo hacer un presupuesto?
Maps
18. Proyecto Final
13. Servidores, Seguridad y SEO para Temas Principales, Objetivos
tu sitio Alcanzados, Recomendaciones
Servidores, Seguridad y SEO: Finales y Presentación de Proyectos
Conceptos básicos
14. Git
Comandos Básicos de la terminal,
Creando Repositorios, y Ramas
Plan de estudios
TEMARIO
Nivel 2: Javascript
1. Conceptos generales: Sintaxis y 4. Programacion avanzada con
variables funciones
Presentación Javascript: ¿para qué se Funciones: cómo se usan, Parámetros
usa? Sintaxis general, Variables y de funciones, Valores de retorno,
tipos de valores, Prompt, console.log y Variables globales y locales
alert
5.Objetos
2. Control de flujos Qué es un objeto, Función
Condicionales, operadores de constructora y new, Propiedades de
comparación y lógicos los objetos, Métodos de los objetos -
Método vs funciones y Uso del this
3. Funciones basicas + para público y privado
Ciclos/iteraciones
Estructuras de control, Funciones y sus 6.String y arrays: métodos sobre
propiedades básicas en JavaScript, los mismos
Sentencias break/continue y Otras Tipos de dato mediante función
estructuras de control typeof, Métodos para operar sobre
Strings, Arrays: cómo utilizarlos, y sus
funciones para operar sobre los
mismos
Plan de estudios
TEMARIO
Plan de estudios
TEMARIO
TEMARIO
Nivel 3: React JS
1.Nivelación y configuración del 6. Eventos, la técnica Promise y MAP
entorno
Nivelación HTML,CSS y JS, Sintaxis de 7. Aplicando consultas API
JS y ECMAscript 6, y la variable "This" API REST y Aplicación de una consulta
API a nuestro código
2. Virtual DOM
Definición, Ventajas de utilizar 8. Rutas, parámetros y enlaces
ReactJS, y NodeJS React Router y configuración de
nuestra app, Recibir parámetro por
3. JSX y CLI URL y Enlaces entre páginas
Qué es JSX, y Crear una aplicación
utilizando el CLI 9. Eventos y declaraciones
Eventos y cómo declararlos, y Eventos
4. Webpack disponibles en ReactJS
Definición y Webpack como servidor
de desarrollo 10. Aplicando eventos y parámetros a
través de ellos
5. Componentes en el virtual DOM Cómo recibir parámetros en los
Componentes, Tipos de componentes eventos, y aplicando eventos a
y Desarrollo sobre nuestra aplicación nuestro código
Plan de estudios
TEMARIO
TEMARIO
14. Workshop
Integración y Presentación de los
Proyectos Finales
Plan de estudios
CARRERA: FRONT END
[email protected]
www.coderhouse.com
instagram.com/coderhouse