Course Description

Objetivos de este máster

El objetivo de este máster es formar a desarrolladores especializados en el área de Front-End:

  • Que sepan implementar un layout responsive, que se visualice bien en diferentes tipos de dispositivos y navegadores.
  • Qué conozcan los desafíos de un desarrollo Front-End y cómo tratarlos.
  • Que conozcan los frameworks más populares del mercado con sus pros y contras, y tengan criterio para elegir uno u otro dependiendo del desarrollo que tengan que realizar.
  • Que puedan asegurar un buen nivel de calidad en sus desarrollos mediante la implementación de pruebas unitarias en todas las capas del proyecto.
  • Que conozcan cómo integrarse con backends (lado servidor).
  • Que tengan en cuenta aspectos tan importantes como el de la seguridad, o el posicionamiento en buscadores.


Áreas de conocimiento

Front-End

React, Redux, AngularJS, Bootstrap, Material Design JQuery, Mocha, Chai, Sinon, Karma, Webpack, Grunt, Gulp, HTML5, CSS, javascript (ES6/ES7), Typescript, svg, d3js, lodash.

Metodología
  • Agile, desarrollo en sprints.
  • Revisiones de código, centradas en la calidad y la facilidad de mantenimiento.
  • Branch-per-feature, utilizando como repositorio distribuido Git.

Infraestructura

Cloud

  • Microsoft Azure
  • Amazon AWS
  • Heroku

Repositorio

  • Bitbucket
  • Github

Trabajando en equipo

Para aplicar los conocimientos adquiridos, realizaremos un trabajo en equipo utilizando herramientas colaborativas (videoconferencia, Git, Pull Requests, Slack, Wikis, etc.), contando con soporte online por parte de los docentes.

Videoconferencia

Las sesiones de formación, son en directo e interactivas (vía GoToTraining), compartiremos audio, vídeo y escritorio.

Git

Para trabajar en equipo utilizaremos como tecnología de repositorio Git, como metodología: branch per feature / pull requests.

Slack

Para que os sea fácil de compartir dudas comunes e inquietudes, utilizaremos Slack como plataforma colaborativa.

Soporte online

Cuando tengáis dudas, quedamos a una hora que os venga bien y tendremos sesiones de soporte en vivo, utilizando herramientas de videoconferencia.

Equipo Lemoncode

Course curriculum

  • 1

    Sesiones previas

    • Tutoría sobre GIT - 06-03-2018
  • 2

    Layout

    • Layout

    • 01 CSS 3 Basic

    • 02 Diseño Responsivo

    • 03 SASS

    • 04 Flexbox

    • 05 Bootstrap 4

    • 06 Materialize

    • Ejercicio Responsive Design Flexbox Bootstrap y Materialize

    • Layout (día 1 - 16-02-2018)

    • Layout (día 2 - 17-02-2018)

    • Layout (día 3 - 23-02-2018)

    • Layout (día 4 - 24-02-2018)

    • Layout Tutoría I - 01-03-2018

    • Layout (día 5 - 02-03-2018)

    • Tutoría BootStrap (20-03-2018)

    • ChatLog Tutoría Bootstrap 20_03_2018

    • Ejercicio Form Bootstrap

    • Diseño de Interfaces Gráficas

    • Diseño de Interfaces Gráficas (09-03-2018)

    • User Experience - 10-03-2018
  • 3

    Lenguaje - JavaScript

    • 00 Overview

    • 01 JS

    • 02 ES6

    • Lenguaje JavaScript I - (día 03-03-2018)

    • JavaScript Asíncrono (día 16-03-2018)

    • Lenguaje JavaScript (día 17-03-2018)
  • 4

    Bundling

    • Webpack I - Sesión 23-03-2018

    • Enlaces de interés Sesión Webpack

    • ChatLog Sesión Webpack I 23-03-2018

    • Webpack II - Sesión 24-03-2018

    • Enlaces de interés Sesión Webpack II

    • ChatLog Sesión Webpack II 24-03-2018

    • Webpack III - Parcel - Sesión 06-04-2018

    • Enlaces de interés Sesión Webpack III - Parcel

    • ChatLog Sesión Webpack III - Parcel 22-04-2018
  • 5

    LODASH

    • Lodash - (Slides)

    • Sesión Lodash 07-04-2018

    • Enlaces de interés - Sesión Lodash 07-04-2018

    • ChatLog Sesión Lodash 07-04-2018
  • 6

    Frameworks - React

    • React - Sesión I (13-04-2018)

    • Enlaces de interés - React I

    • ChatLog - React - Sesión I

    • React - Sesión II (14-04-2018)

    • Enlaces de Interés - React II

    • ChatLog - React - Sesión II

    • React - Sesión III (20-04-2018)

    • Enlaces de Interés - React III

    • ChatLog - React - Sesión III

    • React - Sesión IV (21-04-2018)

    • Enlaces de Interés - React IV

    • ChatLog React - Sesión IV

    • Server Side Rendering - React (02-05-2018)
  • 7

    Frameworks - Redux

    • Redux I - (Sesión 25-04-2018)

    • Enlaces de interés REDUX I

    • ChatLog Redux Sesión I

    • Redux II - (Sesión 27-04-2018)

    • Enlaces de interés - Redux II

    • ChatLog Redux - Sesión II
  • 8

    Frameworks - Angular

    • ng (slides) - Sesión I

    • Angular - Sesión I (28-04-2018)

    • ng (slides) - Sesión II

    • Angular - Sesión II (04-05-2018)

    • ng (slides) - Sesión III

    • Angular - Sesión III (05-05-2018)

    • NGRX - Sesión 12-05-2018

    • ChatLog Sesión NGRX

    • Enlaces de Interés Sesión NGRX

    • Angular Testing I - 13-06-2018

    • ChatLog Sesión Angular Testing I

    • Angular Testing II - 20-06-2018

    • ChatLog Sesión Angular Testing II
  • 9

    Frameworks VUE JS

    • Sesión Vue - 11-05-2018

    • Enlaces Sesión Vue

    • ChatLog Sesión Vue
  • 10

    Frameworks - d3js

    • d3 - Sildes

    • D3 - Sesión 18-05-2018

    • Chat Log Sesión 18-05-2018
  • 11

    Unit Tests

    • Unit Testing I - Sesión 19-05-2018

    • Enlaces de interés - Unit Testing I

    • ChatLog Sesión Unit Testing I

    • Unit Testing II - Sesión 25-05-2018

    • ChatLog Sesión Unit Testing II

    • Unit Testing III - Sesión 26-05-2018

    • ChatLog Sesión Unit Testing III

    • Unit Testing IV - Sesión 01-06-2018

    • ChatLog Sesión Unit Testing IV
  • 12

    Accesibilidad

    • Sesión accesibilidad 23-05-2018

    • Enlaces de interés - Sesión de Accesiblidad
  • 13

    Java Script Asíncrono - API Rest

    • API REST I

    • ChatLog Sesión API REST I

    • API REST II

    • ChatLog Sesión API REST II

    • API REST III 15-06-2018

    • ChatLog API REST III
  • 14

    Cloud

    • Cloud - Slides I

    • Cloud - Sesión I 16-06-2018

    • Chatlog - Cloud Sesión I

    • Cloud - Slides II

    • Cloud - Sesión II - 22-06-2018

    • Chatlog - Cloud Sesión II

    • Cloud - Slides III

    • Cloud - Sesión III - 23-06-2018

    • Chatlog - Cloud Sesión III