Desarrollo Web Completo con HTML5, CSS3, JS AJAX PHP y MySQL
- Descripción
- Currículum
- FAQ
- 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.
-
1
Proyecto FINAL - DevWebCamp - Sitio de Conferencias con Pagos en Línea -
2
Bienes Raices - Sitio web para Inmobiliaria
-
3
APP Salon - Proyecto completo de Administración de Citas para Salón de Belleza
Veamos este proyecto!
-
4
UpTask - Administrador de Proyectos y tareas con MVC, PHP, POO, Fetch, SASS
Veamos el proyecto UpTask!
-
5
Proyectos en HTML, CSS y JS que vamos a crear
-
6
Tecnologías y Versiones que utiliza este curso
Veamos que tecnologías vas a aprender en este curso!
-
10
Recomendaciones: Qué hacer y que evitar cuando estudias en línea
Yo aprendí también con tutoriales, y te tengo una serie de consejos para que saques máximo provecho
-
11
Qué hacer cuando todo se complica y mi código no funciona
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?
Veamos como solicitar ayuda en este curso!
-
14
Introducción a HTML - El Rol de HTML (Descarga Materiales aquí)
-
15
Creando los textos con HTML
Veamos como crear textos con HTML!
-
16
Estructurar Contenido en HTML
Nuestro contenido requiere estructura, veamos como hacerlo!
-
17
Creando Enlaces y Navegación
En este video veremos como crear enlaces y una barra de navegación
-
18
Añadir imágenes con HTML
Veamos como añadir imágenes con HTML
-
19
Formularios en HTML
En este video veamos como trabajar con Formularios en HTML
-
20
Introducción a CSS - El rol de CSS
En este video veamos que es y de que trata CSS
-
21
Primeros pasos con CSS
Vamos a comenzar a escribir un poco de código CSS
-
22
Crear un archivo externo para el CSS
Para escribir código CSS más fácil de mantener es importante colocarlo en su propia hoja de estilos, veamos como hacerlo
-
23
Estilos a nuestro proyecto
Vamos a comenzar a darle Estilos a nuestro proyecto!
-
24
Introducción a Selectores CSS
Veamos que son y como escribir selectores en CSS!
-
25
Especificidad en CSS
Veamos que es la especificidad en CSS!
-
26
Colores en CSS
En CSS puedes escribir colores en diferentes formas, veamos algunos ejemplos
-
27
Añadir Fuentes externas
Veamos como añadir fuentes externas al proyecto
-
28
Añadiendo Normalize CSS
Veamos que es y como añadir Normalize CSS
-
29
Estilos CSS a la navegación - Primeros Pasos
Veamos como añadir CSS a la navegación
-
30
Estilos CSS a la navegación y Displays en CSS
Veamos que son los displays en CSS!
-
31
Estilos a la navegación y Tipos de Efectos a textos
Vamos a continuar con nuestro proyecto!
-
32
Estilos la navegación y posicionando los enlaces con Flexbox
Veamos como posicionar elementos
-
33
Estilos para escribir código CSS - BEM, Módulos y Utilidades
En CSS hay diferentes formas de escribir código, veamos algunos ejemplos!
-
34
Finalizando la navegación
Vamos a finalizar nuestra navegación!
-
35
Introducción a Responsive Web Design y Media Queries
Veamos que es el Responsive Web Design
-
36
Añadiendo Media Queries
Veamos como añadir Media Queries para hacer nuestro sitio Responsive
-
37
Imagenes con CSS
Veamos como añadir imagenes con CSS
-
38
CSS Box Model
Veamos que es el CSS Box Model
-
39
Posicionando elementos con position absolute
Veamos que es la posición absoluta en CSS
-
40
CSS a los Headings
Vamos a añadir CSS a los encabezados
-
41
CSS para crear botones
Vamos a crear botones con CSS
-
42
Comentar el código CSS
Veamos como comentar código con CSS
-
43
Degradados con CSS
Veamos como añadir un degradado con CSS
-
44
Sombras con CSS
Veamos como crear sombras con CSS
-
45
Introducción a CSS Grid
Veamos que es y como añadir CSS Grid a nuestro proyecto
-
46
Cuando usar CSS Grid, Flexbox y Floats?
Veamos en que caso usarás CSS grid y en Cual Flexbox?
-
47
Finalizando la sección de Servicios
Vamos a finalizar la sección de servicios
-
48
Primeros pasos con el formulario
Vamos a comenzar con nuestro formulario
-
49
CSS a los inputs
Vamos a añadir CSS a los Inputs
-
50
Posicionando los Inputs
Veamos como posicionar nuestro formulario
-
51
Añadiendo un Efecto de Scroll
Veamos como añadir un efecto de Scroll
-
52
Publicar un Proyecto en Netlify
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!
-
53
Viendo el Proyecto Finalizado (DESCARGA MATERIALES AQUI)
Vamos a arrancar el segundo proyecto de este curso!
-
54
Primeros pasos
Primeros pasos con este proyecto
-
55
Añadiendo los Globales al CSS
Vamos a añadir un poco de CSS global a nuestro proyecto
-
56
Añadiendo el Logotipo y la navegación
Vamos a añdir el Logotipo y la navegación
-
57
Introducción a BEM
Veamos que es BEM
-
58
Creando los enlaces
Vamos a crear la navegación e ir a diferentes páginas
-
59
Añadiendo los Productos
Veamos como añadir los productos!
-
60
CSS a los Productos
Vamos a añadir CSS a los productos
-
61
Posicionar elementos con CSS Grid
Veamos como crear las columnas con CSS Grid
-
62
Creando la página de Nosotros
Veamos como crear la página de Nosotros
-
63
Creando la sección con iconos
Vamos a añadir la sección que contiene los iconos
-
64
HTML para la sección de Producto
Vamos a crear la página con la información del producto!
-
65
CSS a la sección de Producto
Vamos a finalizar este proyecto!
-
66
Introducción a los Patrones de Responsive Web Design (DESCARGA MATERIALES AQUI)
Vamos a comenzar con los patrones
-
67
Dos Columnas Iguales - CSS Grid
Veamos como hacer un diseño de 2 columnas iguales en CSS Grid
-
68
Dos Columnas Iguales - Flexbox
Veamos como lograr 2 columnas iguales ahora con Flexbox
-
69
Tres Columnas Iguales - CSS Grid
Veamos como hacer un diseño de 3 columnas iguales con CSS Grid
-
70
Tres Columnas Iguales - Flexbox
Veamos como crear 3 columnas iguales con Flexbox
-
71
Tres Columnas (1 más grande) - CSS Grid
Veamos como crear una columna más grande con CSS Grid
-
72
Tres Columnas (1 más grande) - Flexbox
Veamos como crear este patrón ahora con Flexbox
-
73
Column Drop - CSS Grid
Veamos que es el Column Drop con Grid
-
74
Column Drop - Flexbox
Veamos como crear el Column Drop con Flexbox
-
75
Con Sidebar - CSS Grid
Veamos como crear un Contenido principal y sidebar con CSS Grid
-
76
Con Sidebar - Flexbox
Veamos como crear este patrón con Flexbox
-
77
Layout Shifter - CSS Grid
-
78
Layout Shifter - Flexbox
-
79
Tiny Tweaks
Ahora veamos Tiny Tweaks!
-
80
Mostly Fluid
