Curso Desarrollador Frontend (Summer Camp)

Duración

64 horas (48 horas lectivas + 16 horas proyecto final)

Fechas y Horario

Clases (presenciales): Del 3 al 20 de Julio. De Lunes a Jueves de 16.00 a 20.30 horas con media hora de descanso a las 18:00.

Proyecto (en remoto): Del 24 al 31 de Julio.

Ubicación

Calle Ferrer del Río, 35, Madrid (Mapa)

Mapa Calle Ferrer del Río, 35, Madrid

Resumen

Día tras día, el número de opciones disponibles para hacer un desarrollo front se incrementa. Decenas de frameworks disponibles con vidas efimeras y una gran falta de base en los pilares de muchas tecnologías son comunes entre los profesionales del sector.

Con nuestro curso de Frontend Developer durante la primera semana podrás empezar de cero con el lenguaje de programación TypesSript (un superconjunto de JavaScript), podrás aprender preprocesar hojas de estilo con el potente Sass, y automatizar la construcción de tus proyectos web con Webpack, máximizando tu productividad. En la segunda semana, afianzaras conocimientos y ampliarás a temas más sofisticados como son el diseño responsive con Bootstrap y la creación de componentes reutilizables con Webcomponents. Finalmente la última semana aborda Angular con Angular Cli en su última versión para crear aplicaciones front potentes y sofisticadas.

Acabarás las tres semanas del curso con los conocimientos necesarios para empezar un proyecto web frontend nuevo, enterder ese código que se te "resistía" y por supuesto poder buscar nuevas posiciones profesionales. Para ello una semana final de proyecto, afianzará todo lo aprendido en el curso.

Participantes

Esta curso esta dirigido a ti que eres un programador / analista / desarrollador / arquitecto que trabajas con JavaScript y que deseas desarrollar tu trabajo técnica en la parte de front-end.

Perfil Requirido

Necesitarás tener experiencia con el lenguaje de programación Javascript, Te recomendamos también conocimientos de HTML5 y CSS· previos para poder comprender la materia del curso. Estar familiarizado con Node te ayudará. No queremos perder tu tiempo, ni el nuestro antes de inscribirte en el curso deberas mantener una entrevista con el formador para ver que estas preparado para aprovecharlo.

Metas de Aprendizaje

  • Entender que ventajas supone el uso de TypeScript en un proyecto front y dominar el lenguaje.
  • Crear potentes hojas de estilo y transformaciones con Sass.
  • Automatizar el proceso de construccion de tu solución web con Webpack.
  • Crear interfaces de usuario responsive con Bootstrap.
  • Reutilizar componentes entre proyectos con Webcomponents.
  • Crear sofisticadas aplicaciones web con Angular, dominando todas las técnicas que el lenguaje permite.
  • Intereactuar con tu aplicacion angular desde Angular Cli.

Metodología

A programar se aprende programando. El curso es un 80% practico. Se dan explicaciones teoricas cuando es necesario pero el resto del tiempo lo que de hace es "picar, picar y picar" código. Lo sentimos pero no hay otra manera. Nuestros profesores explican sobre código y juntos vamos ir escribiendo ejemplos, desarrollando ejercicios y discutiendo aplicaciones ya desarrolladas. Hay transparencias en este curso, pero son menos importantes que la documentación de referencia oficial, que es lo que usarás en tu día a día posterior.

Proyecto

El proyecto tiene como objetivo realizar una mini aplicación completa desde 0, (independiente de los ejercicios de clase), esta aplicación tendrá como objetivo usar todas las tecnologías aprendidas y poner en práctica los conocimientos adquiridos. El proyecto tendrá un alcance lógico para la duración asignada y será validado por el profesor. Durante el periodo de proyecto el profesor estará pendiente de tus dudas para que puedas hacer las cosas sin “atascarte”, ni perder el tiempo.

Herramientas

Trae tu portátil. Usaremos las últimas versiones Visual Studio Code, TypeScript, Sass, webpack, Bootstrap y Angular.

Soporte y Ayuda

Presencial los días del curso y vía email durante el desarrollo del proyecto. Tendremos además un canal de Slack dedicado al curso para el profesor y los alumnos.

Entrevista

No queremos que pierdas tu tiempo ni queremos perder el nuestro, concierta cuanto antes con nosotros una entrevista virtual (google hangout, skype) con el formador para que validemos tu idoneidad para el curso, a fin de crear un grupo nivel homogéneo que aproveche al máximo el curso.

Formador

Fernando Silvano Gil Pérez

Fernando Silvano Gil Pérez

Contenidos

Semana 1: TypeScript,
Sass y Webpack

  1. Introducción a TypeScript
    • Introducción
    • Lo necesario para empezar a utilizar TypeScript
  2. Fundamentos de TypeScript
    • El Sistema de tipos
    • Formas de objetos e interfaces
  3. Conceptos orientados a objetos en TypeScript
    • Clases
    • Herencia (Subclasificación)
    • Interfaces
    • Implementación
    • Funciones
    • Sobrecarga
    • Genéricos
  4. Otras características de TypeScript
    • Módulos
    • Fusión de declaraciones
    • Mixins
    • Integración con Librerías externas
  5. Sass
    • Reutilización de valores con variables
    • Reutilización de las normas con Mixins
    • Escribir CSS conciso vía reglas anidadas
    • Cálculos con operadores
    • Funciones
    • Agrupación de elementos utilizando espacios de nombres
    • Comentarios y Escape
    • Importación de archivos
    • Precompilación
  6. WebPack
    • Introducción
    • Fundamentos de construcción
    • Añadir recursos y estilos
    • Herramientas
    • Uso de frameworks

Semana 2: Bootstrap 4
y Web Components

  1. Introducción Bootstrap 4
  2. Funcionalidades disponibles
  3. Estructura básica de nuestro proyecto
  4. Creación del layout de la página
  5. Componentes adaptativos para un diseño fluido
  6. CSS
    • Sistema de grids
    • Tipografía
    • Tablas
    • Formularios
    • Botones
    • Imágenes
    • Responsive design
  7. Componentes
    • Iconos: GlyphIcons vs FontAwesome. Otras fuentes
    • Elementos generales:
      • dropdowns
      • botones
      • inputs
    • Elementos de navegación
    • Elementos de ayuda al usuario:
      • breadcrumbs
      • paginación
      • etiquetas y badges
    • Elementos para destacar información:
      • jumbotron
      • cabeceras
    • Elementos de información de proceso:
      • alertas
      • barras de progreso
    • Media
    • Elementos contenedores:
      • thumbnails
      • Listgroup
      • panels
      • wells
  8. Plugins
  9. Web Components
    • Extendiendo elementos
    • Templates
    • Shadow DOM
    • Especificación Import
    • Ciclo de vida
    • Custom elements sencillos y sus HTML import

Semana 3: Angular 4
y Angular CLI

  1. Introducción a Angular 4
  2. Arquitectura
  3. Datos
    • Interpolación
    • Plantillas
    • Inicialización de componentes
    • NgFor, NgIf
  4. Eventos de entradas de usuario
    • Objeto $event
    • Key.enter
    • On blur
  5. Formularios
    • Plantillas para formularios
    • Component decorator
    • Variables locales de plantilla
    • ngSubmit, ngModel, ngControlName
    • propiedad valid
    • Control de botón submit con validaciones de NgForm
  6. Inyección de dependencias
    • Configuración de Angular Injector
    • Registro de proveedores en un componente
    • Creación implícita de un inyector
    • Servicios Singleton
    • @Injectable
    • Proveedores
    • Tokens de inyección de dependencias
    • Módulos
      • Añadir componentes, tuberías y servicios a un modulo
      • Creando un modulo
      • Duplicidad de directivas
      • Carga de un módulo y sus dependencias
      • Compartir módulo y dependencias
    • Rutas
      • Configurar Rutas
      • Redirección de Rutas
      • Rutas dinámicas
      • Parámetros
      • Rutas hijas y auxiliares
      • Control de accesos
  7. Sintaxis de plantillas
    • HTML
    • Interpolación
    • Expresiones
    • Consultas
    • bindings
    • Directivas existentes
    • Variables de plantillas
    • Propiedades de entrada-salida
    • Operadores de expresiones
  8. Angular CLI
    • Configuración
    • Crear una nueva aplicación
    • Cervicio de la aplicación
    • Creando componentes, rutas y demas
    • Testing y linting
    • Repaso de comandos
    • Integrar librerias y aplicaciones

Libro Recomendado

ng-book 2
Ari Lerner, Felipe Coury, Nate Murray y Carlos Taborda
Noviembre 2016
626 páginas
ISBN: 9780991344611
https://www.ng-book.com/2/

Precio

800 € trabajadores
700 € trabajadores - Early Bird (hasta el 16 de junio)
600 € trabajadores semanas 2 y 3 + proyecto
500 € trabajadores semanas 2 y 3 + proyecto - Early Bird (hasta el 16 de junio)
400 € estudiantes/desempleados (25% plazas reservadas)
Reserva de plaza 10% del importe del curso.
El resto del importe una semana antes de empezar.

Cancelaciones

Pronoide se reserva el derecho de cancelar o posponer la formación, siempre y cuando avise al contratante y/o devuelva el importe íntegro en caso de cancelación/replanificación.


Reserva tu entrevista para inscribirte