Desarrollo Frontend Boot Camp Intensivo

Desarrollo Frontend Boot Camp Intensivo

Online

Desarrolla las habilidades para entrar a un trabajo como desarrollo Front End. Domina JavaScript y accede a uno de los campos laborales más demandados.



¿En qué consiste la Carrera Desarrollo Front End?

Programa que busca que sus estudiantes inicien una carrera en el desarrollo de web del lado de cliente con HTML, CSS y JavaScript. Con una metodología activa y en una modalidad intensiva el programa busca que se desarrollen habilidades para construir proyectos y entrar a un mercado laboral con muchas oportunidades.

Busca entregar competencias para desarrollar aplicaciones Front End complejas utilizando el framework React



Modalidad de clases para tu comodidad y aprendizaje

E-Learning / 16 semanas / Part-time

Programa intensivo de 16 semanas con 84 horas academicas de clases online mas material de estudio online. A la semana tendrás que dedicar 3 a 6 horas de estudio online y 3 sesiones de clases en vivo en una metodología de aprender haciendo. Esta modalidad permite complementar trabajo u otros estudios. Tendrás la flexibilidad necesaria para revisar los contenidos teóricos, para luego venir sumarte a clases con compañeros y equipo docente a desarrollar desafíos prácticos.

Valor del curso

USD $150,00
c

Horarios

Martes
Miercoles
Jueves
*

Duración

84 Horas
Compartir:

Contenido Programático

  • HTML

Módulo

  • Sesión
  • ¿Qué es HTML?
  • Qué es CSS y su importancia
  • Introducción a la maquetación HTML/CSS
  • Identificadores HTML y selectores CSS
  • Definición
  • Utilización
  • Jerarquía
  • Uso de Estilos
  • Ejercicio de Identificadores
  • Tag
  • Etiqueta
  • Identificador
  • Selector Múltiple
  • Compuesto
  • Propiedades de Caja (Box)
  • Alto
  • Ancho
  • Relleno
  • Márgenes
  • Bordes
  • Propiedades de Posición
  • Position
  • Absolute
  • Relative
  • Fixed
  • Static
  • Compuesta
  • Botones
  • CSS 2
  • CSS 3
  • Animaciones
  • Transiciones
  • Keyframes
  • Flex
  • Propiedades de Flex
  • CSS Grid
  • Propiedades de CSS Grid
  • Maquetación responsive
  • Sass
  • Variables
  • Anidamiento
  • Mixins
  • Mixins y frameworks
  • BEM
  • Bloques
  • Elementos
  • Modificadores
  • Git

Introducción:

  • Entornos de trabajo (Local, Desarrollo, Producción). 
  • Introducción al terminal en linux
  • Comandos básicos del terminal en linux
  • Introducción a Git

Introducción e instalación de Git

  • Configuración local y remota de Git
  • Diferencias entre Git (Clone ) y (Fork)
  • Clonando un repositorio
  • Guardando cambios en el repositorio
  • Histórico de confirmaciones (Log)
  • Deshaciendo cambios

Procedimiento básico para ramificar y fusionar:

  • Ramas en Git
  • Diferencias entre  (Merge) y (Rebase)
  • Resolviendo conflictos de fusión
  • Ignorando archivos
  • Resolviendo conflictos y realizando tareas (Issues) y (ToDo)
  • Etiquetando Versiones (Tag)
  • Git Flow
  • Repositorios en GitHub
  • Repositorios en Bitbucket
  • Repositorios en Gitlab
  • Herramienta de git en el editor
  • Herramienta gráfica para escritorio de Git
  • Javascript

Módulo

  • Sesión
  • Introducción a Javascript:
  • Historia. Guerra de navegadores
  • Estandarización
  • Qué son aplicaciones web
  • JS y sus aplicaciones actuales
  • Lenguaje interpretado y diferencias entre HTML y CSS
  • Usos de JS en la web
  • Herramientas:
  • Hello world por console.log y por document.write
  • Hello world desde VSCode, cómo conectar app.js con index.html
  • Debug con la consola del devtool
  • Tipos de datos:
  • comentarios
  • String
  • Numbers y operadores básicos
  • Booleans
  • Arrays
  • Objects
  • Variables:
  • Caracteres y palabras reservadas que no pueden usarse como variables
  • CamelCase vs PascalCase vs snake_case(UPPER_SNAKE_CASE) vs kebab-case
  • var, let y const
  • Operadores básicos:
  • Operadores de asignación
  • Operadores aritméticos
  • Operadores de comparación
  • Diferencia entre == y ===
  • Operadores lógicos
  • Estructuras de control / Control de flujo:
  • Bloques
  • if / else if / else
  • Falsy values
  • Switch
  • Ternario
  • Loops e iteración:
  • for loop
  • while
  • do while
  • break & continue
  • Funciones:
  • Declaración y ejecución
  • Usar nombres significativos para las variables y funciones
  • Parámetros y argumentos
  • Scope
  • Closure
  • Objeto arguments
  • Qué significa this en las funciones
  • .bind() .apply() y .call()
  • Manipulación del DOM
  • Qué es el DOM
  • Selección
  • Creación
  • Anexar
  • Eliminar
  • Alterar
  • Métodos de classList
  • .textContent & .innerHTML(peligros de éste)
  • Eventos
  • Asincronía:
  • Cómo funciona
  • Promises
  • Encadenar promises
  • Promises en paralelo
  • async/await
  • Peticiones a API's
  • Cómo funciona la web / Modelo cliente-servidor
  • fetch nativo
  • Clases en JS
  • Qué son realmente? Cómo funcionan?
  • Métodos y propiedades
  • Prototypes y la verdad oculta sobre las clases en JS
  • ES6 y JS moderno:
  • Default and rest parameters
  • Arrow functions
  • Spread operator
  • Object destructuring
  • Template literals
  • Computed property names
  • Métodos de utilidad de arrays
  • Métodos que no mutan arrays
  • Métodos de utilidad de objects
  • React y Redux

Módulo

  • Sesión
  • Intro:
  • Qué es React y qué problemas resuelve
  • Cuáles eran las alternativas antes de React
  • Single Page Application
  • Virtual DOM
  • Componentes: la unidad de React
  • Qué son babel y webpack
  • Instalación de Create React App
  • Estructura de las carpetas en CRA
  • Qué es JSX
  • JS lado a lado con marcado de etiquetas?
  • Componentes:
  • Importar y exportar módulos
  • React y ReactDOM
  • Hello World: primer componente
  • Componentes funcionales
  • JS más complejo dentro de JSX
  • Introducción a los hooks y estado interno:
  • useState
  • Flujo unidireccional de datos
  • Composición:
  • Separación de intereses
  • props
  • children props
  • Reusabilidad de componentes
  • Formularios y eventos:
  • Eventos y handlers
  • Eventos sintéticos
  • Componentes controlados
  • React Router:
  • Por qué usar rutas?
  • Navegación básica
  • Rutas dinámicas
  • Re-dirección
  • Introducción a estilos y CSS:
  • CSS import
  • CSS modules
  • Inline styles
  • Referencia: styled-components
  • Peticiones a API's:
  • Ciclos de vida
  • useEffect
  • Las reglas de los hooks
  • Extraer data con axios
  • Custom hooks
  • Funcionalidades avanzadas:
  • Refs y el DOM
  • Contextos
  • HOC's
  • Render props
  • Referencia - Generación anterior y componentes de clase:
  • Constructor de clase
  • this.state
  • setState y método render
  • Object initializer
  • Events handlers y .bind()
  • Ciclos de vida de componentes de clase
  • Servicios externos:
  • Hosting
  • Almacenar y recuperar data desde una API
  • Redux:
  • "Fuente única de la verdad"
  • store/reducer/actions
  • react-redux
  • Creación del store
  • Conexión con react-redux Provider
  • Reducer
  • Relación entre store y reducer
  • Selectors
  • useSelector
  • Actions
  • Action creators
  • Dispatch actions
  • useDispatch
  • Memoizando selectors con reselect
  • Dispatch de forma asíncrona con thunks

Próximos Cursos

No hay cursos programados actualmente

¿Deseas ser notificado de la próxima fecha disponible de este curso?

Política de reembolso

En caso de que no puedas asistir a algún curso de Escuela Web, C.A en las fechas especificadas, puedes transferir el crédito a otro curso o recibir el crédito para uso posterior. Sin embargo, el alumno debe informar por escrito vía e-mail a: [email protected] al menos 5 días hábiles antes del comienzo del curso. Dicho crédito puede ser aplicado al costo de cualquier curso a futuro dentro del año siguiente a la fecha de emisión.

Si nos contactas en menos de 5 días hábiles antes del comienzo del curso, tendrás derecho a un crédito del 50% del costo del curso. Si nos contactas el primer día de clases o después de alguna de las clases del curso, no habrá devolución de ningún tipo.

Sólo hay devoluciones en caso de cancelar un curso o por las razones descritas anteriormente. Las devoluciones son procesadas dentro de 15 días hábiles después de la aprobación del pedido de reembolso.

Ubicación y Contacto


Datos de contacto

Teléfonos

+58 (212) 953.01.46
+58 (212) 414.67.24

Correo Electronico

[email protected]
[email protected]

Horarios de Atención

Lunes a Viernes
8:30 am - 1:00 pm / 1:30 pm - 5:00 pm

Redes Sociales

Twitter: @escuelawebla
Facebook: EscuelaWeb En Facebook

Métodos de pago

La Escuela Web te ofrece un servicio integrado donde puedes inscribirte, reservar y realizar pagos directamente desde nuestra plataforma Web, sin tener que salir de la comodidad de tu hogar. Nuestra plataforma te permitirá cancelar por medio de Transferencia o Deposito Bancario.


mercadopago