PresencialPart-time200 horas

Bootcamp de Frontend Developer

Aprende uno de los perfiles más demandados por las empresas hoy en día. En NorthCamp aprenderás las tecnologías más utilizadas para convertirte en Front-end Developer.

Más info
Imagen de Bootcamp de Frontend Developer

Da un giro a tu carrera y conviértete en Frontend Developer

Adquiere las habilidades necesarias para poder gestionar y desarrollar un proyecto de desarrollo completo con éxito y aprende las herramientas más potentes para convertirte en Frontend Developer.

¡Te ayudaremos a encontrar tu primer empleo como Frontend Developer! Este curso cuenta con clases orientadas específicamente a conseguir destacar en el mercado laboral, te enseñaremos a afrontar los distintos tipos de entrevistas y nos aseguraremos de que termines este curso con un portfolio completo revisado por profesionales del sector.

Una formación inmersiva pensada para grupos reducidos de máximo 10 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.

Metodología

Aprendizaje a través de la práctica

Adquiere conocimientos practicando ejercicios que se usan en proyectos reales.

Experiencia a medida y seguimiento personalizado

Tendrás asignado un mentor desde el comienzo del curso para que te ayude en todo lo que necesites.

Profesores expertos de verdad

Cada profe es expertos en su área de especialización, para que aprendas las mejores técnicas, flujos de trabajo y trucos de cada uno de ellos.

Preparación al mercado laboral

Un curso pensado y orientado a la preparación para la entrada al mercado laboral como Junior Frontend Developer, sin horas y contenido de relleno.

Construye un portafolio

Aprenderás con el desarrollo de proyectos que prepararás junto a los profesores para tu portafolio.

¿A quién va dirigido?

Recién graduados

Si acabas de graduarte en un grado, instuto o universidad y buscas perfeccionar tus skills.

Aspirantes a Frontend

A quienes buscan entender la sintaxis de JavaScript para aplicarla tanto en frontend como en backend.

Desarrollo profesional

Para personas que busquen mejorar sus skills de programación.

Emprendedores

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

Qué aprenderás en este curso

Adquiere las habilidades necesarias para desarrollar cualquier aplicación desde cero utilizando las últimas tecnologías:

Equipos de desarrollo

Aprenderás a comunicarte con el equipo de desarrollo.

Figma

Aprenderás a como interpretar los diseños en Figma.

Maquetación web (Web Design)

Aprenderás las últimas prácticas en maquetación web con HTML5, CSS3 (utilizando la nomenclatura BEM) y JavaScript Vanilla.

Flexbox y Grid

Abordarás Flexbox y Grid creando layouts de forma eficiente y dinámicos.

SASS

Aprenderás uno de los preprocesadores más utilizados hoy en día en el desarrollo web, que nos permitirá ahorrar tiempo y reutilizar reglas CSS.

Responsive Web Design

Aprenderás adaptar tus aplicaciones a todos los dispositivos (Desktop, tablet y Mobile).

Git

Aprenderás a versionar tu código con git y a añadirlo con Github.

JavaScript

Aprenderás las bases y fundamentos de JavaScript profundizando en todos sus detalles (Buenas prácticas, código reutilizable, manipulación de datos y mucho más).

React

Aprenderás a utilizar una de las librería más demandas por el sector, desarrollando interfaces de usuario y aplicaciones web y conectándolo con el Backend.

Lo que opinan de NorthCamp

Javier García Fernández

Javier García Fernández

Front-end Developer en Expansión

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
Adrián Pérez García

Adrián Pérez García

Front-End Developer en Affin Solutions

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

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

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.

    Conociendo JavaScript:

    • Un poco de historia
    • ECMAScript (ES)
    • ¿Qué versión de ECMAScript uso?
  • 2.

    Chrome y Consola: tus aliados para debuggear

    • Console de JavaScript
    • ¿Estilos en la consola?
    • ¿Podemos obviar console.log()?
    • Chrome Dev Tools: características importantes
    • Elements (elementos)
  • 3.

    Agregando JavaScript en HTML:

    • JavaScript en línea
    • JavaScript en archivo externo
    • Importancia de colocar etiqueta script
    • Analizando etiqueta script
    • ¿Cómo se descargan nuestros scripts?
    • Carga de módulos JavaScript
  • 4.

    Variables:

    • ¿Qué es una variable?
    • VAR
    • LET
    • CONST
  • 5.

    Buenas prácticas nombrando identificadores

    • Consejos en el nombrando de identificadores
    • Convención estilos de escritura
  • 6.

    Tipos de datos

    • Tipo dinámico
    • Datos tipo primitivo (String, Number, BigInt, Boolean , undefined, null, Symbol)
    • Datos tipo objeto (Objetos, Arrays, Funciones)
  • 7.

    Comentarios en el código

    • Consejos para comentar código
    • Comentarios en línea
    • Comentarios multilínea o en bloque
  • 8.

    Operadores

    • Operadores aritméticos
    • Operadores de asignación
    • Operadores comparacion
    • Operadores lógicos
    • Operadores type
    • Operadores unarios
    • Operadores binarios
    • Operadores de bits
  • 9.

    Coerción: la cosa se pone interesante

    • Coerción implícita o explícita
    • Tipos de conversión
    • Coerción en cadenas
    • Coerción booleana
    • Coerción numérica
    • NaN y Batman
    • Coerción en objetos
    • Sitios de interés sobre coerción
  • 10.

    Modo estricto

  • 11.

    ¿Qué es el scope?

    • Scope global
    • Scope local
    • Scope de función
    • Scope de bloque
  • 12.

    ¿Qué diablos es el hoisting?:

    • Fase de creación
    • Pila de ejecución
    • Pila de ejecución de forma visual
  • 13.

    Estructuras de control

    • Estructuras condicionales (if, if/else, if/else if, Operador condicional ternario, switch, object literals)
    • Estructuras de repetición (for, while, do...while, for...in, for..of, forEach)
    • Estructuras de control de errores (throw, try...catch...finally)
  • 14.

    Strings

    • Acceder a carácteres
    • Comparar strings
    • Longitud de un string
    • Métodos de String
  • 15.

    RegExp

    • Creando una expresión regular
    • Flags
    • Clases básicas
    • Conjunto de carácteres o alternativas
    • Rangos
    • Anchors
    • Cuantificadores
    • Métodos con RegExp
    • Métodos con String
    • Sitios de interés
  • 16.

    Fechas

    • Date
    • Tiempo UNIX
    • Obtener información fechas
    • Modificar fechas
    • Representación fechas
    • UTC y zonas horarias
  • 17.

    Números

    • toString()
    • toExponential()
    • toFixed()
    • toPrecision()
    • valueOf
    • Transformando variables a números
    • Number()
    • parseInt()
    • parseFloat()
    • Propiedades de números
    • Números aleatorios
  • 18.

    Arrays

    • Inicializar un array
    • Acceder a los elementos
    • Añadir o eliminar elementos
    • Creación de arrays
    • Búsqueda y comprobación
    • Modificación de arrays
    • Ordenaciones
    • Métodos array functions (forEach(), every, some, map, filter, filterIndex, find, reduce, reduceRight)
  • 19.

    Objetos

    • Inicialización y asignación
    • Objetos anidados
    • Objetos con funciones
    • Métodos de objetos
  • 20.

    Funciones

    • Declarar y ejecutar
    • Parámetros
    • Parámetros por defecto
    • Devolución de valores
    • Funciones anónimas
    • Funciones autoejecutables o IIFE
    • ¿Qué es un callback?
    • Callback hell
    • Arrow functions
    • Arrow functions y this
  • 21.

    Clases

    • ¿Qué es una clase?
    • Declarando una clase
    • Cuerpo de la clase y métodos
    • Constructor
    • Métodos
    • Métodos estáticos
    • Ampliar clase
  • 22.

    This es la diferencia

    • ¿Qué es this?
    • Sin estructura
    • Accediendo desde un objeto
    • This en arrow function
    • Reglas del this
  • 23.

    JSON

    • ¿Qué es un JSON?
    • Estructura de un JSON
    • Acceso a los valores de un JSON
    • Reglas de uso
    • Conversiones
  • 24.

    DOM

    • ¿Qué es DOM?
    • Object document
    • Modificando con JavaScript
    • Crear elementos en el DOM
    • Atributos elementos HTML
    • Métodos para atributos
    • Insertar elementos en el DOM
    • Reemplazar contenido en el DOM
    • Insertar elementos
    • Eliminar elementos
    • Seleccionar elementos del DOM
    • Métodos modernos
    • Manipular clases CSS
    • Añadir o eliminar clases CSS
    • Conmutar o alternar clases CSS
    • Otros métodos de clases
    • Navegar por elementos del DOM
    • Navegar a través de nodos
  • 25.

    Eventos

    • ¿Qué es un evento?
    • ¿Cómo se transmite un evento?
    • Listado de eventos
    • Cómo realizar acciones con eventos
    • Eventos mediante atributos HTML
    • Eventos mediante propiedades
    • Eventos mediante listeners
    • Borrar listeners
    • Object event
    • Opciones de addEventListener
  • 26.

    Asincronía

    • ¿Qué es la asincronía?
    • ¿Cómo la gestionamos?
    • Promesas
    • Consumir una promesa
    • Async/await
    • Crear una promesa
    • Promesas en grupo
    • setTimeout
    • Recursos sobre asincronía
  • 27.

    Consumiendo API REST

    • ¿Qué es una API REST?
    • Métodos de petición HTTP
    • Peticiones HTTP con fetch
    • Respuesta de la petición HTTP
    • Procesamiento de la respuesta
    • Fetch con async/await
    • Códigos de respuesta HTTP
    • CORS
  • 28.

    Técnicas importantes de JavaScript

    • Destructuring
    • Spread Operator
    • Optional Chaining
  • 29.

    Peticiones.

    • Fetch.
    • Consumir APIs.
    • CORS
  • 30.

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

  • 31.

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

  • 32.

    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.

Docentes

Oscar Santos

Rubén Romero Pascua

Frontend Developer en Affin Solutions

Oscar Santos

José Luis García Abad

Frontend Developer en ALTAFONTE

Precio y próximas convocatorias

Consigue tu descuento

¡Reserva hoy y ahorra 301€!

Ahorra hoy-301€
Total3000€2699€
Conseguir plaza
  • Máx 8 personas por aula
  • Docentes en activo
  • Seguimiento personalizado
  • Preparación de portafolio

22 nov

¡Quedan 6 plazas!

Presencial | Tardes

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

¿Necesitas financiación?

Financia tu curso.

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

Contáctanos

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