Desarrollo Web Responsive para principiantes
4.8 (7 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.
29 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Desarrollo Web Responsive para principiantes to your Wishlist.

Add to Wishlist

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.8 (7 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.
29 students enrolled
Last updated 3/2017
Spanish
Curiosity Sale
Current price: $10 Original price: $35 Discount: 71% off
30-Day Money-Back Guarantee
Includes:
  • 8.5 hours on-demand video
  • 1 Article
  • 8 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 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.
View Curriculum
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.
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?.

Who 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.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
46 Lectures
08:33:53
+
Lo básico de Desarrollo Web HTML
15 Lectures 01:55:05

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

Preview 01:50

Se recomienda leer para obtener algunas pautas sobre el curso.

Lectura Informativa
01:05

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

Editores
02:56

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

  • Estructura HTML
  • Elementos HTML
  • Atributos HTML
  • Estilos HTML
Conceptos básicos
11:49

Las bases del código HTML

Código HTML Básico
06:20

Elementos HTML para formato de texto y otros.

Código HTML de Formato
15:30

Elementos HTML para generar formularios.

Código HTML de Formularios
16:06

Elementos HTML para insertar contenido multimedia .

Código HTML de contenido multimedia
08:19

Elementos HTML para vincular URLs, archivos externos y otros.

Código HTML de Links
03:59

Elementos HTML para crear listas ordenadas y no ordenadas.

Código HTML de Listas
03:19

Elementos HTML para creación de tablas.

Código HTML de Tablas
07:57

Elementos para crear la estructura semántica HTML.

Código HTML Semántico
11:04

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

Código HTML de Metadatos
07:35

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

Código HTML para Programación
08:40

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

Referencia HTML (Extra)
08:36

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.

Prueba de etiquetas HTML estudiadas
10 questions
+
Lo básico de Estilos CSS
10 Lectures 02:02:50

Crear y vincular una hoja de estilo CSS externa.

Preview 03:26

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

Editando elementos HTML en nuestra hoja de estilo
11:26

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

Ids y classes
05:56

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

Propiedades y estilo CSS pt.1
13:05

Clase de aplicación de estilos CSS como tal.

Propiedades y estilo CSS pt.2
17:40

Clase de aplicación de estilos CSS como tal.

Propiedades y estilo CSS pt.3
19:58

Clase de aplicación de estilos CSS como tal.

Propiedades y estilo CSS pt.4
17:02

Clase de aplicación de estilos CSS como tal.

Propiedades y estilo CSS pt.5
10:48

Clase de aplicación de estilos CSS como tal.

Propiedades y estilo CSS pt.6
19:00

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

Propiedades y estilo CSS pt.7
04:29

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

Prueba de estilos CSS
9 questions
+
Diseño Web Responsive
3 Lectures 35:31

Bases del funcionamiento de diseño responsive.

Lo básico del diseño web responsive
04:37

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

Conociendo Bootstrap y sus Componentes
19:58

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

Vincular bootstrap con un documento HTML
10:56

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

Prueba de Framework Bootstrap
5 questions
+
Desarrollo Web en práctica
13 Lectures 03:11:17

Primeros pasos antes de crear nuestra web: Concebirla.

Concibiendo la Web
06:40

Estructurando nuestras ideas de sitio web en un boceto.

Creando la estructura básica de la web
06:19

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.

Antes de empezar
05:50

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.

Codificando una web simple (HTML pt.1)
19:40

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.

Codificando una web simple (HTML pt.2)
19:48

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.

Codificando una web simple (HTML pt.3)
20:52

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.

Codificando una web simple (CSS pt.1)
19:50

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.

Codificando una web simple (CSS pt.2)
19:59

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

Codificando una web simple (CSS pt.3)
20:32

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.

Codificando una web simple (CSS pt.4)
18:34

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.

Codificando una web simple (Fuente Google - Link Externo - Favicon)
07:33

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.

Codificando una web simple (PHP)
20:15

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

Crear links internos en nuestro sitio
05:25
+
Insertando elementos JQuery en la Web
2 Lectures 21:30

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.

Vinculando contenido JavaScript a la Web
11: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.

Insertar elementos dinámicos a la Web
10:15
+
SEO básico y hosting
3 Lectures 27:47

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

Etiquetas Meta para posicionamiento
16:10

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

Preview 07:43

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

Webmaster tools de Google y Despedida
03:54
About the Instructor
Ing Alfredo Alejandro Zaldumbide Garcia
4.8 Average rating
9 Reviews
68 Students
2 Courses
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.