Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Mindfulness Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Freelancing Online Business Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
2021-03-29 18:32:22
30-Day Money-Back Guarantee
Development Web Development Responsive Design

Diseño Web Profesional El Curso Completo, Práctico y desde 0

HTML5, CSS3, Responsive Design, Adobe XD, SASS, JavaScript, jQuery, Bootstrap 4, WordPress, Git, GitHub
Rating: 4.7 out of 54.7 (12,333 ratings)
30,530 students
Created by Carlos Arturo Esparza
Last updated 2/2020
Spanish
Spanish [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Aprenderas: HTML, CSS, Responsive Design, Adobe XD, SASS, Javascript, Jquery, Bootstrap, Wordpress, Creación de Temas de Wordpress, Git, Github, Alojamiento en Internet.
  • Diseñar cualquier sitio web con HTML y CSS
  • Crear sitios adaptables a dispositivos moviles
  • Darle logica y funcionalidades a sus paginas web mediante JAVASCRIPT
  • Darle efectos y animaciones a sus paginas web mediante Jquery
  • Diseñar bocetos de paginas web en Adobe XD
  • Crear sitios web responsive y en poco tiempo con Bootstrap
  • Utilizar Wordpress
  • Crear temas de wordpress
  • Subir sus propios sitios web a Internet
  • Utilizar Git para compartir codigo en Github
  • Utilizar herramientas indispenzables como SASS
Curated for the Udemy for Business collection

Course content

18 sections • 254 lectures • 42h 42m total length

  • Preview03:08
  • Como seguir este curso y sacar el maximo provecho
    05:41

  • Preview05:08
  • Preview05:54
  • Preview13:08
  • Creando el Encabezado
    15:15
  • Creando la sección de acerca de
    05:23
  • Creando la sección de trabajos
    10:47
  • Creando la sección de contacto
    07:14
  • Creando el pie de página
    15:15

  • Preview04:18
  • Preview16:49
  • Encabezados H
    06:28
  • Parrafos de Texto
    04:12
  • Etiquetas de Texto
    06:42
  • Enlaces
    06:55
  • Listas
    07:25
  • Imagenes
    09:45
  • Tablas
    05:49
  • Formularios
    19:03
  • Tipos de Input
    12:03
  • Etiquetas para Citas de Texto
    04:02
  • Etiquetas Meta
    09:27
  • Atributos Class & ID
    04:34
  • Audio
    05:41
  • Video
    03:37
  • Imagenes SVG
    04:36
  • Etiquetas de Maquetado
    08:29
  • Diferencias entre Div, Article y Section
    05:56
  • Etiqueta iframe y span
    03:54
  • Etiqueta script y noscript
    02:37
  • Inscrustando Videos de Vimeo y Youtube en nuestro sitio web
    03:04
  • Agregando un Icono a nuestra pagina (favicon)
    04:21
  • [PRACTICA] Creando un Layout en HTML Sencillo 1.- Header y Contenido Principal
    09:40
  • [PRACTICA] Creando un Layout en HTML Sencillo 2.- Sidebar y Footer
    04:43

  • Introducción
    01:55
  • Nuestros primeros estilos CSS
    10:24
  • Selectores (Parte 1)
    12:05
  • Selectores (Parte 2)
    05:09
  • Selectores Avanzados
    08:14
  • Fondos
    19:00
  • Gradientes
    04:07
  • Enlaces
    09:22
  • Texto y Tipografía
    12:47
  • Unidades de Medida
    12:27
  • Unidades de Color
    08:46
  • Modelo de Caja
    14:01
  • Tipos de Elementos
    10:11
  • [PRACTICA] Diseñando unos botones con CSS
    12:04
  • Posicionamiento de Cajas
    18:06
  • Posicionamiento Flotante
    10:32
  • Visualizacion
    14:54
  • [PRACTICA] Galería de Imágenes
    08:23
  • Sombras
    07:31
  • Bordes y Bordes Redondeados
    07:57
  • Pseudo-clases
    08:08
  • Pseudo-elementos
    07:04
  • Listas
    11:19
  • [PRACTICA] Diseñando un menú de navegación horizontal
    07:00
  • Tablas
    06:18
  • [PRACTICA] Diseñando un formulario de Contacto
    12:11
  • Propiedad Transform
    09:45
  • Transiciones
    08:19
  • Animaciones
    10:41
  • Como utilizar fuentes personalizadas
    10:29
  • [PRACTICA] Diseñando una Plantilla con Float
    12:26
  • [PRACTICA] Dándole estilos CSS a nuestro Layout 1.- Inicio y Header
    07:46
  • [PRACTICA] Dándole estilos CSS a nuestro Layout 2.- Main, Aside y Footer
    12:06

  • Que es el diseño adaptable y que vamos aprender en esta sección
    05:11
  • El Meta Viewport
    03:08
  • Adaptando nuestro contenido automáticamente
    05:07
  • Mediaqueries
    07:11

  • Introducción a Flexbox y Propiedades para Elementos Padre
    18:19
  • Propiedades para los Elementos Hijo
    12:00
  • [PRACTICA] Diseñando una pagina con flexbox 1.- Estructura HTML
    08:13
  • [PRACTICA] Diseñando una pagina con flexbox 2.- Estilos CSS del Header
    06:29
  • [PRACTICA] Diseñando una pagina con flexbox 3.- Estilos del Main y Aside
    08:27
  • [PRACTICA] Diseñando una pagina con flexbox 4.- Estilos del Footer
    04:00
  • [PRACTICA] Diseñando una pagina con flexbox 5.- Responsive Design
    08:19
  • CSS Grid
    01:27

  • Preview01:08
  • Actualización de Curso - Fontawesome 5
    02:17
  • Descargando los recursos que vamos a utilizar
    05:58
  • Estructura del Header del Portafolio
    07:56
  • Estructura de Acerca de y Trabajos
    10:21
  • Estructura del Formulario de Contacto y Redes Sociales
    08:21
  • Dandole Estilos CSS al Header
    16:47
  • Dandole Estilos CSS al Acerca de
    08:41
  • Dandole Estilos CSS a los Trabajos
    10:23
  • Dandole Estilos CSS al Formulario de Contacto
    10:30
  • Estilos del los iconos de redes sociales del Footer
    06:38
  • Haciendo nuestro portafolio Adaptable a Dispositivos Móviles
    06:41

  • Preview02:48
  • Instalando SASS
    06:36
  • Instalando Soporte para SASS en Sublime Text
    04:06
  • Como vamos a escribir nuestro código CSS desde de ahora
    09:02
  • Como compilar nuestro código
    13:29
  • Como compilar SASS utilizando NodeJS y NPM
    13:39
  • Variables
    07:29
  • Anidacion de Selectores
    08:20
  • Organizando nuestro proyecto en varios archivos (Parciales, @import)
    12:07
  • Mixins y Funciones
    09:49
  • Clases Extendidas
    06:07
  • [PRACTICA] Convirtiendo nuestro Layout a SASS - Estilos del Header
    10:01
  • [PRACTICA] Convirtiendo nuestro Layout a SASS - Estilos del Main, Aside y Footer
    10:55

  • Introducción
    08:42
  • Variables
    10:53
  • Tipos de Datos
    05:17
  • Operadores
    16:09
  • Arreglos
    09:46
  • Métodos y Propiedades para los Arreglos
    13:07
  • Condicionales
    11:06
  • Ciclo For
    18:35
  • Ciclo While
    10:02
  • Sentencias Break y Continue
    08:18
  • Funciones
    18:31
  • [PRACTICA] Trabajando con Funciones y Formularios (Calculadora)
    16:00
  • Scope de Javascript
    17:26
  • Metodos y Propiedades para Cadenas de Texto
    10:23
  • Introducción al DOM
    14:58
  • Agregando Nodos al DOM
    07:59
  • Modificando, Remplazando y Eliminando Nodos del DOM
    10:34
  • Eventos del DOM
    19:45
  • Palabra Reservada This
    08:20
  • Formularios
    15:31
  • [PRACTICA] Creando un Formulario 1.- HTML
    09:20
  • [PRACTICA] Creando un Formulario 2.- CSS
    16:22
  • [PRACTICA] Creando un Formulario 3.- JS
    17:09
  • [PRACTICA] Creando un Formulario 4.- JS (Parte 2)
    06:12
  • Timing - Timers, Timeout e Interval
    08:36
  • Trabajando con Fechas y Tiempo
    08:29
  • Hoisting
    04:35
  • Objetos en Javascript
    16:37
  • HTML5 Audio API / Video DOM y JS
    13:52
  • [PRACTICA] Creando un reproductor de video personalizado (Parte 1)
    10:43
  • [PRACTICA] Creando un reproductor de video personalizado (Parte 2)
    13:21
  • LocalStorage
    07:31
  • ECMASCRIPT 6
    01:18

  • Que es Jquery y como comenzar
    15:20
  • Selectores
    09:43
  • Efectos
    13:05
  • Accediendo a los Elementos del DOM
    14:03
  • Métodos para Filtrar Elementos
    09:37
  • Eventos
    15:48
  • Palabra Reservada This
    05:01
  • Animaciones con Jquery
    15:57
  • Método Stop
    10:27
  • Callbacks
    09:11
  • Manipulando el DOM con Jquery
    10:19
  • Agregando Nuevos Elementos y Contenido al DOM
    10:27
  • Eliminando Elementos del DOM
    06:06
  • Jquery trabajando con CSS
    07:38
  • Métodos Útiles para Trabajar con Medidas
    11:18

Requirements

  • No se necesitan conocimientos previos
  • Una computadora con conexión a internet

Description

¡Curso Completamente Actualizado a 2021! ¡Mas de 20,000+ estudiantes y 4.6 de calificación!

¿Quieres aprender diseño web pero no sabes por dónde empezar?  

¿Cansado de ver tutoriales aburridos y mal explicados?  

Bienvenido al Curso de Diseño Web, curso en el que aprenderás paso por paso y desde lo más básico a diseñar cualquier página web de una forma práctica y sencilla.  

No importa si nunca antes has programado o si no tienes conocimientos de páginas web. Este curso está diseñado para que aprendas desde lo más básico hasta un nivel avanzado en el que podrás diseñar cualquier sitio web de forma profesional.  

Este es más que un curso, una Carrera de Diseño web, porque vas a aprender TODO lo que se necesita para crear cualquier sitio web.  

** Dedica 1 hora al día durante 1 mes con este curso y te aseguro que te convertirás en diseñador web. **  

Iniciamos el curso con una sección en la cual aprenderás a crear tus propios bocetos de sitios web en Adobe XD. Bocetos que más adelante convertiremos en sitios web reales.  

Después veras los fundamentos del diseño web, en donde construirás tu primera página con HTML, y CSS.  

Después aprenderás el arte de convertir tus sitios en increíbles páginas adaptables a dispositivos móviles para que tu página se vea bien desde cualquier dispositivo.  

A continuación aprenderás a programar en Javascript, uno de los lenguajes más importantes. Con el podrás darle lógica a tus páginas para que los usuarios puedan interactuar con ellas.  

Además aprenderás jQuery con el que entre otras muchas cosas aprenderás a agregar efectos y animaciones a tus páginas web.  

Después aprenderás Bootstrap 4, el mejor framework de diseño web con el que podrás hacer sitios web responsive de una forma muy rápida y sencilla.  

Seguiremos con WordPress en donde aprenderás como trabajar con esta maravillosa herramienta como administrador de contenido de tu página web o blog. En este curso aprenderás desde como instalar WordPress hasta como funciona en un sitio real. Incluso al final crearemos un blog real utilizando todo lo aprendido en las secciones anteriores.  

Por ultimo aprenderás como compartir tu código en GitHub mediante el control de versiones Git.  

Y para el final del curso aprenderás como subir tu página web a Internet para que todos puedan acceder a ella.  

Al final del curso serás capas de diseñar cualquier Sitio Web, ya sea el de tu propia empresa, o el de tus clientes. Los beneficios que obtendrás en tu vida con este curso son ilimitados.  

En cada sección del curso hay al menos un proyecto real con la cual vas a poder trabajar con todos los conocimientos adquiridos. Entre los múltiples proyectos que vamos a realizar se encuentran un Portafolio de Trabajos, una página para empresas y/o startups, una página para un Restaurante y un Blog desde el cual podrás ganar ingresos con publicidad.  

   

¿Qué incluye este curso?  

  • Más de 49 horas en video en las que aprenderás más de 200 temas diferentes.   

  • 8 Proyectos de Páginas Reales en los cuales practicar todos los conocimientos aprendidos.   

  • Acceso a todo el código del curso, incluyendo las prácticas.   

  • Garantía de 30 días.   


Aprenderás:  

  • A trabajar con Adobe XD para crear bocetos con los que podrás darle forma a tus propias ideas.   

  • A crear diseñar página web profesional desde cero con HTML y CSS.   

  • A convertir tú sitio web en un sitio adaptable a dispositivos móviles. (Responsive design).   

  • A programar en JavaScript uno de los lenguajes de programación más importantes.   

  • A manipular tus sitios web para agregarles animaciones y efectos con CSS y jQuery.   

  • A trabajar con Bootstrap para crear sitios web responsive en muy poco tiempo.   

  • A trabajar con WordPress para administrar tus propios sitios web.   

  • A crear un blog de WordPress con un diseño personalizado que haremos.   

  • A compartir tu código en Internet mediante Git y GitHub.   

  • A subir tu propia página web a Internet para que todo el mundo pueda acceder a ella.   

  • HTML, CSS, Responsive Design, Photoshop, SASS, JavaScript, jQuery, Bootstrap, WordPress, Creación de Temas de WordPress, Git, GitHub, Alojamiento en Internet.   

  • Y mucho más.   

   

¿Porque estoy compartiendo todo esto contigo?  

Mi nombre es Carlos Arturo y soy el creador de múltiples proyectos incluyendo FalconMasters un canal de YouTube con más de 300.000 suscriptores y más de 33 MILLONES de reproducciones en el que enseño Diseño y Desarrollo Web mediante tutoriales amenos y prácticos.  

También soy el creador del curso PHP y MySQL: El Curso Completo Practico y Desde Cero. Uno de los cursos más vendidos de Udemy en Español. Con más de 20,000 usuarios y un promedio de 4.7 de calificación.  

A la gente le encantan mis videos y cursos por la facilidad que tengo para explicar las cosas de una forma única y mediante prácticas reales. (Puedes comprobarlo en los comentarios de cualquier video de mi canal de YouTube o en mi otro curso de Udemy).  

   

Comparto este curso contigo porque gracias a estos conocimientos es que hoy puedo desfrutar de los beneficios de trabajar desde casa y vivir haciendo lo que más me gusta al mismo tiempo que gano dinero.  

Llegar hasta este punto y aprender todo esto me costó 7 años de mi vida, hoy yo te doy la oportunidad de aprendas todo lo que yo se en un solo curso.  

Ya sea que seas un estudiante, un profesional o un emprendedor. Este curso es todo lo que necesitas para poder iniciar tu propio negocio en Internet o una carrera profesional.  

Hoy en un curso de 30 horas, te enseño todo lo que a mí me tomo 7 años aprender.  

Hoy tú tienes la posibilidad de iniciar una carrera tan lucrativa como la del diseño web.  

Hoy tú puedes crear tu propio negocio en Internet y sacar beneficios que no podrías en ningún otro lado.  

¿Qué esperas para comenzar a crear sitios web y obtener dinero por ello?  

¿Qué esperas para poder iniciar una carrera tan lucrativa como el diseño web?  

Empieza ahora mismo, no te arrepentirás.  

(Si no te gusta te devolvemos tu dinero en 30 días).

Who this course is for:

  • Personas Interesadas en poder diseñar sitios web profesionales
  • Emprendedores que quieren realizar el sitio de su negocio o empresa
  • Estudiantes y personas que quieran iniciar una carrera de Diseño Web

Instructor

Carlos Arturo Esparza
Desarrollador Web y Fundador de FalconMasters
Carlos Arturo Esparza
  • 4.7 Instructor Rating
  • 34,255 Reviews
  • 109,426 Students
  • 6 Courses

Mi nombre es Carlos Arturo Esparza, soy creador de múltiples proyectos en la web, incluyendo FalconMasters una Comunidad en donde enseño Diseño y Desarrollo web y en donde cuento con mas de 300,000 estudiantes siguiendo mis cursos y tutoriales.

Me he dedicado al Diseño y Desarrollo web por mas de 9 años, durante todo ese tiempo he descubierto todas las ventajas que me otorga programar sitios web, es por eso que comparto mi conocimiento con otras personas para que también puedan hacerlo.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.