Desarrollo Web Responsive para principiantes

Curso práctico de HTML5, CSS3, Bootstrap, Aplicación JQuery y SEO básico, desde cero hasta crear tu propia Página Web
4.7 (3 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.
12 students enrolled
$19
$35
46% off
Take This Course
  • Lectures 46
  • Length 8.5 hours
  • Skill Level All Levels
  • Languages Spanish
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 2/2016 Spanish

Course Description

Este curso trata acerca del desarrollo web Responsive, es una guía paso a paso, con palabras simples y desde el principio para enseñar a los estudiantes del mismo, todo lo que se puede realizar con HTML5 y CSS3, además con el uso de Bootstrap y JQuery. Es decir, TODO EN UN MISMO CURSO SIN FRAGMENTAR LOS CONOCIMIENTOS.

No es necesario que los estudiantes tengan bases sobre HTML y CSS, ya que a su propio ritmo irán desarrollando las habilidades, mediante los ejemplos planteados en cada video-clase, además se plantea una referencia para que el estudiante lea la aplicación técnica de cada elemento estudiado si así lo deseara.

Algo Importante a mencionar es que, este curso plantea un currículo que yo lo llamo empaquetado, es decir, quita todo contenido innecesario, que se suele encontrar en otros cursos, y solo enseña de una manera eficaz TODO lo mismo sin la necesidad de tantas vueltas, la idea es simple, en vez de dedicarme a redundar y repetir las mismas cosas en todos los vídeos, me dedico a avanzar en las clases, porque es lógico, ¡si tienes el contenido en vídeo, lo puedes repetir la veces que sea!... Y te soy sincero, he revisado varios cursos que enseñan lo mismo, y son tan largos que en vez de enseñar, aburren y aturden al estudiante con tanto tema, en vez de simplificar el problema del aprendizaje lo amplifican. Además este curso en particular plantea una manera de enseñar partiendo desde las bases técnicas y prácticas del código HTML y CSS, hasta el desarrollo de tu propio sitio web siguiendo los ejemplos planteados, este curso no te dejará tan solo con los conocimientos generales, sino que te enseñará a desarrollar un sitio web por tu misma cuenta. ¿Necesitas más razones para inscribirte?... Ahí te van.

La duración del curso depende prácticamente del estudiante, ya que a su propio ritmo podrá ir entendiendo la aplicación práctica de cada lección del curso, pero se espera que cada estudiante culmine el curso en un mes o mes y medio teniendo ya desarrollada su propia web y ésta subida a un servidor.

El curso empieza enseñando las bases de HTML, y dando ejemplos de cada elemento HTML que se puede utilizar, luego se pasa al código CSS en el cual se establecen las propiedades que el alumno podrá aplicar para generar sus propios estilos, por consiguiente se enseña lo que es la Web Responsive usando el Framework Bootstrap para luego ya pasar a la aplicación práctica de todos estos conocimientos generando una web propia, al finalizar la web se enseña a insertar contenido dinámico JavaScript con JQuery, y una vez teniendo la web lista, se enseña a subir esta web en un Servidor o Hosting usando dos métodos. El curso finaliza con el tema de Posicionamiento SEO en el cual se enseñará las bases de éste, para que nuestra web se indexe en los buscadores.

Este es un curso completo con vídeos en los cuales se enseña por pasos y de forma práctica cada uno de los elementos, propiedades, atributos, valores y su uso para el desarrollo de una web, además de todos los conocimientos técnicos que se debe tener para que nuestra web esté correctamente realizada, así que ¿POR QUÉ NO INSCRIBIRSE EN ESTE CURSO?.

What are the requirements?

  • Descargar el software libre Backets desde http://brackets.io/ e instalarlo preferiblemente.
  • De preferencia adquirir un dominio y hostearlo en un servidor, para poder poner en línea la web que desarrollarás en este curso. Deseable pero no necesario.

What am I going to get from this course?

  • Desarrollar la capacidad técnica y creativa para diseñar sitios web responsive con una experiencia visual impecable, efectos JQuery y posicionamiento SEO.
  • Conocer la estructura, código HTML y CSS para desarrollar sitios web con diseño personalizado.

What is the target audience?

  • Está dirigido a principiantes que desean convertirse en desarrolladores web y que estén dispuestos a desarrollar las habilidades necesarias de programación HTML5, CCS3 y aplicación de Bootstrap para que el diseño sea responsive. No deberían tomar el curso quienes no estén dispuestos a lidiar con el código HTML y CCS.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Lo básico de Desarrollo Web HTML
01:50

Rápida introducción a lo que aprenderemos en este curso.

Article

Se recomienda leer para obtener algunas pautas sobre el curso.

02:56

En esta clase aprenderemos los editores que podemos usar para la codificación de HTML y CSS.

11:49

Todos los conceptos básicos referentes a HTML, divididos en:

  • Estructura HTML
  • Elementos HTML
  • Atributos HTML
  • Estilos HTML
06:20

Las bases del código HTML

15:30

Elementos HTML para formato de texto y otros.

16:06

Elementos HTML para generar formularios.

08:19

Elementos HTML para insertar contenido multimedia .

03:59

Elementos HTML para vincular URLs, archivos externos y otros.

03:19

Elementos HTML para crear listas ordenadas y no ordenadas.

07:57

Elementos HTML para creación de tablas.

11:04

Elementos para crear la estructura semántica HTML.

07:35

Elementos HTML para incluir información de metadatos a una web.

08:40

Elementos para insertar código de programación en una web.

08:36

Referencias externas para conocer más sobre la aplicación técnica de los elementos aprendidos.

10 questions

Prueba para comprobar los conocimientos adquiridos en el primer módulo del curso, en caso de reprobar, no proseguir con el curso y seguir estudiando, ya que la base del HTML es el corazón del curso mismo.

Section 2: Lo básico de Estilos CSS
03:26

Crear y vincular una hoja de estilo CSS externa.

11:26

La forma de dar estilo a los elementos HTML usando CSS.

05:56

Dar ids y classes a los elementos HTML para editarlos en CSS.

13:05

Primera clase de aplicación de estilos CSS como tal.

17:40

Clase de aplicación de estilos CSS como tal.

19:58

Clase de aplicación de estilos CSS como tal.

17:02

Clase de aplicación de estilos CSS como tal.

10:48

Clase de aplicación de estilos CSS como tal.

19:00

Clase de aplicación de estilos CSS como tal.

04:29

Clase final de aplicación de estilos CSS como tal.

9 questions

Prueba para comprobar que el estudiante puede aplicar estilos css de acuerdo a las necesidades de diseño.

Section 3: Diseño Web Responsive
04:37

Bases del funcionamiento de diseño responsive.

19:58

Conociendo Bootstrap, sus componentes y classes con las que trabajaremos.

10:56

Vinculando el framework Bootstrap a el proyecto web y su forma de usarlo.

5 questions

Prueba para comprobar que el estudiante entiende la forma en que funciona el diseño web responsive y las classes bootstrap.

Section 4: Desarrollo Web en práctica
06:40

Primeros pasos antes de crear nuestra web: Concebirla.

06:19

Estructurando nuestras ideas de sitio web en un boceto.

05:50

Elementos previos que se recomienda tener listos antes de empezar la codificación de la web para optimizar tiempo, además de unos pequeños consejos para optimizar las imagenes que formarán parte de nuestro sitio web.

19:40

En esta clase se empieza la codificación del código HTML, definiendo los elementos base y construyendo en esta parte el menú principal y el contenido de inicio de la web.

19:48

En esta clase se continúa la codificación HTML, en esta parte se define un elemento de bootstrap que usaremos, llamado Modal, que se despliega par mostrar información, además de la construcción de dos secciones de la web.

20:52

En esta clase finalizaremos la estructura del código HTML de la web, además de construir la sección principal y la sección de contactos de la página, para finalizar agregando los links de scripts de JQuery y Bootstrap para que funcionen los elementos dinámicos.

19:50

En esta clase empezaremos a codificar el estilo css de la web, en esta parte se configura el estilo del botón de regreso a inicio y parte del estilo de Modales Bootstrap.

19:59

En esta clase continuamos con la codificación CSS de la web, en esta parte se dan consejos para combinación de colores, y se finaliza con el estilo de los modales Bootstrap para empezar a configurar el estilo y el comportamiento de los menus tanto de escritorio como móviles y la colocación del primer background de la web.

20:32

En esta clase daremos los estilos visuales de los elementos de la web según el boceto y la estructura concebida inicialmente.

18:34

En esta clase finalizamos la codificación CCS, dando estilo al formulario de contacto y teniendo el estilo visual de la web tal cual se lo planteó en el diseño original.

07:33

En esta clase agregaremos ciertos elementos a nuestra web tales como, reemplazar la fuente creada anteriormente con una fuente Google, además de agregar un link externo que se abre en una pestaña nueva y finalmente el Favicon de nuestra web que se muestra en la pestaña del navegador.

20:15

En esta clase se codifica el archivo PHP que servirá para enviar los datos del formulario de la web hacia un correo, además se enseña los software de servidores locales que existen en el mercado para emular un servidor y poder correr código PHP para prueba.

05:25

Esta es una clase extra en la cual codificaremos un sitio pequeño con páginas internas.

Section 5: Insertando elementos JQuery en la Web
11:15

En esta clase aprenderemos a insertar contenido de código Javascript en la web, para ejecutar ciertas funciones que con HTML y CSS no se lo podría hacer, todo este tipo de código se puede encontrar en Internet para cualquier cosa que se desee hacer, además en esta clase aprenderemos a insertar elementos de Plugins interactivos de Facebook.

10:15

En esta clase aprenderemos a insertar en la web, elementos dinámicos creados con JQuery, estos son plugins que se los encuentra en Internet y son descargables y fácilmente aplicables a nuestros proyectos, solo sabiendo aplicarlos.

Section 6: SEO básico y hosting
16:10

Todas las etiquetas meta básicas que podemos usar para dar la información de nuestra web a los buscadores y otros.

07:43

Aprenderemos de manera rápida la forma de subir nuestra web a un servidor, de manera directa y por FTP

03:54

Clase pequeña en la cual veremos cómo vincular nuestra web al Webmaster Tools de Google para obtener información y poder indexarla.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Ing Alfredo Alejandro Zaldumbide Garcia, Ingeniero en Diseño Gráfico Publicitario

Soñador por naturaleza, emprendedor por excelencia y Diseñador Gráfico Publicitario por profesión, he trabajado en varios proyectos de Comunicación Visual, proyectos de Producción Audiovisual, y claro, he trabajado en un sin número de proyectos de Diseño y Desarrollo Web para empresas, además de haber hecho un proyecto de tesis creando un Videojuego para dispositivos móviles. Pues en mi carrera estoy básicamente encaminado hacia el área de diseño y desarrollo web, producción audiovisual, marketing online, diseño 3D y últimamente desarrollo de videojuegos, siempre emprendiendo y siempre soñando con la autonomía de trabajar libremente por su cuenta, ese es Alfredo Zaldumbide.

Ready to start learning?
Take This Course