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

Basic
Expert
Expert+

$25

dólares

al mes

Un pago anual de$299

Ahorras $49 al año vs. Basic

  • Feature
    Acceso a la Escuela de Negocios
  • Feature
    Expert para 2 personas
  • Feature
    Acceso a la Escuela de Inglés y Taller de Creación de Startups
  • Feature
    Mentorías semanales en grupo y en vivo
  • Feature
    Descarga tus clases con la App para estudiar sin conexión
  • Feature
    Acceso VIP a PlatziConf, online y presencial
  • Feature
    Envío de diploma de certificación físico de las Escuelas aprobadas
  • Feature
    Participa en Platzi Demo Day con tu Startup
  • Feature
    Acceso a los nuevos cursos 48 horas antes de su lanzamiento (pronto)
  • Feature
    Desafíos y retos verificados por escuela (pronto)
  • Feature
    Clases en Full HD para toda conexión (pronto)
  • Feature
    App para iOS y Android con funciones exclusivas, cursos en audio y más
  • Feature
    Acceso a 600 cursos, 50 Escuelas y sus actualizaciones
  • Feature
    El precio del plan nunca subirá mientras mantengas tu suscripción activa
  • Feature
    Diploma de certificación digital de las Escuelas y cursos aprobados
  • Feature
    Acceso a la comunidad más grande de profesionales y emprendedores en tecnología de la región

Bandera de tu paísPrecios en dólares

Secure paymentsCompra segura, protegemos tus datos

Múltiples medios de pago

Payment Methods
Elige un plan y empieza a estudiar

Bandera de tu paísPrecios en dólares

Secure paymentsCompra segura, protegemos tus datos

Múltiples medios de pago

Payment Methods
  • Acceso a la Escuela de Negocios
  • Expert para 2 personas
  • Acceso a la Escuela de Inglés y Taller de Creación de Startups
  • Mentorías semanales en grupo y en vivo
  • Descarga tus clases con la App para estudiar sin conexión
  • Acceso VIP a PlatziConf, online y presencial
  • Envío de diploma de certificación físico de las Escuelas aprobadas
  • Participa en Platzi Demo Day con tu Startup
  • Acceso a los nuevos cursos 48 horas antes de su lanzamiento (pronto)
  • Desafíos y retos verificados por escuela (pronto)
  • Clases en Full HD para toda conexión (pronto)
  • App para iOS y Android con funciones exclusivas, cursos en audio y más
  • Acceso a 600 cursos, 50 Escuelas y sus actualizaciones
  • El precio del plan nunca subirá mientras mantengas tu suscripción activa
  • Diploma de certificación digital de las Escuelas y cursos aprobados
  • Acceso a la comunidad más grande de profesionales y emprendedores en tecnología de la región
Basic

$29

Bandera de tu país

al mes

Pagas mes a mes

  • Estudia a tu ritmo
  • App para iOS y Android con contenido exclusivo
  • Diploma de certificación digital
  • Acceso a más de 600 cursos y 50 Escuelas
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Expert

$17

Bandera de tu país

al mes

Un pago anual de$199

Ahorras $149 al año vs. Basic

  • Todos los beneficios de Basic
  • Acceso exclusivo a la Escuela de Inglés
  • Descarga clases con la App y estudia sin conexión
  • Diploma de certificación físico de las Escuelas aprobadas
  • El mejor precio / beneficio
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Expert+

$25

Bandera de tu país

al mes

Un pago anual de$299

Ahorras $49 al año vs. Basic

  • Todos los beneficios de Expert
  • Agrega a una persona a tu plan como beneficiario
  • Acceso exclusivo a la Escuela de Negocios
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Solo este curso

$49Bandera de tu país

1 solo curso, 1 solo pago

Comprar curso

Platzi para empresas

¿Necesitas capacitación para tu empresa?
Tenemos planes especiales. Conócelos en:

platzi.com/empresas

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.