Desarrollo Web Completo con HTML5, CSS3, JS AJAX PHP y MySQL
4.6 (1,803 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.
6,398 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Desarrollo Web Completo con HTML5, CSS3, JS AJAX PHP y MySQL to your Wishlist.

Add to Wishlist

Desarrollo Web Completo con HTML5, CSS3, JS AJAX PHP y MySQL

Aprende Desarrollo Web con este curso 100% práctico, paso a paso y sin conocimientos previos, INCLUYE PROYECTO FINAL
4.6 (1,803 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.
6,398 students enrolled
Last updated 7/2017
Spanish
Current price: $10 Original price: $200 Discount: 95% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 39 hours on-demand video
  • 45 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Convertir y crear sus propios diseños en páginas web
  • Crear páginas web con HTML y CSS
  • Escribir código JavaScript y jQuery
  • Crear sitios web dínamicos con PHP y MYSQL
  • Entender como funciona JavaScript y PHP
  • Aplicar a un empleo de Desarrollador Web Junior
  • Aprende AJAX, para crear páginas web dínamicas que cargaran información sin recargar la página
  • Agregar pagos de PayPal a tus sitios web
View Curriculum
Requirements
  • No tienes que tener experiencia previa ni con HTML5 o CSS3 para comenzar, sin embargo cualquier experiencia que tengas te ayudará bastante
  • No es necesario tener experiencia en programación
  • Instalaremos un editor de Texto y Servidor local, así que se recomienda tener acceso de administrador
  • Este curso incluye el desarrollo de un sitio web completo que integrará HTML5, CSS3, JavaScript, jQuery, PHP y MySQL
  • Aprenderás JavaScript y jQuery para añadir interactividad a tu sitio web.
Description

Un curso paso a paso si deseas comenzar en el mundo de la programación Web.

En este curso aprenderás 7 Lenguajes y Tecnologías Web:

HTML5, CSS3, JavaScript, jQuery, AJAX,  PHP y MySQL

Además de las 7 tecnologías anteriores, agregarás a tus sitios las siguientes API`s y SDK`s

Google Maps API - Para mostrar un mapa de ubicación

MailChimp - Para que los usuarios se inscriban a tu newsletter

PayPal - Para recibir pagos en línea.

Este curso esta lleno de tips y técnicas, además de la creación de un sitio Web real con funciones muy avanzadas.

Además de las tecnologías anteriores, crearemos galerías, formularios, validaciones, un carrito en línea con cotizador, registros a la base de datos, sistema de inicio de sesión, agregar la información dinámicamente desde la Base de Datos MySQL y mucho más!

Si no tienes experiencia previa y es tu primera vez escribiendo código para hacer una página web, debes tomar este curso, que asume nunca has escrito una sola línea de código (te mostraré desde como crear un archivo .html) hasta diseñar tu base de datos y recibir pagos por PayPal, paso a paso y sin asumir conocimiento alguno.

Si ya tienes experiencia, aprenderás de los temas más avanzados, en los que creamos un proyecto final que comenzamos a construir desde los primeros videos y que incluye estas 7 tecnologías y API`s

En este curso aprenderás lo básico de cada tecnología y después integraremos todo junto para hacer diseños increíbles, es decir: crearemos una base sólida y luego veremos como utilizarla.

Hoy en día aprender programación web es uno de los empleos más demandados y he preparado este curso para que una vez que finalices tengas las armas necesarias para poder encarar cualquier proyecto.

Who is the target audience?
  • Si deseas obtener un trabajo en la industria de desarrollo web, con este curso aprenderás 6 tecnologías a la vez
  • Aprender Desarrollo web es un proceso de mucha práctica, así que practicaremos bastante
  • Si eres una persona que aprende más elaborando proyectos del mundo real este curso es para ti
Compare to Other Web Development Courses
Curriculum For This Course
501 Lectures
39:05:15
+
Introducción al Curso
6 Lectures 24:13

Veamos el Proyecto Final de este curso, en el pondremos en práctica todo lo aprendido a lo largo del curso!

Preview 12:13

Este curso esta lleno de proyectos, veamos esta agenda de contactos con HTML5, CSS3 JavaScript, Ajax, PHP y MySQL

Preview 03:20

Este curso esta lleno de proyectos, en este veremos como agregar PayPal para recibir pagos en nuestro sitio web

Preview 02:13

Veamos algunas de las herramientas que serán necesarias a lo largo del curso, no te preocupes, de momento no es necesario instalar nada, habrá videos para cada parte

Preview 02:13

Antes de Comenzar, veamos las distintas áreas de desarrollo web

Preview 02:00

Veamos donde puedes encontrar los archivos para este curso

Preview 02:14
+
Introducción al Diseño Web
11 Lectures 41:21

Veamos la estructura más básica de un sitio web, antes de irnos a ver cada tecnología por separado

Preview 01:55

Sin HTML no hay página web, pero veamos como debes crear tus archivos HTML para crear un sitio web

Preview 01:21

Veamos como CSS nos ayudará a crear sitios web increíbles

Preview 02:50

JavaScript y jQuery añadirán Interactividad y vida a tus sitios web, veamos una pequeña introducción

Preview 01:55

PHP y MySQL ayudarán a crear sitios web dinámicos de forma muy sencilla, veamos como funcionan

Preview 03:06

Ya que conocemos las tecnologías que aprenderemos, veamos cual es su plan para aprenderlas en este curso

Preview 01:56

Veamos algunas de las ventajas de instalar un Editor de Texto y no escribir código para páginas web en herramientas que no son especializadas


Porque instalar un Editor de Texto
03:22

Sublime Text funciona en Windows, Mac y Linux, veamos como instalarlo en Windows. 

Instalando Sublime Text 3 en Windows 10
05:41

Microsoft Visual Studio Code es otro editor multiplataforma, veamos como instalarlo en WIndows


Instalando Microsoft Visual Studio Code en Windows
06:58

Veamos como instalar ATOM en Ubuntu, ATOM también esta disponible en distintas plataformas!

Instalando ATOM en Ubuntu
05:14

Veamos como instalar Adobe Brackets en Mac OS X, este editor también es Gratuito y Multiplataforma

Instalando Adobe Brackets en Mac OS X
07:03
+
Introducción a HTML
4 Lectures 08:15

Vamos a crear nuestro primer archivo HTML

Preview 01:57

El Doctype es la parte que le dirá al navegador que versión de HTML estamos usando, vamos a agregarla a nuestro documento

Preview 01:27

En el head es la parte donde agregarás algunas etiquetas que ayudarán a tu sitio web a tener cierta funcionalidad.

Preview 03:18

En el body es la parte que se verá en el navegador de tu página web, también aquí es donde se coloca código de JavaScript

Preview 01:33
+
Trabajando con HTML
10 Lectures 24:37

HTML ofrece 6 etiquetas para los titulos de tu sitio web, veamos como utilizarlas en este video

Etiquetas para los Encabezados
02:28

Cuando realices un sitio web, es muy probable que la mayor parte de tu contenido sean párrafos, veamos como crearlos

Conociendo los párrafos
02:52

HTML ignora los saltos de línea, pero a veces son necesarios, veamos como hacerlos con una etiqueta

Saltos de línea en HTML
01:46

Además de los saltos de línea, HTML también ignora los espacios en blanco, es necesario crear una etiqueta para mostrarlos.

Espacio en Blanco en HTML
01:39

HTML tiene etiquetas para poner un texto en negritas, que te ayudarán a resaltarlo

Texto en Negritas
02:27

Veamos como crear texto en cursivas con HTML

Texto en Cursivas
02:20

HTML provee otra etiqueta, para dar énfasis a ciertas partes de tu sitio web

Etiquetas de Enfasis
02:02

Veamos la etiqueta SPAN, como digo en el video, una etiqueta que sirve para todo y nada, ya que es de las más utilizadas a pesar de que en realidad no hace nada.

La etiqueta SPAN
02:08

Veamos como imprimir caracteres especiales con HTML

Carácteres especiales en HTML
02:48

Para añadir un atractivo visual a tu sitio web, es necesario utilizar imágenes, veamos como agregarlas

Imprimiendo imágenes
04:07
+
Estructurar Contenido en HTML
10 Lectures 29:24

El div es tal vez el elemento para estructurar contenido más común (aunque el menos semantico) veamos como utilizarlo para nuestros diseños

Creando Divs
03:26

El header es el elemento que se coloca usualmente en la parte superior de nuestro sitio web, vamos a crear uno en este video

Creando un Header
01:59

El elemento nav es donde debes colocar tus menús de navegación

Creando un Nav
01:10

Main es una etiqueta utilizada para definir la parte principal de una página web

Creando un Main
01:36

Un section como dice su nombre, especifica secciones de una página web.

Creando un Section
03:21

Un article es muy utilizado para contenido que se puede considerar independiente, muy común en entradas de blog, comentarios o noticias.

Creando un Article
03:03

La etiqueta aside define contenido complementario al contenido principal.

Creando un Sidebar
03:05

El footer define la parte inferior de un documento o una sección

Creando un Footer
03:42

WAI ARIA se encarga de definir las normativas para crear una web accesible para todos, no importando si sufren alguna discapacidad, veamos lo básico en este video

Atendiendo las indicaciones de WAI-ARIA
05:07

Una vez creada la estructura de nuestro sitio web, veamos como agregar comentarios 

Comentarios en HTML
02:55
+
Enlaces en HTML
6 Lectures 12:45

Veamos como crear un menú de navegación para nuestro sitio web

Creando un Menú de navegación
03:30

Es muy común enlazar a otras páginas web en un sitio web, veamos como crear esos enlaces.


Enlazando a otro archivo html
01:36

Veamos como agregar un enlace a otro sitio web

Enlazando a otra página web
01:17

Veamos como crear un enlace dentro del mismo sitio web a otra sección

Enlazando a contenido dentro de la misma página
01:33

Veamos como agregar un atributo para decirle al navegador que este enlace debe descargar contenido

Enlazando a contenido para descargar
01:53

Puedes cambiar el comportamiento por default del navegador al abrir un enlace, los más comunes son abrirlo en una nueva pestaña o en la misma, veamos ejemplos para ambos

Targets
02:56
+
Listas en HTML
3 Lectures 09:41

Crear listas es muy sencillo, veamos como crear una lista no ordenada

Listas No ordenadas
04:05

Las listas ordenadas, te permitirán agregar contenido con un orden, por ejemplo con un número o letra de indice, veamos como crearlas

Listas Ordenadas
02:27

Las listas de definición son un poco más complejas, nos permiten agrupar contenido relacionado en un solo termino

Listas de definición
03:09
+
Tablas en HTML
7 Lectures 12:56

Veamos como es la sintaxis para crear una tabla con HTML

Creando una tabla
02:03

Una tabla consta de 3 partes, header, body y footer, veamos como crear el header

Table Header
01:17

Veamos como agregar contenido a nuestra tabla

Table Row y TH
01:26

En este video veremos como agregar un footer a nuestra tabla

Table Footer
01:09

El mayor contenido a nuestras tablas se agregará en el tbody, veamos como hacerlo

Table Body
02:18

Colspan y rowspan te ayudarán a unir columnas o celdas, veamos como utilizarlas

Colspan y Rowspan
02:52

Tal vez te preguntas si las tablas aún se utilizan, veamos la respuesta :)

¿Las tablas aún se usan?
01:51
+
Formularios en HTML
16 Lectures 44:30

Veamos como crear un formulario en HTML

Creando un Formulario
02:09

Un label identificará y le dará al usuario información sobre de que trata el campo, un input es la parte donde el usuario podrá escribir su información


Labels e Input Text
04:26

Podemos agrupar campos en distintas partes, incluso imprimir cierta información para que el usuario sepa que es lo que tiene que hacer, veamos legends y fieldsets

Legends y Fieldsets
01:51

Un radio te permitirá elegir entre una opción u otra, nunca más de una a la vez, veamos un ejemplo

Radio Buttons
03:16

Un select es parecido al radio en que solo te permitirá seleccionar un elemento, sin embargo es mejor opción cuando el contenido es un poco más largo de texto

Select
03:37

Veamos como trabajar con el elemento Datalist

Datalist
03:00

El checkbox te permitirá que un usuario pueda seleccionar distintos elementos de una lista

Checkbox
03:15

Hay distintos tipos de botones, veamos como implementar un botón para reiniciar nuestro formulario

Button
02:08

Existe un input de tipo color, donde el usuario podrá seleccionar distintos colores

Input Color
02:01

Si deseas trabajar con fechas, el input date es tu mejor opción

Input Date
04:13

El input email se encargará de revisar que lo que se escriba en el tenga las caracteristicas que debe tener un email

Input Email
02:23

El campo de URL se encargará de revisar que lo que se escriba tenga el patrón de una página web

Input URL
02:23

El input range nos permitirá seleccionar entre un rango de valores 

Input Range
01:46

El campo de número solo aceptará números en su lugar, y nos da una interfaz más amigable cuando esperamos un número como valor

Campo Número
02:07

Si deseas crear un login, el campo password será de gran ayuda

Campo Password
02:37

HTML5 ya incorpora validación, veamos como utilizarla

Validación HTML5
03:18
+
Video y Audio con HTML5
7 Lectures 21:22

Veamos como utilizar las etiquetas de audio y video

Etiqueta de Audio y Video
04:50

En este video veremos como cargar distintas versiones tanto de audio como videos para maxima compatibilidad con distintos navegadores

Cargar distintas versiones para máxima compatibilidad
04:30

Veamos como precargar un video y un audio

Atributo para precargar
03:29

Se puede agregar un atributo para que un video o audio comience a reproducirse una vez que entremos al sitio web

Autoplay para audio y video
01:59

Veamos como funciona el poster en videos HTML5

Poster en Video
02:26

Existe la posibilidad de que quieras repetir el audio o video, veamos como hacerlo

Repetir audio o video
01:59

Podemos definir un ancho y alto para nuestros reproductores, veamos como en este video

Ancho y Alto para videos y Audios
02:09
46 More Sections
About the Instructor
Juan Pablo De la torre Valdez
4.5 Average rating
3,805 Reviews
13,583 Students
19 Courses
Freelance Web Developer and Owner of Easy-WebDev

My name is Juan Pablo De la torre Valdez, i´m from Guadalajara. Mexico.
For the last 10 years i been working with the web, i have a lot of experience in modern Web Technologies such as Foundation, Bootstrap, RWD, WordPress, Drupal, PHP, JavaScript & jQuery, HTML5, CSS3, SASS and Photoshop.

I started a company called CreativaWeb where i design and develop WordPress based websites.

I really like to design and develop websites, in the recent years i made hundreds of websites for Government, Universities, Startups and Medium-Size Companies from my city, the whole country and  from another countries.

----------------------------------------------------------------------------------------

Soy diseñador y programador web desde hace más de 10 años, tengo amplia experiencia y trabajo diariamente con tecnologías como Foundation,  Bootstrap, WordPress, Drupal, PHP,JavaScript y jQuery, HTML5, CSS3, SASS y Photoshop.

Comencé una compañia llamada CreativaWeb, donde principalmente diseño y desarrollo sitios web en WordPress.

Me gusta combinar mi trabajo en diseño y programación; en los años anteriores he hecho cientos de páginas para dependencias del Gobierno, Universidades, Pequeños y Medianos de negocios de mi ciudad, a nivel nacional y de otros países.