Informate sin compromiso
91 846 39 54 / 659 552 510
 

Curso Front End Developer

En este año 2018, Pixelpro os ofrece una línea 100% orientada al mundo laboral, con certificaciones oficiales que cuentan con reconocimiento Europeo. Nuestra meta es que los alumnos de este curso destaquen en su CV frente a sus competidores.

El perfil del front end developer es uno de los más demandados entre las empresas que, cada semana, se ponen en contacto con nosotros para buscar candidatos. Un buen front end tiene que saber JS desde su base, no sirve con solo manejar librerias del tipo jQuery, y sobre todo los nuevos frameworks de trabajo tipo AngularJS. Además, de un front end se espera una optimización en el flujo de trabajo mediante herramientas como Gulp.

Tus conocimientos en JS, HTML5, CSS3 serán certificado si lo deseas por Microsoft, otorgándote un título con reconocimiento europeo. Si deseas recibir más información sobre este curso, no dudes en contactar con nosotros.

MCPcertiport

 

¿Qué voy a recibir con el curso?
Ayuda Sin límite Descarga Actualizado Diploma

Front-End Developer

  • Curso Web Responsive + Optimización
  • Taller Flexbox
  • Curso CSS3
  • Curso HTML5
  • Curso tipografía Web
  • Curso Programación en HTML5
  • Curso Bootstrap para Web
  • Curso de JavaScript, mucho Javascript
  • Curso Angular JS y typescript
  • GULP
  • Curso de Sass
  • React
  • Curso Seo, accesibilidad y linkbuilding
  • Ayuda Online
frontend 100
Precio original: 295€
Precio: 220€ / Price: $245 (impuestos incluidos)
  • TEMARIO WEB RESPONSIVE



    Capitulo 1
    1.1 Introducción al curso
    1.2 Html y css
    1.3 Instalando una Herramienta
    1.4 Instalacion plugin Sublime
     
    Capitulo 2
    2.1 Diseñando el proyecto
    2.2 Construyendo la estructura del Website
    2.3 Estructura principal de body
    2.4 Navegacion e hipervinculos
    2.5 Agregando las imagenes con metodo abreviado
    2.6 Footer links
     
    Capitulo 3
    3.1 CSS
    3.2 Propiedades CSS
    3.3 Colores en CSS
    3.4 Reglas CSS y Pseudoclases
    3.5 Identificadores y Clases
    3.6 identificadores y clases 2
    3.7 Comentando CSS
     
    Capitulo 4
    4.1 Fuentes de letra
    4.2 Creando el portfolio
    4.3 Ajustando las imagenes
    4.4 Maquetando el portfolio
    4.5 Perfeccionando los bloques
    4.6 Dando sentido a la galeria
     
    Capitulo 5
    5.1 Tratamiento Imagenes CSS
    5.2 Footer estados de los links
    5.3 Media queries
    5.4 Problemas mediaqueries
     
    Capitulo 6
    6.1 El menu nav
    6.2 Flexbox
    6.3 Flexbox-alineacion vertical
     
    Capitulo 7
    7.1 Agregando nuevas paginas
    7.2 Aprovechando mediaqueries
    7.3 pagina contacto
    7.4 Agregando elementos a Contacto
     
    Capitulo 8
    8.1 Optimizacion del logo
    8.2 Agregando encabezados
    8.3 Viewport
    8.4 Validacion html5 y css3
    8.5 conclusiones

    TEMARIO OPTIMIZACIÓN WEB


    1.1 Presentación
    1.2 Devtools
    1.3 Pagspeed
    1.4 Eliminando http requests
    1.5 Optimizacion de imagenes
    1.6 Optimizacion css
    1.7 Mapa de sprites con svg
    1.8 Optimizando Js y CSS
  • TEMARIO CSS3



    1.1 Introducción a CSS
    1.2 El entorno de trabajo
    1.3 La sintaxis
    1.4 Selectores básicos 1ªparte
    1.5 Selectores básicos 2ªparte

    2.1 Html y css
    2.2 Integración
    2.3 Herencia e interpretación
    2.4 Compatibilidad Navegadores

    3.1 Tipografías web
    3.2 Control Tipográfico
    3.3 El modelo de caja
    3.4 Padding y Margin
    3.5 Los bordes
    3.6 Fondo
    3.7 El color
    3.8 Unidades de medida

    4.1 El Layout  
    4.2 Z-Indexx 
    4.3 Float  
    4.4 Clear 
    4.5 Ejercicio Layout  
    4.6 La Solución  
    4.7 Menú con css   
    4.8 Posicionar elementos

    5.1 Media Type
    5.2 Media-query  
    5.3 Ejercicio responsive 

    6.1 Prefijos-navegadores  
    6.2 Reset  
    6.3 Frameworks  
    6.4 Compresor-preprocesador
  • TEMARIO CURSO DE SASS



    Capitulo 1 
    Introducción a Sass
    1.1 Instalación ruby sass win
    1.2 Comando watch
    1.3 Modularización espacio trabajo
     
    Capitulo 2 
    2.1 Variables y uso
    2.2 Comentarios
    2.3 Anidar estilos
    2.4 Modularidad
    2.5 mixin
    2.6 Solución
    2.7 Extender
    2.8 Pseudo clases
    2.9 Operadores Grid
     
    Capitulo 3 
    3.1 Funciones de color
    3.2 Listas
    3.3 Mixin y mediaqueries
    3.4 if y else
    3.5 Bucle each
    3.6 clave-valor
     
    Capitulo 4
    4.1 Compresión-salida
    4.2 Despedida
  • TEMARIO JAVASCRIPT Nivel 1


    Capítulo 1
    1. Introducción al curso de Javascript
    1.2 Antes de empezar
    1.3 Primeros Pasos Página
    1.4 Dónde va cada cosa
    1.5 La forma correcta de trabajar
    1.6 Detectar errores
    1.7 Ejercicio Debug

    Capítulo 2
    2.1 Variables Página
    2.2 Normas de las variables
    2.3 Devolver un valor
    2.4 Concatenar mensaje
    2.5 Propiedades y Métodos
    2.6 Ejercicio
    2.7 Solución

    Capítulo 3
    3.1 Números
    3.2 Ejercicio Números
    3.3 Solución Real-World
    3.4 Parse-Float
    3.5 Math
    3.6 Math.random
    3.7 Mathapp

    Capítulo 4
    4.1 if else
    4.2 Comprobadores en profundidad
    4.3 Adivina el número
    4.4 Booleano vivo
    4.5 else if en el juego
    4.6 Comenta tu programa
    4.7 Más armas
    4.8 Práctica fin Capítulo
    4.9 Solución

    Capítulo 5
    5.1 Funciones
    5.2 Flujo Aplicación
    5.3 Validación Formulario
    5.4 Argumentos de la función
    5.5 Scope
    5.6 Otro desafio
    5.7 Solucion
    5.8 Defensivo
    5.9 Práctica final




  • TEMARIO JAVASCRIPT Nivel 2

    Capítulo 1
    1.1 Introducción
    1.2 Preparando mi entorno - El inspector
    1.3 Usando funciones para modificar elementos html
    1.4 El DOM

    Capítulo 2
    2.1 Gestión de Eventos
    2.2 Cambiando el Listener de elemento
    2.3 Introduciendo y capturando valor en input
    2.4 Eligiendo varios por etiquetas
    2.5 Elements y Loop
    2.6 className
    2.7 querySelector
    2.8 querySelector par e impar

    Capítulo 3
    3.1 TextContent
    3.2 innerHTML
    3.3 Atributos - acceso y manipulación
    3.4 Toggle 1 - Aplicando estilos
    3.5 Toggle 2 - Aplicando estilos a partir de eventos
    3.6 Toggle 3 - Condicionando nuestro evento
    3.7 Toggle 4 - Resolviendo deambiguaciones

    Capítulo 4
    4.1 Creando elementos HTML desde Javascript
    4.2 Usando el appendChild
    4.3 Eliminando elementos del DOM

    Capítulo 5 
    5.1 Eventos y funciones como parámetros
    5.2 Retardando la ejecución setTimeOut
    5.3 Retardo con clearTimeOut
    5.4 AddEventListener
    5.5 Event Bubbling
    5.6 Objeto Event

    Capítulo 6
    6.1 Traversing DOM - parentNode
    6.2 siblings e insertBefore
    6.3 nextElementSibling
    6.4 Accediendo a los Children para adición dinámica
    6.5 firstElementChlid
  • DESARROLLO DE APPS CON ANGULAR


    Este curso es un poco distinto a los anteriores, básicamente nos centraremos en desarrollar un software desde 0 poniendo en práctica lo aprendido anteriormente y sumando Angular a la ecuación. Las clases serán un poco más largas, y tendrán un enfoque 100% práctico donde podrás ver a un desarrollador experimentado en acción desarrollando un proyecto desde 0.
    1.1 Introducción al curso

    1.2 Introducción a Angular
    1.3 NodeJS y NPM
    1.4 MOdule Root & Component Root
    1.5 Componente Bienvenida
    1.6 Nuevo módulo y enrutador
    1.7 Servicios Observables
    1.8 Custom Pipe
    1.9 Component list
    1.10 Componente compartido EventEmiter-Input-Output
    1.11 Enlazando Módulos
    1.12 HTML Component List
    1.13 Final HTML Component List
    1.14 Detalle Curso
    1.15 Detalle Curso Parte 2
    1.16 Protegiendo Datos URL
    1.17 Página no encontrada
  • TEMARIO PROGRAMACIÓN CON HTML 5



    Capitulo 1


    1.1 Introducción
    1.2 Entorno de trabajo

    Capitulo 2

    2.1 Geolocalización
    2.2 Geolocalización en maps
    2.3 Seguimiento
    2.4 Ruta al destino

    Capitulo 3

    3.1 Webworkers
    3.2 Webworker mensaje

    Capitulo 4

    4.1 Localstorage
    4.2 Jquery mobile
    4.3 Real app
    4.4 Formularios

    Capitulo 5

    5.1 cache manifest

    Capitulo 6

    6.1 Websql
    6.2 Crear alumnos
    6.3 Eliminar
    6.4 Ejercicio 

    Capitulo 7

    7.1 Websockets
    7.2 Socket-io
    7.3 Sendfile
    7.4 Logs
    7.5 Emit
    7.6 Chat
  • TEMARIO BOOTSTRAP

    Capitulo 1 Definición del proyecto de diseño


    1. Introducción
    2. Entorno de trabajo
    3. Esquema y estructura del proyecto de diseño
    4. Preparación de imágenes en Photoshop
    5. Prototipado de la página web
    6. Estructura HTML5

    Capitulo 2 Twitter Bootstrap (Framework Responsive Design)

    1. Introducción a bootstrap
    2. Estructura HTML5 básica para bootstrap
    3. Sistema de rejilla (grid system) fijo y fluido
    4. Capacidades Responsive (@media - CSS)
    5. Base CSS - Tipografías y elementos en línea
    6. Base CSS - Código preformateado y Tablas
    7. Base CSS - Formularios
    8.Base CSS - Botones
    9.Base CSS - Imágenes e Iconos
    10. Componentes - Botones
    11. Componentes - Navegación (NavBar)
    12. Componentes - Navegación (Breadcrumbs - Pagination)
    13. Componentes - Etiquetas, insignias
    14. Componentes - Tipografía - Miniaturas - Alertas
    15. Componentes - Carrousel
    16. Componentes - Ventanas modales
    17. Personalizando y ampliando Bootstrap con LESS css I
    18. Personalizando y ampliando Bootstrap con LESS css II

    Capitulo 3 Maquetación y desarrollo

    1. Desarrollo de la página principal (index.html)
    2. Maquetación de elementos comunes
    3. Integración de elemento slider de imágenes
    4. Lightbox para imágenes
    5. Vídeo responsive desde Youtube o Vimeo

    Conclusión
  • TEMARIO TIPOGRAFÍAS WEB

    Capitulo 1
    1.1 Presentación

    Capitulo 2
    2.1 Como escoger una fuente
    2.2 Como escoger una fuente part2

    Capitulo 3
    3.1 Configurando una Webfont
    3.2 Usando Webfont con Hostings externos
    3.3 Crea tu Webfont kit

    Capitulo 4
    04.1 Pesos y estilos
    04.2 Uso correcto de pesos y estilos
    04.3 Crea tu Webfont kit
    4.4 De pixels ems y rems
    04.5 Composicion parte 1
    04.6 Composicion parte 2

    Capitulo 5
    05.1 Color y contraste
    05.2 Tipografía Responsive 1
    05.3 Tipografía Responsive 2
    05.3 Tipografía Responsive 2

    Capitulo 6
    06.1 Interlineado
    06.2 blockquotes responsive
  • INTRODUCCIÓN AL SEO

    1.1 Introducción
    1.2 Dominios
    1.3 SEM/SEO
    1.4 Etiquetas
    1.5 Alta en Google
    1.6 Anchor text
    1.7 Anchor Text 2
    1.8 WebMasterTools
    1.9 Woorank
    1.10 Web CEO
    1.11 Black Hat
    1.12 SEO Firefox
  • TEMARIO SEO Y ACCESIBILIDAD

    1.1.-Introduccion al SEO
    1.1.-Introduccion al SEO
    1.2.-Index a una web
    1.3.-Palabras clave
    1.4.-Contenidos SEO
     
    Capítulo 2
    2.1.-Los marcos y el SEO
    2.2.-El uso de URL semánticas
    2.3.-La etiqueta title
    2.4.-La etiqueta meta
    2.5.-Limpieza en el codigo
     
    Capítulo 3
    3.1.-El contenido de la página
    3.2.-Navegación dentro de la web
    3.3.-Enlacesinternos
    3.4.-Geoinformación
     
    Capítulo 4
    4.1.-Mapas del sitio (Sitemaps)
    4.2.-Enviar el mapa del sitio
    4.3.-Directorios y mapas locales
     
    Capítulo 5
    5.1.-Introduccion a la accesibilidad
    5.2.-Ejemplo de web inaccesible
    5.3.-Ejemplo de web accesible 
    5.4.-Complementos de desarrollo para Firefox
    5.5.-Lector vs Complementos
    5.6.-Complemento para SEO
    5.7.-Paginas enredes sociales
     
    Capítulo 6
    6.1.-El idioma del texto
    6.2.-Etiquetas semánticas HTML 5
    6.3.-Otras etiquetas HTML5
    6.4.-Contenidos ocultos.mp4
    6.5.-Jerarquizar el contenido.mp4
    6.6.-Resaltar contenidos.mp4
    6.7.-Contenidos de terceros (Blockquote).mp4
    6.8.-Listas y accesibilidad.mp4
     
    Capítulo 7
    7.1.-Enlaces accesibles
    7.2.-Imágenes Accesibles
    7.3.-Imagen de cabecera con CSS accesible
     
    Capítulo 8
    8.1.-Crear un menu accesible
    8.2.-Cabeceras y enlaces ocultos para menu accesible
    8.3.-Crear el foco visible de los enlaces
    8.4.-Menus desplegables accesibles I.
    8.5.-Menus desplegables accesibles II.
     
    Capítulo 9 Linkbuilding
    9.1. Introducción a Linkbuilding
    9.2 El Valor de los enlaces en el posicionamiento
    9.3.-El Page Rank de Google
    9.4.-Enlaces NoFollow
    9.5.-Conseguir backlinks
    9.6.-Foros y Blogs
    9.7.-Redes Sociales
    9.8.-Otros sitios 2.0
    9.9.-Programas de afiliados y Enlaces reciprocos
    9.10.-Link Baiting
    9.11.-Medicion del Linkbuilding
  • TEMARIO LINKBUILDING
    1.0 Algoritmos de Google
    1.1 El Algoritmo Panda
    1.2 El Algoritmo Pengüin
    1.3 Las bombas de google
    1.4 Anchor text effective
    1.5 Enlaces internos
    1.6 Trustrank
    1.7 NoFollow vs Follow
    1.8 http Redirección
    1.9 Black Hat
    1.10 Directorios
    1.11 Enlace ideal
    1.12 Blog foro
    1.13 Ping
    1.14 Nuevo Colibri
  • TEMARIO TALLER PWA Y PROyECTO FINAL


    Este curso es un poco distinto a los anteriores, básicamente nos centraremos en desarrollar un software desde 0 poniendo en práctica lo aprendido anteriormente y sumando Angular a la ecuación. Las clases serán un poco más largas, y tendrán un enfoque 100% práctico donde podrás ver a un desarrollador experimentado en acción desarrollando un proyecto desde 0.


    Comprender el Manifest de nuestra WebApp
    Service Worker
    Promise y búsqueda
    Service Worker ycache
    Almacenamiento de datos en caché (Webapp offline)
    Service Worker: almacenamiento en caché avanzado 
    IndexedDB: Los datos dinámicos 
    Crear una interfaz de usuario receptiva (Shell)
    Sincronización de fondo
    Notificaciones Push  
    Características del dispositivo nativo
    Gestión deService Worker con Workbox
    SPAs y PWAs 
    Conclusión y consejos
    Proyecto Final: Creamos un clon de Instagram
  • 1. Primeros pasos
    1.1. Introducción a ReactJS 
    1.2. Entorno de desarrollo: NodeJS, NPM y Create React App 
    1.3. Introducción a JSX 
    1.4. Aplicación "Hola mundo"

    2. Estructura de React(I) 
    2.1. Rendering de elementos 
    2.2. Componentes y props 
    2.3. Estado y ciclo de vida de un componente
    2.4. Manejo de eventos

    3. Estructura de React(II) 
    3.1. Rendering condicional 
    3.2. Listas y claves 
    3.3. Formularios y componentes controlados 

    4. React avanzado 
    4.1. Composición y herencia 
    4.2. Manejo de errores 
    4.3. Fragmentos 
    4.4. Refs y el DOM 
    4.5. Componentes no controlados

    5. Desarrollo de aplicación práctica con ReactJS 
    5.1. Ejercicio 1 
    5.2. Solución 
    5.3. Ejercicio 2 
    5.4. Solución
    5.5. Ejercicio 3 
    5.6. Solución

Las cookies nos permiten ofrecer nuestros servicios. Al utilizar nuestros servicios, aceptas el uso que hacemos de las cookies Más información.