Diseño Web Profesional desde cero

Name: Diseño Web Profesional desde cero
Rating: 4.5 (7 reviews)

El Curso donde aprenderás de una forma muy práctica y desde cero a diseñar cualquier sitio Web

Created byRoberto Martín Castillo Ramos

Last updated 11/2022

Spanish

What you'll learn

Conocer los lenguajes que te servirá para diseñar cualquier sitio Web de forma profesional
Maquetar cualquier página web utilizando el lenguaje HTML
A darle estilos a cualquier sitio web utilizando el lenguaje CSS
Convertir tu sitio web en un sitio adaptable a cualquier dispositivo móvil con Responsive Design
Programar con JavaScript el lenguaje de programación más importante del diseño web y hará que tus paginas sean más dinámicas e interactivas
A dar animaciones y efectos a tus sitios web utilizando JQuery
Diseñar con Bootstrap el framework más importante del diseño web la cual hará que tus sitios sean responsive de una forma muy fácil
Subir tu página web a Internet para que todo el mundo pueda acceder a ella.
Crear layout, portafolios de trabajo, páginas para negocios y muchas otras practicas que te ayudarán a aprender todo lo relacionado al diseño Web

Course content

13 sections • 205 lectures • 30h 1m total length

Introducción3:34

Herramientas4:10
¿Qué es una etiqueta?2:54
Estructura básica de un sitio web con HTML6:09
Salto de línea3:05
Encabezados5:28
Párrafos3:50
Etiquetas de texto5:17
Listas5:02
Enlaces6:16
Imágenes14:38
Tablas5:04
Elementos en línea y elementos en bloque4:33
Formularios15:48
Tipos de Input18:04
Citas de texto3:47
La Etiqueta Meta6:34
Etiquetas para Maquetar7:14
ID y Class3:39
La etiqueta Span4:23
Insertar un video de Youtube - Iframe4:44
Favicon - poner icono en una página web4:02
PRACTICA - Creando un Layout PARTE1(Header y Contendido principal)12:01
PRACTICA - Creando un Layout PARTE2(Sidebar y Footer)5:53
ACTUALIZACION PRACTICA creando aside0:48

Introducción a CSS2:05
Tus primeros estilos CSS4:59
Creando el archivo CSS3:57
Selectores: Estilos a las Etiquetas8:40
Selectores: Estilos a Atributos9:20
Selectores Avanzados7:32
Fondos(background PARTE 1)14:21
Fondos(background PARTE 2)2:59
Gradientes4:50
Colores con CSS9:20
Dando estilos a los Enlaces4:00
Texto y Tipografía15:04
Unidades de Medida en CSS13:12
Modelo de Caja16:40
Tipos de elementos(bloquee y línea)9:20
PRACTICA-Creando un menú de navegación horizontal10:05
Posicionamiento de Cajas9:27
PRACTICA-Posicionando imágenes4:33
Posicionamiento flotante7:54
Propiedades de Visualización13:18
Propiedad Z-index4:55
PRACTICA-Creando una galería de imágenes8:11
Bordes7:52
Sombras4:35
Listas4:32
Tablas6:50
Pseudoclases5:50
Pseudoelementos6:37
Propiedad Transform5:11
Propiedad Transition4:34
PRACTICA- Formulario de Contacto (HTML y CSS)14:30
Animaciones con CSS5:55
Fuentes personalizadas con Google Fonts11:11
PRACTICA- Estilos CSS al Layout (Header)7:59
PRACTICA- Estilos CSS al Layout (Main y Sidebar)14:56
PRACTICA- Estilos CSS al Layout (Footer)6:21

Introducción y Propiedades para elementos Padre20:40
Propiedades para elementos Hijos10:29
PRACTICA(parte1) - Diseñando página con flexbox Estructura HTML9:00
PRACTICA(parte2) - Diseñando página con flexbox Estilos al Header6:34
PRACTICA(parte3) - Diseñando página con flexbox Estilos al Main y Aside10:51
PRACTICA(parte4) - Diseñando página con flexbox Estilos al Footer5:03
PRACTICA(parte5) - Diseñando página con flexbox Mediaqueries10:30

Presentación de la practica1:30
Recursos a Utilizar en esta practica7:13
Estructura HTML del Header7:02
Estructura HTML de Sobre mi y Trabajos Destacados4:49
Estructura HTML del Formulario de Contacto4:15
Estructura HTML del Footer5:09
Estilos CSS al Header13:49
Estilos CSS al Sobre mi7:39
Estilos CSS a Trabajos Destacados3:44
Estilos CCS al Formulario10:13
Estilos CSS al Footer8:42
Diseño adaptable al Portafolio8:27

Introducción a Javascript7:46
Variables13:47
Tipos de datos4:38
Operadores (parte 1)7:38
Operadores (parte 2)7:03
Arreglos6:57
Metodos de los Arreglos11:52
Condicional IF10:24
Condicional Switch3:52
Ciclo For9:49
Ciclo While7:46
Sentencia Break y Continue4:08
Funciones10:20
PRACTICA-1 Creando una calculadora (html y css)6:48
PRACTICA-2 Creando una calculadora (JavaScript)17:07
Scope Javascript11:21
¿Qué es el DOM y cómo funciona?15:41
Agregando Nodos al DOM (elementos)7:46
Gestionando los Nodos del DOM11:55
Eventos del DOM con Javascript18:50
PRACTICA -1 Galería de imágenes con LIGHTBOX (estructura HTML)6:02
PRACTICA -2 Galería de imágenes con LIGHTBOX (estilos CSS)5:47
PRACTICA -3 Galería de imágenes con LIGHTBOX (Preparando el lightbox)16:03
PRACTICA -4 Creando lightbox con Javascript13:19
PRACTICA -5 Adaptando nuestra Galería4:42
Palabra reservada This8:46
Objetos en Javascript7:54
PRACTICA-1 Creando un formulario13:09
PRACTICA-2 Dando estilos al formulario18:24
PRACTICA-3 Validando formulario con JS (parte1)18:23
PRACTICA-4 Validando formulario con JS (parte2)9:58
Función Timeout e Interval6:21
Fechas y Tiempo con Javascript10:27
LocalStorage y SessionStorage7:41

Introducción a Jquery12:20
Selectores con Jquery8:58
Efectos con Jquery9:45
Eventos con Jquery15:04
Animaciones con Jquery18:11
Accediendo a los elementos del DOM con Jquery15:43
Filtrar elementos con Jquery8:05
Manipulando el DOM15:50
Agregar nodos al DOM6:52
Eliminar nodos del DOM5:05
Palabra reservada This3:12
Metodo Stop6:21
Callbacks7:15
Usando CSS con Jquery7:48
Metodos para obtener medidas con Jquery14:27

Presentando nuestro proyecto4:01
Descargando los recursos3:33
Creando el Header y el Main9:24
Creando la Galería y Contáctenos9:37
Creando Ubicación y Footer5:56
Estilos al Header10:29
Estilos al Main y Acerca de13:40
Estilos a la Galería10:37
Estilos a Contáctenos9:39
Estilos Ubicación y Footer10:12
Mediaqueries parte 18:35
Mediaqueries parte 28:20
Efectos Jquery y trabajando con los enlaces10:08

¿Qué es Bootstrap y qué vamos a aprender?5:07
Descargando bootstap y primeros pasos10:52
Explicando la grid de Bootstrap6:37
Ejemplo como crear mi primera Grid de Bootstrap15:49
Creando una pagina usando el sistema de columnas9:59
Tipografía parte 18:57
Tipografía parte 217:01
Tablas11:23
Alertas6:58
Carousel14:55
Botones10:44
Cards17:24
Formulario10:21
Formulario con la grid de Bootstrap21:11
Listas17:03
Ventana Modal13:36
Enlaces13:08
Navbar17:27
Progress Bar7:55
Flexbox con Bootstrap (parte1)28:25
Flexbox con Bootstrap (parte2)26:27
Flexbox con Bootstrap (parte3)15:19
Variantes de clases con Flexbox dentro de Bootstrap3:02
Colores1:37
Fondos1:08
Bordes1:32
Sombras1:20
Espaciados5:24
PRACTICA página con Bootstrap - Recursos3:41
PRACTICA página con Bootstrap - Creando Navbar9:11
PRACTICA página con Bootstrap - Creando Carousel8:04
PRACTICA página con Bootstrap - Creando Galería5:58
PRACTICA página con Bootstrap - Creando Formulario4:59
PRACTICA página con Bootstrap - Creando Footer2:08
Como aprender más de Bootstrap1:38

Requirements

No necesitas ningún conocimiento previo solo una computadora, acceso a internet y muchas ganas de aprender
Este curso está diseñado para que puedas aprender desde cero, desde lo más básico hasta un nivel avanzado con varias prácticas que estaremos realizando en este curso

Description

¿Te gustaría aprender diseño web ? pues has llegado al lugar correcto.

Bienvenido al Curso de Diseño Web Profesional desde cero, el curso donde aprenderás paso por paso y desde lo más básico a diseñar cualquier sitio web de una forma muy fácil.

No importa si nunca has diseñado un página web el curso esta creado para que puedas aprender desde cero hasta un nivel avanzado con una serie de ejemplos y proyectos reales

Al finalizar este curso te aseguro que serás capaz de diseñar cualquier sitio web de forma Profesional, ya seas un estudiante o un emprendedor y quieres crear una página web para tu negocio pues este curso te ayudara a cumplir tu objetivo

Podrás crear la estructura de un sitio web con HTML, aprenderás CSS para darle estilos y una mejor apariencia a tu sitio, harás que tu sitio web se adapte a cualquier dispositivo móvil, le darás lógica y más vida a tu página con JavaScript y JQuery, aprenderás Bootstrap y podrás crear cualquier sitio web de una forma muy fácil, practica y adaptable a dispositivos móviles Y aprenderás como subir tu página web a Internet para que todos puedan acceder a ella.

Cada sección del curso viene con ejemplos y tendremos varias prácticas reales en la que vas a poder emplear todos los conocimientos adquiridos en este curso. Entre algunas de los proyectos que vamos a realizar se encuentran un portafolio de trabajos, una página para negocio, formularios de registro con validación de campos, aprenderemos también a como diseñar un blog donde puedes publicar diferentes contenidos y muchas más prácticas.

Who this course is for:

Estudiantes que quieran aprender el maravilloso mundo del diseño web
Estudiantes y emprendedores que tengan su negocio propio y quieren crear una página web para promocionar sus servicios
Personas que ya conocen temas de diseño web pero quieren reforzar sus conocimientos

Diseño Web Profesional desde cero

What you'll learn

Explore related topics

Course content

Empezamos el curso1 lecture • 4min

HTML24 lectures • 2hr 33min

CSS36 lectures • 4hr 52min

Responsive Design4 lectures • 17min

Diseño Web con Flexbox7 lectures • 1hr 13min

PRACTICA - Diseñando un Portafolio de Trabajo12 lectures • 1hr 23min

Javascript34 lectures • 5hr 42min

Jquery15 lectures • 2hr 35min

PRACTICA: Creando una página para una tienda de frutas13 lectures • 1hr 54min

Bootstrap 5.235 lectures • 5hr 56min

Requirements

Description

Who this course is for: