Bootcamp de Frontend Developer

3200€ 3800€

Solicitar información

Detalles del curso

  • Plazas:8 personas por aula.
  • Duración:200 horas
  • Horario:tardes
  • Modalidad:Presencial

Precio

3200€ 3800€

🔓 Descuento válido hasta el 15 de julio

10% anticipado para reserva de plaza. Disponibilidad de financiación en 12 plazos sin intereses.

Descripción

En este curso adquirirás todas las competencias necesarias para trabajar como Frontend Developer (¡Te ayudaremos a encontrar tu primer empleo como Frontend Developer!) y te labrarás tu propio porfolio de proyectos que podrás enseñar a la hora de aplicar a ofertas de empleo. Son 200 horas en las que aprenderás desde los fundamentos más básicos de HTML y CSS hasta cómo trabajar con React, uno de los framework de frontend más utilizados hoy en día.

Las primeras clases consistirán en un aterrizaje: empezarás peleándote con HTML y CSS para maquetar y dar estilos a tus proyectos y aprenderás la lógica detrás de Javascript.

Con el paso de las semanas se irán introduciendo de forma progresiva nociones más avanzadas como por ejemplo adaptar las creaciones a múltiples dispositivos (Responsive Web Design), Flexbox, CSS Grid, etc. que mejorarán la calidad de los proyectos y te ayudarán a optimizar el tiempo logrando ser mucho más productivo.

En la parte final del curso entrarás de lleno en React. Desarrollado por Facebook, este framework es utilizado por alguna de las mayores tecnológicas del planeta.

Para poner en práctica todos los conocimientos adquiridos, llevarás a cabo un proyecto final en el que tendrás que construir desde cero una réplica de una aplicación de hoy en día.

Se trata de una formación inmersiva pensada para grupos reducidos de máximo 8 personas, en la que podrás aprender con una atención personalizada. Además, en NorthCamp todos nuestros estudiantes pueden utilizar nuestras instalaciones fuera de su horario de clases para practicar y poder realizar los proyectos que vayan surgiendo a lo largo del curso.

Herramientas

  • HTML5
  • CSS
  • Sass
  • JavaScript
  • React
  • GitHub
  • Visual Studio Code

Aprende todo lo que demandan las empresas

  • 1.

    ¿Qué es HTML?

  • 2.

    Estructura básica de un HTML

  • 3.

    Semántica de una etiqueta

  • 4.

    Etiquetas

  • 5.

    Atributos

  • 6.

    Enlaces / navegación

  • 7.

    Etiquetas multimedia

  • 8.

    Formularios

  • 1.

    ¿Qué es CSS?

  • 2.

    Distintas formas de agregar CSS al documento

  • 3.

    Agregando primeros estilos

  • 4.

    Estructura de una Regla CSS

  • 5.

    Selectores de CSS

    • Selectores de tipo, clase e ID
    • Especificidad de selectores
    • Selectores de atributos
    • Pseudoclases y pseudoelementos
    • Combinadores
  • 6.

    Modelo de Caja

  • 7.

    Herencia

  • 8.

    Fondos y bordes

  • 9.

    El uso de diferentes direcciones de texto

  • 10.

    El desbordamiento de los contenidos

  • 11.

    Valores y unidades

  • 12.

    Estilos de texto

  • 13.

    Estilos de lista

  • 14.

    Web fonts

  • 15.

    Positions

  • 16.

    Flex-box

  • 17.

    Grid

  • 18.

    Variables CSS

  • 1.

    ¿Qué es responsive web design?

  • 2.

    Media queries:

    • ¿Que és?
    • Estructura
    • Formas de incluir media-queries
    • Medidas standars (breakpoints)
  • 1.

    Instalación

  • 2.

    Elementos básicos:

    • Variables
    • Anidamiento
    • Distribución de carpetas
  • 3.

    Estructuras de control:

    • @if / @else
    • @whlie
    • @for
    • @each
  • 4.

    Funciones:

    • Funciones nativas
    • Funciones definidas por el usuario
  • 5.

    Directivas SASS:

    • @mixins
    • @extend
  • 1.

    ¿Qué es JavaScript?: conceptos básicos.

  • 2.

    EcmaScript: las especificaciones de JavaScript.

  • 3.

    Chrome y consola: tus aliados para debuggear.

  • 4.

    Agregando JavaScript en HTML:

    • @Estrategias para la carga de JavaScript.
  • 5.

    Variables.

    • Tipos de variables.
    • Nomenclaturas: la importancia de los nombres.
  • 6.

    Tipos de datos.

  • 7.

    Comentarios en el código.

  • 8.

    Operadores aritméticos.

  • 9.

    Coerción: la cosa se pone interesante.

  • 10.

    ¿Qué diablos es el hoisting?

  • 11.

    Jugando con strings.

    • Conociendo sus métodos.
    • Template String.
  • 12.

    Manejo de fechas.

  • 13.

    Expresiones regulares

  • 14.

    Estructuras de control.

    • Condicionales.
    • Bucles e iteraciones.
  • 15.

    Funciones: la forma clásica, arrow y anónimas.

  • 16.

    ¿Qué es scope?

  • 17.

    Arrays o Arreglos.

  • 18.

    Objetos.

  • 19.

    JSON

  • 20.

    Intervalos.

  • 21.

    DOM

    • ¿Qué es el DOM?
    • Seleccionar, crear, insertar elementos del DOM.
    • Navegar entre la jerarquía del documento.
    • Controlar clases CSS.
  • 22.

    Eventos: crear, manejar y cuales hay.

  • 23.

    Asincronía.

    • ¿Qué es la asincronía?
    • Runtime de V8 de Javascript: tu amigo Event Loop.
    • Cómo dominar peticiones asíncronas: async/await, Promises...
  • 24.

    Peticiones.

    • Fetch.
    • Consumir APIs.
    • CORS
  • 25.

    Programación funcional vs programación orientada a objetos.

  • 26.

    Patrones de diseño: ¿qué son y cuales hay?

  • 27.

    APIs del navegador.

    • Guardar datos en el navegador.
    • WebSockets.
    • Web Workers.
    • Canvas.
    • Synth Voice.
    • Notificaciones.
  • 1.

    Diferencias entre framework y librería.

  • 2.

    ¿Qué es un componente?

  • 3.

    React: la librería más usada, un poco de historía y características

  • 4.

    React: ¿por qué React es declarativo?

  • 5.

    Dependencias con npm o yarn: el peligro de las dependencias.

  • 6.

    Instalando y configurando React.

  • 7.

    Nuestra primera App con React: estructura.

  • 8.

    Scaffolding: dónde guardar los archivos de tú proyecto.

  • 9.

    Nuestro primer hola mundo.

  • 10.

    ¿Qué es JSX?

    • ¿Qué es compilar y transpilar?
    • Cómo se transpila JSX con Babel JS.
    • Ahora que sabes que es JSX, vamos a profundizar.
  • 11.

    Estructura de un archivo de un componente de React.

  • 12.

    La decadencia de las Clases: componentes funcionales.

  • 13.

    Las propiedades de un componente.

  • 14.

    Pasando datos de un componente parent a un child.

  • 15.

    Pasando datos de un componente child a un parent.

  • 16.

    Estilos: diferencias con HTML.

  • 17.

    Eventos: vamos a bubblear.

  • 18.

    El ciclo de vida: ahora nos pasamos a useEffect.

  • 19.

    La magia de los estados: no hay que abusar de ellos.

  • 20.

    Condicionales en el renderizado.

  • 21.

    Listas y keys: siempre debemos de dejarles miguitas de pan.

  • 22.

    Formularios: lo que parece fácil se puede complicar.

  • 23.

    Olvídate de la herencia.

  • 24.

    Virtual DOM, ¿es lo mismo que Shadow DOM, qué es.

  • 25.

    React Router: vamos a navegar dentro de las SPA brunetes.

  • 26.

    Accesibilidad: la importancia de pensar en todas las personas.

  • 27.

    Como dividir el código de nuestros componentes.

  • 28.

    Fragmentos: no añadamos más nodos extra.

  • 29.

    Refs: cuanto más alto mejor.

  • 30.

    Componentes de orden superior.

  • 31.

    Profundizando en los hooks.

    • Reglas de uso de hooks.
    • Construye tu propio hook.
  • 32.

    Cómo compilar un proyecto de React.

  • 33.

    Subiendo nuestra app a Netlify.

Durante todo lo que dura el máster iremos desarrollando distintos proyectos tanto individuales como grupales donde irás poniendo en práctica todos los conocimientos que irás adquiriendo.

Profesorado

Oscar Santos

Rubén Romero Pascua

Frontend Developer en Affin Solutions

Oscar Santos

José Luis García Abad

Frontend Developer en ALTAFONTE

Próximas convocatorias

27 sep - 11 mar

Presencial | Tardes

Lunes, miércoles 19:00 a 22:00 y viernes 19:00 a 21:00

¡Últimas plazas!

Solicitar Plaza

¿Necesitas financiación?

Financia tu curso a 12 meses sin intereses.

Ponte en contacto con NorthCamp para conocer nuestras opciones de financiación.

Lo que opinan de NorthCamp

Javier García Fernández

Javier García Fernández

Alumno del Bootcamp de Desarrollo Web

Una experiencia fantástica. El ambiente es muy bueno y los grupos son reducidos, siempre tienes un profesor cerca para resolverte alguna duda. En todo momento son muy honestos con la formación y las posibilidades (no te venden humo) y en relación calidad-precio es lo mejor que he encontrado. Las clases son muy prácticas y todo está muy enfocado al mundo laboral. Si te esfuerzas, sales programando como junior con un buen nivel.

LinkedIn
Vanessa Jesús Gouveia

Vanessa Jesús Gouveia

Alumna del Bootcamp de Desarrollo Web

Buen ambiente y buenos profesionales. Lo recomiendo si quieren entrar en el mundo de la programación.

LinkedIn
Adrián Pérez García

Adrián Pérez García

Alumno del Bootcamp de Desarrollo Web

De lo mejorcito que me he encontrado actualmente respecto a aprendizaje. Profesionales del sector que te hacen conseguir lo que te propongas.

LinkedIn

¿A quién va dirigido?

Cambio profesional

Si crees que ha llegado el momento de centrar tu carrera profesional en el sector tecnológico como profesional de la programación, empieza desde cero, potencia todas tus habilidades y prepárate para el mundo laboral.

Desarrollo profesional

Si estás buscando ampliar tus conocimientos en programación Frontend para acceder a perfiles laborales más técnicos o crecer profesionalmente, este máster te ayudará a conseguir tus objetivos.

Personas recien

Si has terminado tus estudios y te apasiona el mundo del Frontend, nuestra formación te preparará para el mundo laboral.

Emprendedores

Si tu objetivo es emprender, adquiere todas las habilidades necesarias para liderar tu proyecto y poder administrar con éxito un equipo técnico.

Proceso de admisión

01

Entrevista inicial

Necesitamos conocerte para ver si el curso encaja con tus objetivos y poder orientarte.

02

Proceso de selección

En este punto validaremos si cumples con los requisitos del curso.

03

Vive la experiencia

Si cumples con los requisitos del curso y te interesa… ¡Disfruta y aprende con NorthCamp!

Solicita información

¿Te interesa este curso? Envíanos una solicitud de información y nos pondremos en contacto contigo para poder orientarte. También puedes ponerte en contacto con NorthCamp llamándonos al 609 326 553