Desarrollo Web Completo con HTML5, CSS3, JS AJAX PHP y MySQL
- Descripción
- Currículum
- Reseñas
Un curso paso a paso si deseas comenzar en el mundo de la Programación Web.
En este curso aprenderás 10 Lenguajes y Tecnologías Web:
HTML, CSS, SASS, Workflows, JavaScript, Fetch (Antes AJAX), PHP, POO – MVC, MySQL – SQL y API’s
El Curso Incluye 4 proyectos finales, puedes ver los videos con los demos totalmente gratis!
Además, aprenderás otros temas muy importantes como:
Creación de Cuentas – Como en el 90% de los sitios que visitas hoy en día tus usuarios podrán crear sus cuentas.
Crear un Framework – Crearemos una base de código que aplicaremos a 4 Proyectos!
Autenticación desde una base de datos Real – Con MySQL y Hash a los Passwords y seguridad.
Recuperar Acceso – Un Password Hasheado no se puede recuperar, pero te mostraré como tus usuarios recuperarán su acceso.
Recibir Pagos – Hoy en día muchos negocios requieren recibir pagos en línea y te mostraré como hacerlo.
Modelar Bases de Datos – No necesitarás otro curso de Bases de Datos, en este curso aprenderás sobre que es una base de datos, lenguaje SQL, tipos de datos, modelar una base de datos y relacionarla!
Además crearemos distintos Proyectos!
-
DevWebCamp – Sitio Web para una conferencia de diseño donde los usuarios podrán pagar por sus entradas y reservar sus registros.
-
AppSalon – Proyecto para un salón de belleza.
-
UpTask – Administrador de Proyectos en Ajax, PHP, MySQL y JavaScript
-
Bienes Raices – Sitio Web para una inmobiliaria y
-
Entre otros (están habilitados para verse gratis)
¿Crees que alguno de estos proyectos se puede vender a un cliente? Adelante, el curso además de enseñarte de forma práctica y real, pero también puedes vender los proyectos.
Este curso esta lleno de tips y técnicas, además de la creación de Sitios y Aplicaciones Web reales con funciones muy avanzadas y un área de administración para hacer un sitio 100% dinámico.
Además de las tecnologías anteriores, crearemos galerías, formularios, validaciones, 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 10 tecnologías y API`s
Además te mostraré como crear un área de administración segura, con password hasheados, loguear usuarios, sesiones y más.
Además veremos otros temas como Enviar Emails, Comunicar API’s que es Model View Controller, y seguridad, al finalizar este curso podrás aplicar a vacantes!
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 sin duda la que considero la mejor forma de aprender.
Hoy en día aprender programación web es uno de los empleos más demandados y con mejor paga y he preparado este curso para que una vez que finalices tengas las armas necesarias para poder encarar cualquier proyecto.






-
1Proyecto FINAL - DevWebCamp - Sitio de Conferencias con Pagos en LíneaVideo lesson
-
2Bienes Raices - Sitio web para InmobiliariaVideo lesson
-
3APP Salon - Proyecto completo de Administración de Citas para Salón de BellezaVideo lesson
Veamos este proyecto!
-
4UpTask - Administrador de Proyectos y tareas con MVC, PHP, POO, Fetch, SASSVideo lesson
Veamos el proyecto UpTask!
-
5Proyectos en HTML, CSS y JS que vamos a crearVideo lesson
-
6Tecnologías y Versiones que utiliza este cursoVideo lesson
Veamos que tecnologías vas a aprender en este curso!
-
7¿Qué es y que hace un Front End Developer?Video lesson
Veamos que es lo que hace un Front End Developer
-
8¿Qué es y que hace un Backend Developer?Video lesson
En este video veremos que hace un Backend developer
-
9¿Qué es y que hace un Full Stack Developer?Video lesson
En este video veremos que hace un full stack developer
-
10Recomendaciones: Qué hacer y que evitar cuando estudias en líneaVideo lesson
Yo aprendí también con tutoriales, y te tengo una serie de consejos para que saques máximo provecho
-
11Qué hacer cuando todo se complica y mi código no funcionaVideo lesson
Nuestro equipo de soporte esta para ayudarte a avanzar en el curso, pero veamos que hacer en caso de tener problemas con el contenido
-
12¿Como Solicitar ayuda en este curso?Video lesson
Veamos como solicitar ayuda en este curso!
-
14Introducción a HTML - El Rol de HTML (Descarga Materiales aquí)Video lesson
-
15Creando los textos con HTMLVideo lesson
Veamos como crear textos con HTML!
-
16Estructurar Contenido en HTMLVideo lesson
Nuestro contenido requiere estructura, veamos como hacerlo!
-
17Creando Enlaces y NavegaciónVideo lesson
En este video veremos como crear enlaces y una barra de navegación
-
18Añadir imágenes con HTMLVideo lesson
Veamos como añadir imágenes con HTML
-
19Formularios en HTMLVideo lesson
En este video veamos como trabajar con Formularios en HTML
-
20Introducción a CSS - El rol de CSSVideo lesson
En este video veamos que es y de que trata CSS
-
21Primeros pasos con CSSVideo lesson
Vamos a comenzar a escribir un poco de código CSS
-
22Crear un archivo externo para el CSSVideo lesson
Para escribir código CSS más fácil de mantener es importante colocarlo en su propia hoja de estilos, veamos como hacerlo
-
23Estilos a nuestro proyectoVideo lesson
Vamos a comenzar a darle Estilos a nuestro proyecto!
-
24Introducción a Selectores CSSVideo lesson
Veamos que son y como escribir selectores en CSS!
-
25Especificidad en CSSVideo lesson
Veamos que es la especificidad en CSS!
-
26Colores en CSSVideo lesson
En CSS puedes escribir colores en diferentes formas, veamos algunos ejemplos
-
27Añadir Fuentes externasVideo lesson
Veamos como añadir fuentes externas al proyecto
-
28Añadiendo Normalize CSSVideo lesson
Veamos que es y como añadir Normalize CSS
-
29Estilos CSS a la navegación - Primeros PasosVideo lesson
Veamos como añadir CSS a la navegación
-
30Estilos CSS a la navegación y Displays en CSSVideo lesson
Veamos que son los displays en CSS!
-
31Estilos a la navegación y Tipos de Efectos a textosVideo lesson
Vamos a continuar con nuestro proyecto!
-
32Estilos la navegación y posicionando los enlaces con FlexboxVideo lesson
Veamos como posicionar elementos
-
33Estilos para escribir código CSS - BEM, Módulos y UtilidadesVideo lesson
En CSS hay diferentes formas de escribir código, veamos algunos ejemplos!
-
34Finalizando la navegaciónVideo lesson
Vamos a finalizar nuestra navegación!
-
35Introducción a Responsive Web Design y Media QueriesVideo lesson
Veamos que es el Responsive Web Design
-
36Añadiendo Media QueriesVideo lesson
Veamos como añadir Media Queries para hacer nuestro sitio Responsive
-
37Imagenes con CSSVideo lesson
Veamos como añadir imagenes con CSS
-
38CSS Box ModelVideo lesson
Veamos que es el CSS Box Model
-
39Posicionando elementos con position absoluteVideo lesson
Veamos que es la posición absoluta en CSS
-
40CSS a los HeadingsVideo lesson
Vamos a añadir CSS a los encabezados
-
41CSS para crear botonesVideo lesson
Vamos a crear botones con CSS
-
42Comentar el código CSSVideo lesson
Veamos como comentar código con CSS
-
43Degradados con CSSVideo lesson
Veamos como añadir un degradado con CSS
-
44Sombras con CSSVideo lesson
Veamos como crear sombras con CSS
-
45Introducción a CSS GridVideo lesson
Veamos que es y como añadir CSS Grid a nuestro proyecto
-
46Cuando usar CSS Grid, Flexbox y Floats?Video lesson
Veamos en que caso usarás CSS grid y en Cual Flexbox?
-
47Finalizando la sección de ServiciosVideo lesson
Vamos a finalizar la sección de servicios
-
48Primeros pasos con el formularioVideo lesson
Vamos a comenzar con nuestro formulario
-
49CSS a los inputsVideo lesson
Vamos a añadir CSS a los Inputs
-
50Posicionando los InputsVideo lesson
Veamos como posicionar nuestro formulario
-
51Añadiendo un Efecto de ScrollVideo lesson
Veamos como añadir un efecto de Scroll
-
52Publicar un Proyecto en NetlifyVideo lesson
Si has llegado hasta aquí y estas listo o lista para subir tu proyecto y que todo mundo lo vea, primero muchas felicidades! tu primer sitio se ve mucho mejor que el mio :P ahora, vamos a publicarlo!
-
53Viendo el Proyecto Finalizado (DESCARGA MATERIALES AQUI)Video lesson
Vamos a arrancar el segundo proyecto de este curso!
-
54Primeros pasosVideo lesson
Primeros pasos con este proyecto
-
55Añadiendo los Globales al CSSVideo lesson
Vamos a añadir un poco de CSS global a nuestro proyecto
-
56Añadiendo el Logotipo y la navegaciónVideo lesson
Vamos a añdir el Logotipo y la navegación
-
57Introducción a BEMVideo lesson
Veamos que es BEM
-
58Creando los enlacesVideo lesson
Vamos a crear la navegación e ir a diferentes páginas
-
59Añadiendo los ProductosVideo lesson
Veamos como añadir los productos!
-
60CSS a los ProductosVideo lesson
Vamos a añadir CSS a los productos
-
61Posicionar elementos con CSS GridVideo lesson
Veamos como crear las columnas con CSS Grid
-
62Creando la página de NosotrosVideo lesson
Veamos como crear la página de Nosotros
-
63Creando la sección con iconosVideo lesson
Vamos a añadir la sección que contiene los iconos
-
64HTML para la sección de ProductoVideo lesson
Vamos a crear la página con la información del producto!
-
65CSS a la sección de ProductoVideo lesson
Vamos a finalizar este proyecto!
-
66Introducción a los Patrones de Responsive Web Design (DESCARGA MATERIALES AQUI)Video lesson
Vamos a comenzar con los patrones
-
67Dos Columnas Iguales - CSS GridVideo lesson
Veamos como hacer un diseño de 2 columnas iguales en CSS Grid
-
68Dos Columnas Iguales - FlexboxVideo lesson
Veamos como lograr 2 columnas iguales ahora con Flexbox
-
69Tres Columnas Iguales - CSS GridVideo lesson
Veamos como hacer un diseño de 3 columnas iguales con CSS Grid
-
70Tres Columnas Iguales - FlexboxVideo lesson
Veamos como crear 3 columnas iguales con Flexbox
-
71Tres Columnas (1 más grande) - CSS GridVideo lesson
Veamos como crear una columna más grande con CSS Grid
-
72Tres Columnas (1 más grande) - FlexboxVideo lesson
Veamos como crear este patrón ahora con Flexbox
-
73Column Drop - CSS GridVideo lesson
Veamos que es el Column Drop con Grid
-
74Column Drop - FlexboxVideo lesson
Veamos como crear el Column Drop con Flexbox
-
75Con Sidebar - CSS GridVideo lesson
Veamos como crear un Contenido principal y sidebar con CSS Grid
-
76Con Sidebar - FlexboxVideo lesson
Veamos como crear este patrón con Flexbox
-
77Layout Shifter - CSS GridVideo lesson
-
78Layout Shifter - FlexboxVideo lesson
-
79Tiny TweaksVideo lesson
Ahora veamos Tiny Tweaks!
-
80Mostly FluidVideo lesson
