Curso Profesional de Frontend

Curso Profesional de Frontend

Próximamente
Frontend es la carrera más demandada de la industria. Ve más allá de HTML5 y CSS3. Domina Javascript, Responsive Design, ECMAScript 6, diseño de UI, componentes, JSON, APIs y automatización. Sé un arquitecto de aplicaciones web.

Quiero recibir más información del curso

Con este curso podrás:

HTML5 Profesional

HTML5 Profesional

CSS3 y CCSS

CSS3 y CCSS

Responsive Design

Responsive Design

Javascript

Javascript

ECMAScript 6

ECMAScript 6

Temario del curso

Bienvenidos al curso

¿Qué es un Frontend?
Proyectos

Introducción al Front-end: Componentes, Stylus y Jade

ComponentCSS SuitCSS
Escribir .Card en html y css
Stylus y Jade
Creación del componente layout
Flex box con layout
Preguntas y Respuestas

ECMAScript 6, AJAX y Promises

¿Qué es un API? (Usando el API de Marvel)
Creación de un entorno de desarrollo local
AJAX con jQuery
Promises
ECMAScript6
Request de una imagen y modificación con JQuery
Modificar Elementos Con API Data
Arrow Functions
Ellipsis CSS
Preguntas y Respuestas
Clases de Ecmascript 6

LocalStorage, Latencia y Plantillas con ECMAScript6

Latencia y Local Storage
Templates en ECMAScript 6
Uso de Clases en Javascript
Operadores y Funciones Matemáticas en Javascript
Funciones orientadas a eventos
Datos en la plantilla usando Promises
Preguntas y Respuestas

Introducción a Single Page Apps

Single Page App
Page.js y Middlewares
Preguntas y Respuestas

Optimiza tu Single Page App con Browserify Y Gulp

The road to a single page app
Browserify y Component Oriented Development
Gulp
Preguntas y Respuestas

Livereload, Express y Node.js

Configuración de Livereload
Node.JS: Javascript del lado del servidor
Express: Web Framework para Node.JS
Realtime en Node.JS usando Socket.io
Preguntas y Respuestas

Curso de Frontend de Marzo de 2014

Qué significa Backend y Frontend en el Diseño Web
¿Qué es un Frontend?
Estructura básica de un documento HTML5 y hojas de estilo
Github, Frameworks de CSS y OOCSS con Foundation
Preguntas de la Clase
Maquetación de la Home de Sfotipy
Icon Fonts
Preguntas de la Clase
Responsive Design
Nib, Mixins en Stylus
Preguntas y respuestas
Dominando Javascript
Construyendo un MVC con Javascript
Preguntas y Respuestas
Javascript Modular con Backbone
Preguntas y respuestas
Optimización del Frontend
5 Buenas prácticas en Javascript
Preguntas y Respuestas
Sfotipy con Angular JS
HTML5 y la Web Semántica
Soporte HTML5 en navegadores viejos
Como usar vídeo en HTML5
Capacidades de CSS3
HTML5: Una estrategia de marketing

Off Canvas, Mobile First y Remote Debugging

Responsive design off canvas
Mobile first
Gestos touch
Remote debugging
Leonidas responde a tus dudas

Responsive Slides, Retina Design, Media Queries en JS

Portafolio.la Responsive Design
Integración de Responsive Slides en Portafolio.la
Portafolio.la Retina Design
Media Queries en Javascript
Leonidas responde

Conceptos Básicos de JS y JQuery

Nuevas capacidades de Javascript
Javascript Orientado a Objetos.
¿Qué es JSON?
jQuery: Sintaxis, Efectos y Callbacks
Manejo de eventos en jQuery
¿Qué es Document Object Model (DOM) ?
Accediendo al DOM con JQuery

Introducción y Conceptos Básicos del Framework

¿Dónde está el examen del curso?
¿Que es AngularJS?
Agregando AngularJS a nuestro proyecto
Directivas
Tu primer controlador
Filtros básicos
Repositorio del Proyecto: Pokedex
Sesión de preguntas y respuestas

Crea Formularios, Directivas y Módulos

Uso de formularios
Directivas personalizadas
Validación y filtros en formularios
Creación de módulos en AngularJS
Sesión de preguntas y respuestas

Rutas, Servicios y Local Storage

Introducción a rutas
Creación de un controlador asociado a una vista
Servicios como buena practica de peticiones HTTP
Almacenamiento de datos en Local Storage
Se parte del proyecto, tareas adicionales de Pokedex
Sesión de preguntas y respuestas

Curso de Frontend de Octubre de 2013

HTML5, CSS3 y preprocesadores
Preguntas y respuestas
Responsive Design, Icon Fonts y CSS3 avanzado
Preguntas y respuestas
Introducción a Javascript y Bootstrap
Preguntas y respuestas
Jquery: eventos y closures
Preguntas y respuestas
Recomendaciones antes de la Clase de Backbone
Introducción a Backbone.js
Preguntas y respuestas
Backbone.js avanzado
Preguntas y respuestas
Uso de Stylus y NIB
Videos Elásticos con Responsive Design
Instalación de Emmet y la sintaxis de Stylus en Sublime text
icomoon: Usar iconos como fuentes
¿Cómo lograr que todos tus proyectos estén en Stylus?

Curso de Frontend Mayo de 2013

Nociones básicas de Html5, Stylus y CSS3
Nociones básicas de Html5, Stylus y CSS3
Icon fonts y responsive design
Desarrollo de la interfaz de PULS3
Bootstrap, Javascript y Jquery
JavaScript Avanzado
JavaScript Avanzado
Introducción a Backbone.js
¿Qué es Ponyexpress?
Backbone.js y PonyExpress.js
¿Qué son los Sistemas de templates?
Mustache.js como sistema de templates
Web app real time con Node.js, JSON, Backbone y PonyExpress
¿Te es difícil entender los Mixins?
Geolocalización, Local Storage y Session Storage
Responsive Design, qué es y cómo usarlo
Breve tutorial para Instalar Stylus en Windows, Mac y Linux
Stylus: el preprocesador CSS
Diseño retina: Magia sin exceder los bytes
Conexión a API’s: Probando GitHub API V3.0

Comunidad Mejorando.la

Repaso de Backbone.js
Clase bonus con Pablo Rigazzi
Automatización de tareas de frontend usando Gulp.js
Diploma del Curso Profesional de Frontend

¡Obtén reconocimiento por tu trabajo!

Comparte tus logros con tu familia, amigos, empleadores y la comunidad.

Apenas termines el curso tendrás acceso al diploma digital y cuando finalices la carrera te enviaremos el diploma en papel a tu casa.

Los Profesores

Leonidas Esteban

Leonidas Esteban

@LeonidasEsteban

Frontend Chapter Lead en Grow

Jeduan Cornejo

Jeduan Cornejo

@jeduan

Senior Full Stack Engineer en Toptal

Guido Vilariño

Guido Vilariño

@gvilarino

Technology development en Mural

Elige un plan y empieza a estudiar

Platzi Expert
Platzi Basic
Solo este curso
dólares

$25 / mes

En un solo pago de $299
  • Accedes a más de 600 cursos y 50 carreras
  • 10 cursos exclusivos
  • Clases en vivo o a tu ritmo con profesores y mentores
  • Estudia donde quieras en la web o en tu teléfono
  • Certificados digitales de los cursos que apruebas
  • Recibe los certificados de tus carreras, vivas donde vivas
  • Acceso a las actualizaciones de todos los cursos
  • Pago con tarjetas de crédito o débito
  • Pago en depósito, Paypal y otros métodos
  • Entrada exclusiva al Taller de Creación de Startups
  • Entrada preferencial a PlatziConf en todo el mundo
  • Descarga los cursos offline con la app de iOS o Android
Qué obtienes
  • Accedes a más de 600 cursos y 50 carreras
  • 10 cursos exclusivos
  • Clases en vivo o a tu ritmo con profesores y mentores
  • Estudia donde quieras en la web o en tu teléfono
  • Certificados digitales de los cursos que apruebas
  • Recibe los certificados de tus carreras, vivas donde vivas
  • Acceso a las actualizaciones de todos los cursos
  • Pago con tarjetas de crédito o débito
    0-con tarjetas de crédito o débito
    1-con tarjetas de crédito o débito
    2-con tarjetas de crédito o débito
  • Pago en depósito, Paypal y otros métodos
    0-en depósito, Paypal y otros métodos
    1-en depósito, Paypal y otros métodos
  • Entrada exclusiva al Taller de Creación de Startups
  • Entrada preferencial a PlatziConf en todo el mundo
  • Descarga los cursos offline con la app de iOS o Android

Recomendado

Platzi Expert

$25

Bandera de tu país

dólares al mes

En un solo pago de $299

Platzi Basic

$39

Bandera de tu país

dólares

Pagas mes a mes

Solo este curso

$49

Bandera de tu país

dólares

1 solo curso, 1 solo pago

¿Necesitas capacitación para tu empresa? Tenemos planes especiales. Conócelos en platzi.com/empresas

Cursos exclusivos de Platzi Expert

Taller de creación de Startups
Taller de creación de Startups
Introducción a la Creación de Empresas y Startups
Introducción a la Creación de Empresas y Startups
Curso de Inglés Técnico para Profesionales
Curso de Inglés Técnico para Profesionales
Curso de Gestión Financiera para Startups - 2017
Curso de Gestión Financiera para Startups - 2017
Cómo Conseguir Trabajo en Programación
Cómo Conseguir Trabajo en Programación
Curso de Internacionalización para Startups
Curso de Internacionalización para Startups
Curso de Inglés Básico: Fundamentos
Curso de Inglés Básico: Fundamentos
Curso de Inglés Básico: Gramática
Curso de Inglés Básico: Gramática
Curso de Inglés Básico: Conversación
Curso de Inglés Básico: Conversación
Curso de Introducción al Trading
Curso de Introducción al Trading

6 razones para estudiar con Platzi

Proyección profesional

Proyección profesional

El 80% de nuestros estudiantes obtienen un mejor empleo

Proyección profesional

Enfoque

Cumple tus objetivos con nuestra metodología de aprendizaje

Proyección profesional

Diploma de certificación

Tendrás un diploma de certificación al aprobar un curso o una carrera

Proyección profesional

App y contenido offline

No interrumpas tu aprendizaje, sigue aprendiendo mientras te mueves

Proyección profesional

Mentoría permanente

Acompañamos tu proceso de aprendizaje respondiendo todas tus dudas

Proyección profesional

Material exclusivo

Refuerza lo aprendido con lecturas, ejercicios y retos reales

Preguntas frecuentes de los cursos de Platzi

La suscripción hace cobros automáticos a tu tarjeta cada año a menos que suspendas tu cuenta. Esto lo puedes hacer desde mi suscripción, donde también encontrarás tu historial de pagos y podrás descargar tu facturas.
Al finalizar las clases publicamos un examen de certificación. Los alumnos aprueban con 90% de calificación o más. El certificado demuestra que has aprendido y comprendido exitosamente los temas vistos. Si pierdes el examen puedes reintentarlo cada 6 horas
Los cursos son online y todo está disponible 24/7 en la plataforma, además tenemos una aplicación móvil donde puedes descargar los contenidos para verlos offline. Más que materiales para descargar, la experiencia Platzi está construida para que la disfrutes al iniciar tu sesión. Te esperamos.