FRONT-END DEVELOPER BOOTCAMP

Formación Disruptiva Inteligente

Avda. General Perón 38 Ed. Master I, 4ª Planta

28020 MadridTel.: +34 910 259 748

info@e-cap.eswww.e-cap.es

Prácticas Remuneradas

Formación Disruptiva Inteligente

Te damos la bienvenida a e-cap, la primera escuela de consultoría aplicada dentro del entorno digital actual, especializada en la formación transversal de la consultoría.

En el mundo empresarial actual los compromisos y objetivos son cada vez más amplios y complejos. Las empresas necesitan internacionalizarse para crecer en los mercados exteriores. Esto las obliga a una mayor especialización y conocimiento innovador a la hora de gestionar los nuevos ámbitos de consultoría en entornos dígitales, la llave del futuro, por lo necesitan contratar profesionales que sepan realizar una adecuada estrategia.

Si tu objetivo es ser un gran profesional en consultoría o te inquieta no estar actualizado en el entorno actual + digital en este sector, e-cap es tu escuela, referente del mercado en la formación, en todos los ámbitos de la consultoría.

Porque nuestra misión es formar y capacitar a nuevos líderes, expertos consultores, a través de profesionales de prestigio especializados, cualificados y experimentados en los distintos sectores de la consultoría, así como mejorar las competencias y habilidades de los que ya ejercen la profesión, desarrollando nuevos conocimientos para estar totalmente actualizados en el entorno digital y en las nuevas tendencias en gestión.

En e-cap disponemos de programas, cursos y másters en las áreas más demandadas del mercado, en dónde, además de aportar la herramientas necesarias para ampliar tus conocimientos y horizontes, y formarte para construir y completar tu perfil profesional, aportamos unos valores que forman parte de nuestro ADN y que, entendemos que son fundamentales para una carrera llena de logros y éxitos.

HONESTIDAD, COMPROMISO, EXPERIENCIA, PROFESIONALIDAD E INNOVACIÓN

En definitiva, trabajamos constantemente ser La Primera Escuela en Formación Disruptiva Inteligente

Inmaculada Salcedo MorenoGerente e-cap

¿Sabías que el puesto de Front-End Developer es uno de los más demandados en la actualidad?

Ahora mismo las tecnologías nos permiten desarrollar cualquier idea que pase por nuestra mente. Más allá de las típicas webs corporativas, ahora podemos crear aplicaciones y herramientas completas a las que accedemos mediante el navegador web.

Esto nos da la posibilidad de usarlas desde cualquier lugar del mundo con acceso a Internet y desde cualquier dispositivo que tenga navegador web. Estas ventajas hacen que la mayoría de las nuevas aplicaciones se desarrollen con tecnologías web, y que muchas empresas estén migrando sus soluciones antiguas.

El puesto de desarrollador Front-End es uno de los más demandados actualmente (según publica Hired en su último informe sobre IT). Front-End Developer es el 3ºperfil más demandado por las empresas tecnológicas. Además, tres de las tecnologías web que se aprenderán en nuestro Bootcamp se posicionan en el TOP 5 de las skills más demandadas, con JavaScript en el 1º puesto, HTML en eL 4º puesto y CSS n el 5º puesto. Por otra parte, a nivel nacional, el mapa del empleo de la Fundación Telefónica también refleja este dato, situando el puesto de Front-End Developer como la 3º posición digital más demandada de España.

La elección de React como framework de desarrollo web no es casual, ya que se trata del framework de JavaScript que se ha convertido en tendencia, registrando el mayor crecimiento desde 2015, superando a sus competidores Angular y Vue.

Finalmente, en muchos casos las formaciones relacionadas se centran exclusivamente en aspectos técnicos, dejando de lado una serie de conocimientos y habilidades fundamentales para tener éxito como profesionales el seno de una empresa. Es por esto que el enfoque del presente Master busca que el alumno tenga la oportunidad de experimentar durante la propia formación un contexto similar al que puede encontrase en su futuro puesto de trabajo, disponiendo así de un espacio donde desarrollar las destrezas necesarias para desenvolverse en el mercado laboral actual.

Presentación

Te enseñaremos desde cero las siguientes tecnologías web:

• Sintaxis y fundamentos de HTML5 y CSS3• Sintaxis y fundamentos de JavaScript• Creación de páginas web estáticas y dinámicas usando HTML5 CSS3 y Javascript• Fundamentos del framework de desarrollo web React• Creación de aplicaciones web (SPAs) usando React• Conocimiento básico de Git• Base práctica de metodologías ágiles• Tips para la entrada al mundo Laboral: curriculum y entrevistas• Desarrollarás capacidades técnicas• Capacidad para analizar requisitos • Tabajo en equipo creativo y resolución de problemas

• HTML5 • JavaScript• CSS3 • React

Qué aprenderás

A quién va dirigido

> Recién graduados> Personas que quieran dar un giro a su carrera> Personas que tengan curiosidad por la programación web y todo lo que

puede llegar a crearse con ella.

Objetivo

1.- El Front-End Developer Boocamp consiste en una formación en las principales tecnologías del momento: HTML5, CSS3, Javascript y React, así como el resto de habilidades relacionadas con el puesto de desarrollador Front-End.

2.- Una vez superados los contenidos, en un periodo de cuatro meses, el alumno habrá adquirido los conocimientos y capacidades para entrar en el mercado laboral como Front-End Developer.

Las sesiones son presenciales divididas en dos partes, primero, se presentará el contenido teórico y, posteriormente, ocupando la segunda parte, se realizarán los ejercicios prácticos relacionados con el material impartido con apoyo del profesor. Estos ejercicios serán individuales y/o colectivos, para que se desarrolle el trabajo en equipo y el aporte creativo.

Cada semana se dará a los alumnos ejercicios extra que puedan realizar durante el fin de semana y continuar afianzando los conocimientos.

Las clases serán dinámicas y participativas, promoviendo la interacción continua entre todo el grupo.

El desarrollo de curso incluye dos proyectos a realizar. El primero será a nivel individual, para asegurar el aprendizaje de los conceptos. El segundo será en grupo, creando una aplicación real con los compañeros, simulando los flujos de un entorno laboral.

Los profesores estarán siempre disponibles durante toda la formación para dar soporte y apoyar el aprendizaje de cada uno de los alumnos.

> Introducción

> Sintaxis y fundamentos de HTML5 y CSS3

> Sintaxis y fundamentos dee Javascript

> Creación de páginas web estáticas y dinámicas

> Proyecto individual: Web dinámica

> Fundamentos de React

> Proyecto en grupo: Aplicación Web

> Fundamentos de Git

> Metodologías ágiles

> Tips curriculum y entrevistas

CONTENIDO DEL PROGRAMA

> Bienvenida

> El entorno digital.

> La tecnología web.

> Lenguajes de programación web y su aplicación a proyectos.

> Diferencia entre: Front-end y Back-end.

> Primeros pasos con el inspector web

> Análisis de tendencias de diseño web. (AWWARDS Y CODROPS)

> Fases del proceso web (cliente, UX, Ul/Diseño , Front , Back)

> Layouts y tipos de estructura.

> El color en la web (colores, paletas, Complementarios, etc.)

HTML5 Y CSS3

> Tipografía en el entorno digital (Estilo, tamaño, etc)

> Pixel Perfect.

> Contenidos multimedia como audio, imágenes ,videos (tipos, procedencia, peso, rendimiento)

> Principios de usabilidad (UX / UI) y prototipado digital ( Adobe XD CC ).

> Conceptos: Diseño Mobile First, Diseño responsive, Diseño Grid.

> Introducción a HTML 5.2 Próxima aprobación de HTML5.3

> DIV (Etiquetas y cómo se escriben)

> Etiquetas de secciones y contenidos (HTML Semántico)

> Loren ipsum. ¿Qué es?

> Párrafo,encabezado, destacado, cursiva, negrita, salto de línea, span.

> Enlaces: Absolutos, Relativos y rutas.

> Imágenes, Imágenes dentro de un enlace, etiqueta figure, formatos (jpeg, png, gif, svg, webp).

> SVG: Uso para iconos.

> Iframe

> Vídeo (propio, youtube , vimeo)

> Audio

> Listas.

> Tablas

> Formularios.

> Interactivos: details y summary.

> Selectores básicos, avanzados y Pseudo-elementos.

> Unidades de medida clásicas, calc() y unidades avanzadas (vw y vh).

> Tipografía segura, @font-face y Google Fonts.

> Width y height

> Backgrounds

> Border

> Margin

> Padding

> Flujo de capas

> Position

> Z-Index

> Animaciones: Transition, Animation y @keyframes.

> Maquetación clásica flotante.

> Maquetación Flexbox.

> Introducción con CSS Grid.

> Preprocesadores: Diferencias y ventajas

> SASS: Introducción, @media y @mixin.

> LESS y Fire Sass. ¿Qué son?

> Newsletter: Maquetación en tablas y Clientes de Correo.

> ¿Qué es PHP?

> ¿Qué son los gestores de contenido (Wordpress, Drupal, Joomla, Prestashop, Magento)?

> Validadores W3C de HTML 5 y CSS3.

> Google AMP.

> Google PageSpeed Insights.

> Conceptos sobre la subida de archivos vía FTP y el paso de producción.

> Introducción al lenguaje• Estructura

• Valores

• Variables

• Expresiones

• Operadores

• Comentarios

• Ámbito (Scope)

• EcmaScript

• This

• Modo estricto

• Módulos

• Punto y coma

• Insercción en HTML

JavaScript

> Tipos• Introducción

• Strings

• Números

• Booleanos

• Null y undefined

• Símbolos

• Objetos

• Castings

> Estructuras de control• Introducción

• If/else

• Switch

• Bucles

• Scope en los bucles

> Arrays• Introducción

• Añadir elementos

• Eliminar elementos

• Borrar

• Ordenar

• Extraer elementos

• Iterar

• Unir

• Transformar

• Arrays de objetos

> Funciones• Introducción

• Arrow functions

• Parámetros

• Return

• Recursividad

• Closures

• Hoisting

• Funciones anidadas

> Objetos• Introducción

• Propiedades

• Métodos

• Prototipos

• Clases

• Clonado de objetos

• Mezclado de objetos

> Librerías Standard• Date

• Json

• String

• Math

• Expresiones regulares

• Set y Map

• Errores

> Depuración

> Asincronía• Temporizadores

• Callbacks

• Promesas

• Async/Await

> Interacción con el DOM• Eventos

• Los objetos document y window

• Selectores

• Crear y agregar nodos

> AJAX• Concepto

• Fetch

> Javascript Funcional• Introducción

• filter

• map

• Reduce

> Conceptos base• Single Page Application

• El DOM Virtual

• Flujo de datos unidireccional y reactividad

> Componentes• Concepto

• JSX

• Props

• Estado

• Stateless vs Statefull

• Ciclo de vida

• Estilos

> Profundizando• Eventos

• Formularios

• Referencias

• Portales

• Context API

• Componentes de alto nivel

• Code splitting

• Hooks

> Ecosistema• React Router

• Redux

• GraphQL

• Otros

React

Impartición del curso

El mes de Octubre comenzarás a aprender las bases de HTML, CSS y JavaScript. Aquí entra una de nuestras novedades formativas, lo harás de manera simultánea, aprenderás JavaScript, mientras aprenderás HTML5 y CSS3 compaginando distintos días en la semana, de esta manera nuestro plan formativo está pensado para que veas las convergencias entre los tres lenguajes y entiendas como se relacionan al crear un proyecto web.

El mes de Noviembre, una vez que ya hayas adquirido los pilares base, empezarás a integrar las tres tecnologías para crear soluciones reales sin que se te mezclen los conceptos.

El mes de Diciembre será para empezar a conocer React, el framework con el que estamos desarrollando el principal producto de nuestro empresa y donde empezarás a poner en práctica todo lo aprendido anteriormente.

Enero será nuestro mes más entretenido. Haremos un repaso de lo aprendido y empezaremos a trabajar en los proyectos individuales y en equipo. Aquí empezarás a conocer metodologías de trabajo ágil como Scrum y la manera de organizar un proyecto real.

En este momento trabajaremos tal cual lo harías en una empresa realizando tus prácticas remuneradas

Full-Stack Developer & Development Manager en la empresa SmartyHub

Front-End Development Manager SmartyHub

Docente: Santiago García Díaz

Docente: Iván García García - Risco

https://www.linkedin.com/in/santiago-gonzalo-garcía-díaz-0633b02b

https://www.linkedin.com/in/ivangarciadisenoweb/

Detalles de la formación

> Los participantes recibirán un material teórico online de cada sesión, así como ejercicios para realizar en el aula.

> Cada semana se entregarán además algunos ejercicios extra para realizar durante el fin de semana.

> El alumno recibirá el material teórico online de cada sesión, así como los ejercicios para realizar en el aula. Cada semana se entregarán además algunos ejercicios extra para realizar durante el fin de semana. Al finalizar el curso se entregará un diploma acreditando la realización de la formación.

> Posteriormente, el alumno podrá comenzar sus prácticas remuneradas.

Zona: Azca-CuzcoHoras totales: 440hModalidad: PresencialComienzo: El 7 de octubre al 11 de abril Prácticas Remuneradas: Al finalizar el periodo lectivoHorario: De lunes a jueves de 19 a 22 horasCoste: 5750€(Grupos reducidos)

OTRAS ÁREAS DE FORMACIÓN

ESPECIALIZACIÓNCURSOS DE CONSULTORÍA

> Nuevas Tendencias en Recursos Humanos (convocatoria octubre 2019)

> Agile Management (convocatoria enero 2020)

> Ciberseguridad (convocatoria febrero 2020)

> Dual para Consultores (convocatoria octubre 2019-marzo 2020)

> Senior para Profesionales (convocatoria noviembre 2019 enero 2020)

MASTER

¿QUÉ Y PARA QUÉ? ÚLTIMAS TENDENCIAS.

> Front-End Developer Bootcamp (convocatoria octubre 2019)

> Big Data y Analítica Digital (convocatoria febrero 2020)

> Agile para Directivos (convocatoria septiembre 2019)

> Compliance para Directivos (convocatoria octubre 2019)

> Gestión de Redes Sociales para Directivos (convocatoria julio 2019)

> Redes Sociales para Directivos (convocatoria julio 2019)

> Neuromarketing para Directivos (convocatoria septiembre 2019)

> Inteligencia Artificial para Directivos (convocatoria septiembre 2019)

ORGANIZATIONAL SKILLS

> Acceso a la Empresa

Formación Disruptiva Inteligente

Avda. General Perón 38 - Ed. Master I, 4ª Planta - 28020 MadridTel.: +34 910 259 748 - info@e-cap.es - www.e-cap.es