Udemy

Platform

Español

Language

Web Development

Category

Desarrollo de páginas responsivas con CSS3 y HTML5

Crea páginas web que se vean bien en cualquier dispositivo

4.25 (50 reviews)

Students

11 hours

Content

Apr 2020

Last Update
Regular Price


What you will learn

El alumno comprenderá los principios básicos de la maquetación y el desarrollo de páginas responsivas

El alumno conocerá las diferentes aplicaciones de la sentencia mediaquery para realizar páginas responsivas

El alumno desarrollará varios ejemplos de aplicaciones responsiva por medio de los mediaquerys, CSS3 y HTML5

El alumno aplicará sus conocimientos para desarrollar un grid responsivo y utilizar el lenguaje JavaScript para el desarrollo de páginas responsivas.


Description

Actualmente la mayoría de las consultas a páginas web las realizamos por medio de algún dispositivo móvil, ya sea el teléfono o una tableta, or lo que es muy importante que nuestras páginas se vean bien en cualquier pantalla. Otra tendencia es que las pantallas de los dispositivos móviles son cada vez más grandes o con mayor resolución, lo cual nos presenta otro reto al diseñar nuestros sitios web.

Este curso tiene como objetivo que aprendas a desarrollar páginas "responsivas" que se vean correctamente en cualquier dispositivo, ya sea una computadora de escritorio, una tableta o un teléfono inteligente, ya sea con una pantalla con densidad normal o una con retina. Por medio del uso de CSS3 y HTML5, con los medias querys podremos hacer páginas que "respondan" de manera inteligente a cada tipo de pantalla o "viewport".

¿Qué conocimientos y herramientas se requieren?

  • Conocimiento básico en HTML
  • Conocimiento básico en CSS3
  • Conocimientos básicos de programación con JavaScript (no indispensable)

¿Quién debería tomar este curso?

  • Diseñadores de front end con HTML y CSS
  • Desarrolladores web que deseen crear páginas responsiva

¿Qué conseguirán o serán capaces de hacer los estudiantes después de tomar tu curso?

  • El alumno comprenderá los principios básicos de la maquetación y el desarrollo de páginas responsivas
  • El alumno conocerá las diferentes aplicaciones de la sentencia mediaquery para realizar páginas responsivas
  • El alumno desarrollará varios ejemplos de aplicaciones responsiva por medio de los mediaquerys, CSS3 y HTML5
  • El alumno aplicará sus conocimientos para desarrollar un grid responsivo y utilizar el lenguaje JavaScript para el desarrollo de páginas responsivas.



Screenshots

Desarrollo de páginas responsivas con CSS3 y HTML5
Desarrollo de páginas responsivas con CSS3 y HTML5
Desarrollo de páginas responsivas con CSS3 y HTML5
Desarrollo de páginas responsivas con CSS3 y HTML5

Content

Introducción al desarrollo de páginas responsivas

Historia del Internet

Historia del HTML5

Las etiquetas estructurales en HTML5

Crear un layout fijo de una columna

Concluir una página de una columna

Medidas flexibles en la construcción de páginas responsivas

Medida flexible EM

Medida flexible REM

Medida flexible Porcentaje (%)

Desarrollo de página responsivas por dos columnas

Desarrollo de página responsiva con tres columnas

El manejo de media querys para el desarrollo de páginas responsivas

Los medias querys en CSS3

La etiqueta viewport

Imágenes responsivas con @mediaquery

Detectar la orientación de un dispositivo con mediaquery

Desarrollar una página para laptop y para tableta

Desarrollar una página para un dispositivo móvil pequeño o smart phone

Crear archivos externos: para pantalla y tableta

Crear archivos externos: smartphones

Manejo de columnas con CSS3

Manejar las pantallas de alta resolución o retina con media query

El manejo de las fuentes externas en una página responsiva

Hacer un video HTML5 responsivo

Hacer un video de Youtube responsivo

Hacer una tabla responsiva

Hacer una tabla responsiva para dispositivos pequeños

Crear un formulario responsivo, primera parte

Crear un formulario, segunda parte

Desarrollo de aplicaciones y ejemplos responsivos

Crear un menú responsivo, primera parte

Crear un menú responsivo, segunda parte

Crear un menú responsivo en la parte baja del viewport

Crear un menú en un encabezado responsivo

Crear una galería responsiva, primera parte

Crear una galería responsiva, segunda parte

Crear un slideShow de imágenes responsivas, primera parte

Crear un slideShow de imágenes responsivas, segunda parte

Crear un slideShow de imágenes responsivas, tercera parte

Crear un slideShow de imágenes responsivas, cuarta parte

Crear una galería con SlideShow responsivos, primera parte HTML

Crear una galería con SlideShow responsivos, segunda parte CSS

Crear una galería con SlideShow responsivos, tercera parte JavaScript

Crear un portafolio responsivo, primera parte, HTML

Crear un portafolio responsivo, segunda parte, CSS

Crear un catálogo de productos responsivos, primera parte

Crear un catálogo de productos responsivos, segunda parte

Crear un grid responsivo y el uso de JavaScript

Crear un grid responsivo, primera parte

Crear un grid responsivo, segunda parte

Crear un grid responsivo, tercera parte

Cambiar un layout fijo a uno responsivo

Utilizar JavaScript para páginas responsivas, primera parte

Utilizar JavaScript para páginas responsivas, segunda parte

Crear menú responsivo con un campo de búsqueda

Crear un menú responsivo fijo de lado izquierdo

Crear un menú responsivo deslizable

Crear un menú lateral deslizable

Botones deslizables como menú

Crear un menú vertical

Crear un menú responsivo con encabezado

Crear un menu fijo

Crear un menú que se oculte con el scroll

Crear un submenú desde un botón

Crear un menú responsivo con submenú, primera parte

Crear un menú vertical submenu, primera parte

Crear un menú vertical submenu, segunda parte

Crear un menú vertical submenu, tercera parte

Crear un menu responsivo con un submenú, primera parte

Crear un menú responsivo con un submenú, segunda parte

Crear un "super menú" responsivo

Crear la botonera para paginación

Crear las migas de pan con CSS3

Crear una botonera para las redes sociales

Hasta pronto

Despedida del curso Desarrollo de páginas responsivas con CSS3 y HTML5

Archivos del curso Desarrollo de páginas responsivas con CSS3 y HTML5


Coupons

DateDiscountStatus
4/29/2021100% OFFExpired

1558064

Udemy ID

2/17/2018

Course created date

11/22/2019

Course Indexed date
Bot
Course Submitted by