• Ir a navegación principal
  • Ir al contenido principal
SiliCodeValley

SiliCodeValley

Cursos online de diseño y desarrollo WordPress

  • Cursos
  • Tutoriales
  • Directos
  • Acceder
  • Suscríbete

Diseño web responsive con Bootstrap 3

Sobre este curso

Bootstrap ha sido durante mucho tiempo y sigue siendo el framework más popular de HTML, CSS y JS para diseñar proyectos webs responsive.

Qué vas a aprender

En este curso aprenderás a utilizar el potente framework Bootstrap 3, gracias al cual podrás crear diseños web el doble de rápido y con resultados 100% profesionales. Esto se traduce en que serás más eficiente y por tanto podrás afrontar más proyectos de clientes.

Empresas de la talla de Spotify han utilizado Bootstrap 3 en alguno de sus proyectos ya que su uso es realmente sencillo. A partir de ahora no tendrás excusa para crear sitios web que se adapten a todo tipo de dispositivos (smartphones, escritorio o tableta).

Durante todo el curso utilizaré la Metodología de Aprendizaje Learning by Doing. Por lo que desde el minuto 0 nos pondremos manos a la obra con el framework, para que aprendas a la par que practicas. Para ello crearemos un sitio web formado por 5 páginas.

Nota: Aunque ya está disponible Bootstrap 4, la versión 3 seguirá siendo 100% funcional, ya que es ampliamente utilizada. Además, si estás empezando en el desarrollo frontend te recomiendo Bootstrap 3, pues la versión 4 requiere conocimientos de Sass.

Requisitos del curso

  • Conocimientos muy básicos de HTML y CSS
  • Conexión a Internet

Módulos

Introducción

Lecciones

  • ¿Qué es Bootstrap? y por qué va a Cambiarte la Vida
  • El Proyecto Web final que vas a construir en este curso
  • En qué consiste este curso y en qué no
  • ¡Examen sorpresa! Módulo 1

Puesta a punto del Entorno

Lecciones

  • Esquematizando la Web usando Wireframes
  • Descárgate el Editor de Textos Sublime Text
  • Descárgate Bootstrap 3
  • Descárgate el material del curso
  • ¡Examen sorpresa! Módulo 2

Desarrollo de la página de Promoción del Curso "home.html"

Lecciones

  • Plantilla Básica de Bootstrap
  • Creación de la Estructura General
  • Instalación de Fuentes Web con Google Fonts
  • Instalación de fuentes de iconos con FontAwesome
  • Creación de la Barra de Navegación
  • Creación de la Portada
  • Creación del apartado: ¿Qué voy a aprender?
  • Creación del apartado: ¿Quién debería tomar este curso?
  • Corrección (Evitar el scroll horizontal y columnas incorrectas)
  • Creación del apartado: Características del curso
  • Creación del apartado: Tu Instructor
  • Creación del apartado: Mira el vídeo de presentación
  • Creación del apartado: Llamada a la acción
  • Creación del Footer
  • Creación de la ventana modal para acceder
  • Creación de la ventana modal para registrarse
  • ¡Practica con tu código! Módulo 3

Desarrollo de la página Listado del Curso

Lecciones

  • Reaprovechando código anterior
  • Retocando la Barra de Navegación
  • Creación del listado
  • ¡Practica con tu código! Módulo 4

Desarrollo de la página Detalle de una Lección

Lecciones

  • Reaprovechando código anterior
  • Creación del apartado: Vídeo de la lección
  • Creación del apartado: Escribe tu comentario
  • Creación del apartado: Comentarios y Respuestas
  • Creación del apartado: Responder comentario
  • ¡Practica con tu código! Módulo 5

Creación de la página Administración del Curso

Lecciones

  • Reaprovechando código anterior
  • Creación del Menú de Administración
  • Creación del apartado: Edición del listado
  • Creación del apartado: Añadir nueva sección
  • Creación del apartado: Añadir nueva clase
  • ¡Practica con tu código! Módulo 6

Desarrollo de la página Editar mi Cuenta

Lecciones

  • Reaprovechando código anterior
  • Creación del apartado: Editar mi cuenta
  • ¡Practica con tu código! Módulo 7
  • Recapitulando y despedida

Introducción al Web Hosting
PHP para WordPress

  • Blog
  • Acerca
  • Contacto
  • Privacidad
  • Términos
  • Aviso Legal
  • Cookies

Utilizamos cookies propias y analíticas para darte la mejor experiencia en nuestra web.

Puedes informarte más sobre qué cookies estamos utilizando o desactivarlas en los AJUSTES.

se ha unido a .

Resumen de privacidad
SiliCodeValley

Esta web utiliza cookies propias y analíticas para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.

Cookies estrictamente necesarias

Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.

Cookies analíticas

Esta web utiliza Google Analytics para recopilar información anónima tal como el número de visitantes del sitio, o las páginas más populares.

Dejar esta cookie activa nos permite mejorar nuestra web.

¡Por favor, activa primero las cookies estrictamente necesarias para que podamos guardar tus preferencias!

Mostrar detalles
Nombre Proveedor Propósito Duración
_ga Google Analytics Cookie de terceros persistente con fines analíticos. Se usa para distinguir a los usuarios. 2 años
_gat Google Analytics Cookie de terceros persistente con fines analíticos. Se usa para limitar el porcentaje de solicitudes. 1 minuto
_gid Google Analytics Cookie de terceros persistente con fines analíticos. Se usa para distinguir a los usuarios. 24 horas
Política de cookies

Más información sobre nuestra política de cookies