Crea un Landing Page con HTML5, CSS3, Bootstrap y WordPress
4.5 (115 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
534 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Crea un Landing Page con HTML5, CSS3, Bootstrap y WordPress to your Wishlist.

Add to Wishlist

Crea un Landing Page con HTML5, CSS3, Bootstrap y WordPress

Crea un increíble Landing Page con CSS3, HTML5 y JS desde cero y paso a paso, además conversión de HTML5 a WordPress!
4.5 (115 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
534 students enrolled
Last updated 2/2017
Spanish
Current price: $10 Original price: $95 Discount: 89% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 5 hours on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Aprenderás a integrar HTML5 Boilerplate
  • Integrar Librerias como Font Awesome, Bootstrap, AnimateCSS
  • Crear un formulario con PHP y jQuery
  • Integrar librerías Javascript como Smooth Scrool y WaypointJS
  • Al Finalizar el curso tendrás un diseño completamente funcional para promover tu producto o servicio
View Curriculum
Requirements
  • Un editor de Texto (se utilizará Sublime Text), algunas imágenes si no deseas utilizar las del curso y muchas ganas de aprender
Description

ACTUALIZADO SEPTIEMBRE 2016:

21 NUEVOS VIDEOS, APRENDE COMO TRANSFORMAR ESTE LANDING PAGE A WORDPRESS PARA CREAR UN SITIO 100% DINAMICO!

En este curso crearemos un INCREIBLE y FUNCIONAL landing page con muchas funcionalidades como ser Mobile Friendly (con Bootstrap) Animaciones de CSS3 con AnimateCSS, efectos al hacer scroll con JavaScript, Formularios en HTML5 y PHP, iconos con Font Awesome y mucho más!

Crear landing pages con Bootstrap es un tema muy popular hoy en día!! y en este curso aprenderás todo lo necesario para crearlos.

Comenzaremos con un poco de HTML, después agregaremos Twitter Bootstrap, el Framework Front end más popular del mundo para crear sitios web responsive.

Después nos moveremos a CSS, para cambiar el diseño radicalmente de Bootstrap.

Si no tienes experiencia con JavaScript no te preocupes, explicaremos todo y el código será creado en la pantalla, NADA DE CÓDIGO MÁGICO QUE SOLO APARECE EN PANTALLA!

Si ya has escrito algo de HTML y CSS y estas listo para dar el siguiente paso, ESTE CURSO ES PARA TI!.

Si eres de las personas que aprenden más creando PROYECTOS DEL MUNDO REAL, este curso es para ti!

Who is the target audience?
  • Iniciaremos todo el proyecto desde 0, si no tienes experiencia con seguir los videos podrás culminar con el mismo diseño que se muestra
  • Diseñadores y programadores con experiencia, podrán integrar nuevas librerías a sus proyectos.
Compare to Other Bootstrap Courses
Curriculum For This Course
64 Lectures
05:07:57
+
Introducción
2 Lectures 04:24

En este video veremos los archivos para el curso, puedes descargarlos aquí mismo

Preview 00:34

En este video veremos las herramientas con las que trabajaremos en este curso

Preview 03:50
+
Trabajando con el HTML
6 Lectures 25:09

En este video veremos como agregar las librerias de JavaScript y CSS a nuestro proyecto

Preview 03:30

En este video escribiremos el HTML para los contenedores principales de nuestro diseño

Preview 04:12

En este video escribiremos el HTML para la primera parte

Agregando el HTML Primera Parte
03:20

En este video agregaremos la segunda parte del HTML

Agregando el HTML Segunda Parte
05:28

En este video agregaremos la tercera parte del HTML

Agregando el HTML Tercera Parte
02:11

En este video agregaremos el HTML de la cuarta parte

Agregando el HTML Cuarta Parte
06:28
+
Integrando Bootstrap a nuestro proyecto
6 Lectures 28:49

En este video comenzaremos a trabajar con bootstrap

Agregando Classes de Bootstrap Primera Parte
03:04

En este video continuaremos trabajando con las classes de Bootstrap

Agregando Classes de Bootstrap Segunda Parte
06:54

En este video comenzaremos a trabajar con las pantallas Modal de Bootstrap

Creando una Pantalla Modal de Bootstrap Primera Parte
05:38

En este video escribiremos el Javascript para nuestras pantallas modal

Agregando Modal de Bootstrap Segunda Parte (JavaScript)
03:44

En este video continuaremos agregando las clases de Bootstrap

Agregando Classes de Bootstrap Tercera Parte
04:21

En este video agregaremos Bootstrap a nuestro fromulario de contacto

Preview 05:08
+
Cambiando la apariencia de Bootstrap con CSS
6 Lectures 47:33

Bootstrap es un gran Framework, adaptarlo a nuestras necesidades es fácil y aquí te enseñaré como.

Cambiando la apariencia de Bootstrap con CSS Primera Parte
10:09

En este video continuaremos adaptando Bootstrap a nuestras necesidades de Diseño.

Cambiando la apariencia de Bootstrap con CSS Segunda Parte
08:55

En este video creamos el efecto Parallax

Creando el efecto Parallax
04:47

En este video continuaremos cambiando la apariencia de Bootstrap para adaptarlo a nuestras necesidades.

Cambiando la apariencia de Bootstrap con CSS Tercera Parte
10:43

En este video adaptaremos los estilos de Bootstrap en nuestro formulario

Cambiando la apariencia del Formulario con CSS
07:58

Hacer imágenes responsivas con Bootstrap es muy fácil, aquí te mostraré como.

Preview 05:01
+
Construyendo la navegación
2 Lectures 09:45

En este video aprenderás a crear un menu con Bootstrap

Construyendo un Menu con Bootstrap HTML
05:45

En este video editaremos el CSS para que nuestro diseño se vea como deseamos.

Preview 04:00
+
Ajustes para dispositivos móviles
2 Lectures 12:07

Haremos algunos ajustes para que nuestro diseño se vea muy bien en cualquier dispositivo móvil

Agregando Classes para dispositivos móviles
04:54

Agregaremos unos MediaQueries para poder ajustar nuestro diseño a dispositivos móviles

Agregando Media Queries para móviles
07:13
+
Implementando transiciones CSS3 a la navegación
2 Lectures 06:57

En este video escribiremos el JavaScript para detectar cuando un usuario hace Scrolling en nuestra página

JavaScript para detectar el movimiento del usuario
03:58

En este video animaremos el menú con CSS3

Animando el Menu con CSS3
02:59
+
Integrando otras librerías a nuestro proyecto
6 Lectures 32:23

En este video agregaremos las funciones de SmoothScrollJS a nuestro proyecto

Integrando SmoothScrollJS
03:42

En este video veremos como integrar FontAwesome a tu proyecto

Integrando Font Awesome
07:43

En este video editaremos el CSS de nuestros iconos de FontAwesome

Ajustando CSS de Font Awesome
04:14

En este video aprenderás a animar un elemento cuando el navegador lo detecta con WaypointsJS y AnimateCSS

Integrando WaypointsJS y AnimateCSS
08:53

Ajustando Animaciones con CSS3
04:01

Agregando Javascript para reiniciar el menu
03:50
+
Validación del formulario de contacto
6 Lectures 29:08

En este video veremos las validaciones de HTML5

Preview 01:38

En este video agregaremos los atributos necesarios para poder mandar correos mediante PHP y AJAX

Agregando Atributos al Formulario
04:59

En este video agregaremos BootstrapValidator, para validar cada campo con JavaScript

Validando con BootstrapValidator
08:04

En este video ajustaremos las hojas de estilo de BootstrapValidator

Preview 07:50

En este video crearemos el archivo PHP que se encargará de enviar los e-mails

Creación del archivo PHP para enviar e-mails
05:00

Nuestro diseño esta listo, es hora de probar que funcione correctamente

Probando el formulario de contacto y fin del Curso
01:37
+
Agregando Carousel a nuestro diseño
2 Lectures 06:51

En este ideo aprenderás a integrar Carousel de Bootstrap a nuestro proyecto.

Creando un Carousel Parte 1 HTML
05:09

Creando un Carousel Parte 2 CSS
01:42
1 More Section
About the Instructor
Juan Pablo De la torre Valdez
4.5 Average rating
3,820 Reviews
13,599 Students
19 Courses
Freelance Web Developer and Owner of Easy-WebDev

My name is Juan Pablo De la torre Valdez, i´m from Guadalajara. Mexico.
For the last 10 years i been working with the web, i have a lot of experience in modern Web Technologies such as Foundation, Bootstrap, RWD, WordPress, Drupal, PHP, JavaScript & jQuery, HTML5, CSS3, SASS and Photoshop.

I started a company called CreativaWeb where i design and develop WordPress based websites.

I really like to design and develop websites, in the recent years i made hundreds of websites for Government, Universities, Startups and Medium-Size Companies from my city, the whole country and  from another countries.

----------------------------------------------------------------------------------------

Soy diseñador y programador web desde hace más de 10 años, tengo amplia experiencia y trabajo diariamente con tecnologías como Foundation,  Bootstrap, WordPress, Drupal, PHP,JavaScript y jQuery, HTML5, CSS3, SASS y Photoshop.

Comencé una compañia llamada CreativaWeb, donde principalmente diseño y desarrollo sitios web en WordPress.

Me gusta combinar mi trabajo en diseño y programación; en los años anteriores he hecho cientos de páginas para dependencias del Gobierno, Universidades, Pequeños y Medianos de negocios de mi ciudad, a nivel nacional y de otros países.