full stack bootcamp · componentes • selector, template y style • sintaxis de plantilla e...

14
NEOLAND FULL STACK BOOTCAMP

Upload: others

Post on 07-Aug-2020

9 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: FULL STACK BOOTCAMP · componentes • Selector, template y style • Sintaxis de plantilla e Interpolación • Binding en Angular. Ciclo de vida de un componente Directivas y componentes

NEOLAND

FULL STACK BOOTCAMP

Page 2: FULL STACK BOOTCAMP · componentes • Selector, template y style • Sintaxis de plantilla e Interpolación • Binding en Angular. Ciclo de vida de un componente Directivas y componentes

2

FULL-TIME432 horas / 12 semanas

Se imparte de lunes a jueves de 9:00 a 18:00 y los viernes de 9:00 a 13:00.

IntroducciónTodos los productos digitales necesitan desarrollo web y JavaScript es el lenguaje de programación más utilizado en la actualidad, por esta razón, el desarrollador web Full Stack es una de las profesiones más solicitadas entre las empresas del sector tecnológico.

Este Full Stack Bootcamp está dirigido a cualquier persona que, sin experiencia previa, quiera adquirir todos los conocimientos necesarios para dedicarse profesionalmente al desarrollo de páginas web completas, ya que en el curso aprenderás desde el Front-End hasta el Back-End.

Este Bootcamp se imparte en horario Full-Time o Part-Time desde nuestro campus de Madrid y también Online.

Page 3: FULL STACK BOOTCAMP · componentes • Selector, template y style • Sintaxis de plantilla e Interpolación • Binding en Angular. Ciclo de vida de un componente Directivas y componentes

3

Módulo 1FundamentosDurante la primera semana nos aseguraremos de que adquieres los conocimientos necesarios sobre HTML y CSS. De este modo lograremos que el curso avance con un nivel homogeneizado entre todos los estudiantes y así saques el mayor rendimiento a tu formación.

• FTP y dominios

• Relación cliente-servidor

• Fundamentos sobre HTML

• Fundamentos sobre CSS

Módulo 2Web developmentAprenderemos los fundamentos básicos de programación con el lenguaje JavaScript y nos acercaremos a las librerías JQuery escritas en el mismo lenguaje. Nos pondremos al día con la última versión de JavaScript ES6 y TypeScript para poder implementar proyectos mucho más complejos y ordenados.

Introducción y entorno de trabajo

Comenzaremos preparando el entorno y las herramientas que vamos a usar a lo largo de todo el bootcamp.

• Repaso de las normas y día del bootcamp

• Configuración del entorno de desarrollo

• Configuración de las aplicaciones Slack y Source Tree

GIT. Software de control de versiones

Aprenderemos a manejar uno de los sistemas de control de versiones más extendidos entre la comunidad de desarrolladores, GIT.

• Control de versiones

• Qué es y para qué sirve un control de sistema de versiones

• Ramas, etiquetas y “merge”

Contenido del BootcampEl contenido de este programa ha sido diseñado por nuestro equipo docente y está pensado para cubrir las necesidades de las empresas tecnológicas del sector digital.

Page 4: FULL STACK BOOTCAMP · componentes • Selector, template y style • Sintaxis de plantilla e Interpolación • Binding en Angular. Ciclo de vida de un componente Directivas y componentes

4

Bootstrap. Librería de diseño web

A través de esta biblioteca multiplataforma aprenderás a maquetar un sitio web mediante plantillas de diseño y extensiones de JavaScript adicionales.

• Qué es y qué nos aporta

• Descarga e instalación

• Fundamentos y codificación de Bootstrap

JavaScript. Fundamentos

El lenguaje JavaScript es el lenguaje básico sobre el cual vamos a construir nuestros proyectos web.

• Fundamentos de la programación a través de JS

• Estructuras de control de flujo

• Modelo de objetos DOM

• Eventos en JS

• Modificación de CSS a través de JS

JavaScript avanzado

Ampliarás tus habilidades con JavaScript nativo y adquirirás las capacidades necesarias para crear profesionalmente sitios web dinámicos.

• Timers y contadores

• Cómo depurar el código correctamente, “debuguear”

• Introducción a jQuery, la librería JS más famosa

• Formularios y validaciones

ES6, el nuevo estándar de JS

Descubriremos cómo implementar un sistema orientado a objetos a partir de clases JavaScript.

• Creación de clases

• Arrow functions, template literals y parámetros

• Destructuring, desarrollo ágil de proyectos

• Promesas y asincronía

TypeScript. Tipado estático

Trabajaremos TypeScript para la posterior creación de proyectos en Angular con un tipado estático y objetos basados en clases.

• Introducción e instalación

• Tipado, variables y parámetros

• Interfaces

• Decoradores como herramienta básica en el desarrollo de Angular

Page 5: FULL STACK BOOTCAMP · componentes • Selector, template y style • Sintaxis de plantilla e Interpolación • Binding en Angular. Ciclo de vida de un componente Directivas y componentes

5

Módulo 3Front-End FrameworksEn este módulo aprenderemos a desarrollar la parte visual de las aplicaciones, lo que vemos en nuestros dispositivos. Aprenderemos a trabajar con Angular como entorno de desarrollo y veremos cómo interactúa nuestra aplicación web con el usuario. Por último, al acabar el módulo seremos capaces de crear animaciones sobre las propiedades de CSS.

Angular. Single web app

Descubriremos de dónde proviene el framework y cuál es el futuro del mismo que nos ayudará a desarrollar aplicaciones web de una sola página.

• Arquitectura

• Módulos

• Introducción al desarrollo por componentes

Componentes. Gestionar plantillas

Definiremos las vistas de nuestra aplicación a partir de la creación de componentes para gestionar plantillas en sitios web.

• Creación de componentes y desarrollo por componentes

• Selector, template y style

• Sintaxis de plantilla e Interpolación

• Binding en Angular. Ciclo de vida de un componente

Directivas y componentes

Modificaremos las propiedades de nuestra aplicación mediante las directivas para dotar de dinamismo a la parte visible de nuestros proyectos.

• Tipos de directivas

• Prácticas con bucles y condiciones a través de directivas

• Creación de directivas

Servicios. Proveedores de datos

Gracias al concepto de inyección de dependencias descubriremos cómo podemos crear ciertas funciones encargadas de realizar tareas concretas en nuestras aplicaciones.

• Creación de servicios en Angular

• Uso de servicios en Angular

• Inyectables

Routing dentro de una misma página

Page 6: FULL STACK BOOTCAMP · componentes • Selector, template y style • Sintaxis de plantilla e Interpolación • Binding en Angular. Ciclo de vida de un componente Directivas y componentes

6

Crearemos rutas para dar respuesta al usuario cuando interactúa con los enlaces disponibles en aplicaciones web de una sola página.

• Creación de rutas y enlaces

• Routerlink

• Guards

Creación y validación de formularios

Nos permitirá disponer de una gran interacción con el usuario y son el punto principal de recogida de datos para posteriormente trabajar con ellos.

• Creación de formularios y validaciones

• Form control, templates y modelos

• Manejo de errores

HTTP Protocolos de actuación

Gracias a este módulo seremos capaces de recuperar, actualizar, crear o eliminar datos almacenados fuera de nuestra aplicación.

• Introducción al protocolo HTTP

• Llamadas a servidores externos desde Angular

Pipes. Cómo crear filtros

Las tuberías de Angular nos permiten aplicar una serie de filtros sobre los datos a mostrar en nuestras vistas.

• Introducción a Pipes

• Tipos de Pipes

Animaciones y testing

Mediante animaciones podremos modificar ciertas propiedades CSS y aprenderemos a testear aplicaciones web.

Módulo 4Back-End BBDD

Page 7: FULL STACK BOOTCAMP · componentes • Selector, template y style • Sintaxis de plantilla e Interpolación • Binding en Angular. Ciclo de vida de un componente Directivas y componentes

7

Aprenderemos a almacenar los datos en algún lugar al que puedas acceder a la hora de desarrollar tus aplicaciones web. Para ello profundizaremos en la importancia y los beneficios del almacenamiento en memoria. Diferenciaremos entre una base de datos relacional y no relacional, y aprenderás a conectarlas al lenguaje escogido en el Back-End.

MySQL BBDD relacionales

Aprenderemos la diferencia entre BBDD modelo relacional y no relacional (SQL y no SQL), cómo instalar y crear un entorno MySQL y cómo realizar diferentes consultas.

• Qué es una BBDD relacional y no relacional

• Tipos de datos y modelos de entidades relacionales

• Creación de relaciones y sentencias SQL

Módulo 5Back-End frameworksTras haber adquirido una base sólida en JavaScript, crearemos una estructura sólida de servidor a través de NodeJS. Comenzaremos con File System para el manejo de ficheros y la comunicación con servidores.

Introducción a NodeJS

La potencia, rapidez y flexibilidad de los desarrollos creados con NodeJS nos van a permitir crear proyectos que nos sirvan de servidores para así completar nuestras aplicaciones web.

• Node Core

• File System

• HTTP Module

• NPM

ExpressJS. Framework para NodeJS

Nos ofrece la estructura necesaria para la gestión de peticiones y respuestas sobre nuestras aplicaciones web.

• Creación de servidores con Express

• Gestión de rutas

• Creación de BBDD MySQL con Express

• Uso de Middleware de Express

Motores de plantilla para ExpressJS

El uso de esta serie de motores facilita el trabajo del

Page 8: FULL STACK BOOTCAMP · componentes • Selector, template y style • Sintaxis de plantilla e Interpolación • Binding en Angular. Ciclo de vida de un componente Directivas y componentes

8

desarrollador. Trabajaremos con herramientas como Pug y Swig.

• Conceptos sobre la gestión de plantillas

• Elementos básicos para la creación de plantillas

• Handlebars como motor de plantillas

Interacción entre cliente y servidor

Nos introduciremos en el uso de Websockets para la comunicación directa en el cliente y generar una interfaz REST para poder enlazar todos los proyectos.

• Trabajo asíncrono con el módulo de Async

• Uso de Socket.io

• Cómo implementar una interfaz REST

• Testeo de aplicaciones a través de Mocha y Chai y despliegue

Módulo 6BBDD con MongoDBMongoDB. Esquema dinámico

Por último aprenderemos a usar MongoDB, un sistema de bases de datos no relacional orientado a documentos de código abierto que almacena nuestros datos sin tablas ni registros.

• Introducción a las BBDD no relacionales e Instalación de MongoDB

• Creación de colecciones y documentos

• Módulo de Mongoose para conectar MongoDB con aplicaciones Express

• Uso de PassportJS como sistema de autenticación

Módulo 7Proyecto FinalEn la versión Full-Time durante las dos últimas semanas del curso realizarás un proyecto final que formará parte de tu portfolio y en el que aplicarás todo lo aprendido. En la versión Part-Time ese proyecto se realiza desde casa una vez finalizado el curso.

El temario se actualiza cada tres meses añadiendo las novedades del sector.

Page 9: FULL STACK BOOTCAMP · componentes • Selector, template y style • Sintaxis de plantilla e Interpolación • Binding en Angular. Ciclo de vida de un componente Directivas y componentes

Equipo docenteTodos nuestros profesores y equipo docente, son profesionales del sector y cuentan con muchos años de experiencia en formación.

9

Víctor MartínezHEAD TEACHER

Daniel SotoTEACHER

Mario GirónTEACHER

Más de 10 años de experiencia como Full Stack & Mobile

Developer en proyectos digitales y formación a empresas.

Full Stack Developer con más de 5 años de experiencia en startups y proyectos tecnológicos del sector

salud y agrotech.

Desarrollador Full Stack con más de 10 años de experiencia en empresas como RTVE, KPMG o Viajes el Corte

Inglés.

Juan Antonio PérezHEAD TEACHER

Más de 12 años de experiencia trabajando para Carrefour,

Vodafone, Orange, Microsoft, GSK, Publicis, Banco Mundial...

Iván ZamarroHEAD TEACHER

Álvaro VázquezACADEMIC ADVISOR

Desarrollador web con más de 7 años de experiencia en empresas

como Banco ING, Amazon o Viajes El Corte Inglés.

Licenciado en Comunicación y con más de 8 años de experiencia en grandes empresas como Tiempo

BBDO, Ogilvy & Mather…

Page 10: FULL STACK BOOTCAMP · componentes • Selector, template y style • Sintaxis de plantilla e Interpolación • Binding en Angular. Ciclo de vida de un componente Directivas y componentes

10

Consigue un empleoUna vez nalizada tu formación en la escuela, te ayudamos a conseguir un trabajo nuevo gracias a nuestros servicios exclusivos para alumnos.

Consultoría OnlineTe ayudamos a mejorar el

currículum y a optimizar tu perfil de LinkedIn. Además, te asesoramos

para que afrontes las entrevistas de trabajo de la mejor manera posible.

Ofertas de EmpleoEstamos en contacto con empresas del sector IT, consultoras y Start-ups

que buscan nuevos perfiles que incorporar en sus equipos. Siempre

estamos pendientes de nuevas ofertas que puedan interesar a

nuestros alumnos.

Hiring TimeCada tres meses organizamos un

nuevo evento de empleo en el que reunimos a nuestros alumnos con empresas que tengan ofertas de

trabajo activas.

Page 11: FULL STACK BOOTCAMP · componentes • Selector, template y style • Sintaxis de plantilla e Interpolación • Binding en Angular. Ciclo de vida de un componente Directivas y componentes

11

RequisitosPara sacarle el mayor partido a este Bootcamp, recomendamos una serie de requisitos y conocimientos previos:

• Nivel de inglés intermedio

• Estudios pre-universitarios finalizados

• Buen manejo de ejecución de software y un uso fluido con ordenadores

Además, para realizar este curso es necesario disponer de un ordenador (PC/Mac) con menos de 4 años.

BecasPara que el dinero no sea un impedimento, contamos con un número limitado de becas que puedes solicitar.

DescuentosContamos con descuentos Early Bird que varían en función de la fecha de matriculación.

FinanciaciónSi lo necesitas, tenemos diferentes opciones de financiación con empresas externas.

Para más información consulta con tu Academic Advisor.

Page 12: FULL STACK BOOTCAMP · componentes • Selector, template y style • Sintaxis de plantilla e Interpolación • Binding en Angular. Ciclo de vida de un componente Directivas y componentes

12

FAQsAquí tienes algunas de las preguntas más frecuentes.

¿Cómo puedo apuntarme al curso?

Para apuntarte al curso es necesario que primero contactes con un Academic Advisor rellenando el formulario que aparece después de pulsar el botón “INFÓRMATE” ¿Tenéis servicio de orientación profesional?

¡Por supuesto! Si tienes cualquier duda al elegir tu curso y quieres consultar algo, puedes solicitar una entrevista o una llamada telefónica con tu Academic Advisor. ¿Cuánto cuestan estos Bootcamp?

Los Bootcamp tienen un precio de 6.495€ en formato Full-Time y de 5.195€ en Part-Time. Existe un programa de Becas, así como descuentos Early Bird por reserva de plaza anticipada. ¿Cómo funciona el programa de Becas?

Todas las personas interesadas en nuestros Bootcamp tienen la posibilidad de conseguir una beca de 1.000€ en Full-Time y de 800€ en Part-Time. Para informarte sobre el proceso debes contactar con tu Academic Advisor. ¿Tenéis algún descuento Early Bird?

Sí, puedes conseguir un descuento adicional de 500€ en Full-Time y de 400€ en Part-Time al realizar tu reserva por adelantado. Para más información contacta con tu Academic Advisor. ¿Cómo se tiene que pagar el curso?

Para reservar tu plaza tienes que hacer un pago de 500€ para el Full-Time y de 400€ para el Part-Time, el importe restante debe estar abonado como muy tarde 15 días antes del comienzo. ¿Existe algún sistema de financiación?

Sí, tenemos diferentes opciones de financiación con empresas externas para que puedas abonar el curso en cómodos plazos. Por favor consulta con tu Academic Advisor. ¿Qué diferencia hay entre Full-Time y Part-Time?

La diferencia está en el horario y en la intensidad con la que se imparten los contenidos. Por lo general, las personas que disponen de mucho tiempo y quieren aprender rápido, eligen el Full-Time y las que necesitan compatibilizarlo con otros estudios o su trabajo el Part-Time.

Page 13: FULL STACK BOOTCAMP · componentes • Selector, template y style • Sintaxis de plantilla e Interpolación • Binding en Angular. Ciclo de vida de un componente Directivas y componentes

13

¿Qué metodología empleáis en los cursos Online?

Todas las clases de nuestros cursos Online se realizan en directo a través de Zoom. De esta forma, la experiencia de aprendizaje es prácticamente la misma que en presencial, al poder interactuar siempre con tus compañeros y profesores. ¿Necesito un ordenador para hacer el curso?

Sí, necesitas un ordenador con cualquier sistema operativo (PC/Mac) con menos de 4 años y por supuesto, si tu curso es presencial debe ser un equipo portátil. ¿Hace falta experiencia previa para apuntarme?

No es necesaria experiencia previa pero sí unos estudios mínimos que te permitan aprender sin limitaciones. Por favor consulta con tu Academic Advisor para obtener más información. ¿Es posible aprender todo esto en tan poco tiempo?

¡Sí, por supuesto! Requiere mucho esfuerzo por tu parte, pero el programa está diseñado para que puedas aprender todo en el tiempo establecido. Tu perfil al finalizar el curso será Junior pero tendrás los conocimientos necesarios para empezar a trabajar. ¿Tendré que dedicar más horas a parte del curso?

El Bootcamp está diseñado para que puedas hacerlo en los horarios de clase pero en algunas ocasiones es posible que necesites invertir tiempo adicional. ¿Podré realizar mi propio proyecto?

En la versión Full-Time durante las dos últimas semanas del curso realizarás un proyecto final que formará parte de tu portfolio y en el que aplicarás todo lo aprendido. En la versión Part-Time ese proyecto se realiza desde casa una vez finalizado el curso. ¿Se entrega algún diploma al finalizar el curso?

Sí, al finalizar el curso se entrega un diploma a todos los asistentes que hayan aprovechado el curso. Se trata de un título propio que acredita las horas de formación y el temario que has cursado. ¿Qué pasa si me apunto y no puedo asistir?

Debido al limitado número de plazas, no podemos devolver ninguna cantidad pagada, pero podrás realizar el curso en la siguiente convocatoria en la que quede una plaza libre al comenzar.

Page 14: FULL STACK BOOTCAMP · componentes • Selector, template y style • Sintaxis de plantilla e Interpolación • Binding en Angular. Ciclo de vida de un componente Directivas y componentes

MADRIDPlaza de España 1128008 MadridT: 913 776 272