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 previo INCLUYE 4 PROYECTOS FINALES
Lo que serás capaz de hacer
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.
- Crear un íncreible Portafolio con muchos proyectos que te ayudarán a obtener un empleo
- Aprender y Dominar HTML y CSS para crear diseños modernos siguiendo buenas prácticas
- Aprender Metodologias HTML y CSS como Módulos y BEM
- Crear páginas web con HTML y CSS que puedas vender a tus clientes
- Escribir código JavaScript Moderno (ES6)
- Crear sitios web dínamicos con PHP y MYSQL
Temario
UNIDAD 1 - Los 4 Proyectos Principales de este curso + Proyectos de Práctica HTML y CSS · 6 leccionesUNIDAD 1 - Los 4 Proyectos Principales de este curso + Proyectos de Práctica HTML y CSS
UNIDAD 1 - Los 4 Proyectos Principales de este curso + Proyectos de Práctica HTML y CSS
- Proyecto FINAL - DevWebCamp - Sitio de Conferencias con Pagos en Línea
- Bienes Raices - Sitio web para Inmobiliaria
- APP Salon - Proyecto completo de Administración de Citas para Salón de Belleza
- UpTask - Administrador de Proyectos y tareas con MVC, PHP, POO, Fetch, SASS
- Proyectos en HTML, CSS y JS que vamos a crear
- Tecnologías y Versiones que utiliza este curso
UNIDAD 2 - Las Distintas áreas del Desarrollo Web - Front end, Backend y Full Stack · 3 leccionesUNIDAD 2 - Las Distintas áreas del Desarrollo Web - Front end, Backend y Full Stack
UNIDAD 2 - Las Distintas áreas del Desarrollo Web - Front end, Backend y Full Stack
- ¿Qué es y que hace un Front End Developer?
- ¿Qué es y que hace un Backend Developer?
- ¿Qué es y que hace un Full Stack Developer?
UNIDAD 3 - ¿Cómo sacar máximo Provecho de este curso? · 3 leccionesUNIDAD 3 - ¿Cómo sacar máximo Provecho de este curso?
UNIDAD 3 - ¿Cómo sacar máximo Provecho de este curso?
- Recomendaciones: Qué hacer y que evitar cuando estudias en línea
- Qué hacer cuando todo se complica y mi código no funciona
- ¿Como Solicitar ayuda en este curso?
UNIDAD 4 - Editores de Texto, IDE's y mucho más · 1 leccionesUNIDAD 4 - Editores de Texto, IDE's y mucho más
UNIDAD 4 - Editores de Texto, IDE's y mucho más
- Visual Studio Code - Extensiones y otros Editores y IDE's
UNIDAD 5 - SITIO FREELANCER: Creando un Proyecto paso a paso: HTML · 6 leccionesUNIDAD 5 - SITIO FREELANCER: Creando un Proyecto paso a paso: HTML
UNIDAD 5 - SITIO FREELANCER: Creando un Proyecto paso a paso: HTML
- Introducción a HTML - El Rol de HTML (Descarga Materiales aquí)
- Creando los textos con HTML
- Estructurar Contenido en HTML
- Creando Enlaces y Navegación
- Añadir imágenes con HTML
- Formularios en HTML
UNIDAD 6 - SITIO FREELANCER: Creando un Proyecto paso a paso: CSS · 33 leccionesUNIDAD 6 - SITIO FREELANCER: Creando un Proyecto paso a paso: CSS
UNIDAD 6 - SITIO FREELANCER: Creando un Proyecto paso a paso: CSS
- Introducción a CSS - El rol de CSS
- Primeros pasos con CSS
- Crear un archivo externo para el CSS
- Estilos a nuestro proyecto
- Introducción a Selectores CSS
- Especificidad en CSS
- Colores en CSS
- Añadir Fuentes externas
- Añadiendo Normalize CSS
- Estilos CSS a la navegación - Primeros Pasos
- Estilos CSS a la navegación y Displays en CSS
- Estilos a la navegación y Tipos de Efectos a textos
- Estilos la navegación y posicionando los enlaces con Flexbox
- Estilos para escribir código CSS - BEM, Módulos y Utilidades
- Finalizando la navegación
- Introducción a Responsive Web Design y Media Queries
- Añadiendo Media Queries
- Imagenes con CSS
- CSS Box Model
- Posicionando elementos con position absolute
- CSS a los Headings
- CSS para crear botones
- Comentar el código CSS
- Degradados con CSS
- Sombras con CSS
- Introducción a CSS Grid
- Cuando usar CSS Grid, Flexbox y Floats?
- Finalizando la sección de Servicios
- Primeros pasos con el formulario
- CSS a los inputs
- Posicionando los Inputs
- Añadiendo un Efecto de Scroll
- Publicar un Proyecto en Netlify
UNIDAD 7 - FRONTEND STORE - Creando un Segundo Proyecto con HTML y CSS · 13 leccionesUNIDAD 7 - FRONTEND STORE - Creando un Segundo Proyecto con HTML y CSS
UNIDAD 7 - FRONTEND STORE - Creando un Segundo Proyecto con HTML y CSS
- Viendo el Proyecto Finalizado (DESCARGA MATERIALES AQUI)
- Primeros pasos
- Añadiendo los Globales al CSS
- Añadiendo el Logotipo y la navegación
- Introducción a BEM
- Creando los enlaces
- Añadiendo los Productos
- CSS a los Productos
- Posicionar elementos con CSS Grid
- Creando la página de Nosotros
- Creando la sección con iconos
- HTML para la sección de Producto
- CSS a la sección de Producto
UNIDAD 8 - Patrones de Diseño Responsive Web Design con CSS Grid y Flexbox · 15 leccionesUNIDAD 8 - Patrones de Diseño Responsive Web Design con CSS Grid y Flexbox
UNIDAD 8 - Patrones de Diseño Responsive Web Design con CSS Grid y Flexbox
- Introducción a los Patrones de Responsive Web Design (DESCARGA MATERIALES AQUI)
- Dos Columnas Iguales - CSS Grid
- Dos Columnas Iguales - Flexbox
- Tres Columnas Iguales - CSS Grid
- Tres Columnas Iguales - Flexbox
- Tres Columnas (1 más grande) - CSS Grid
- Tres Columnas (1 más grande) - Flexbox
- Column Drop - CSS Grid
- Column Drop - Flexbox
- Con Sidebar - CSS Grid
- Con Sidebar - Flexbox
- Layout Shifter - CSS Grid
- Layout Shifter - Flexbox
- Tiny Tweaks
- Mostly Fluid
UNIDAD 9 - BLOG CAFÉ - Creando un Proyecto con HTML y CSS · 21 leccionesUNIDAD 9 - BLOG CAFÉ - Creando un Proyecto con HTML y CSS
UNIDAD 9 - BLOG CAFÉ - Creando un Proyecto con HTML y CSS
- El Proyecto Finalizado
- Primeros pasos con el proyecto (DESCARGA MATERIALES AQUI)
- Añadiendo CSS global
- Creando el Header
- CSS al Header
- Creando el Blog
- Finalizando el Blog
- Creando la barra lateral
- Creando el Footer
- Creando la Página de Nosotros
- Desarrollando la página de Cursos
- Creando la página de entradas de Blog
- HTML para la página de Contacto
- CSS al Formulario de Contacto
- Mejorando el Performance con Lazy Loading
- Mejorando el Performance con Preload
- Mejorando el Performance con Prefetch
- Mejorando el Performance con Imagenes Webp
- Mejorando el Performance con Modernizr y Webp
- Etiquetas Meta
- Deployment y auditar el sitio con Lighthouse
UNIDAD 10 - Introducción a JavaScript · 42 leccionesUNIDAD 10 - Introducción a JavaScript
UNIDAD 10 - Introducción a JavaScript
- El rol de JavaScript
- Nuestro primer código JavaScript (Descarga Materiales aqui)
- Variables en JavaScript
- Variables con let y const
- Strings o Cadenas de Texto
- Métodos para los Strings
- Números y Operadores
- El Objeto Math en JS
- Controlar el Orden de las operaciones
- Concatenación y Template Strings
- Booleans
- Objetos
- Modificar Objetos
- Destructuring de Objetos
- Object Methods
- Unir dos objetos con el Spread Operator
- Arrays
- Métodos para los Arrays
- Más Métodos de Arrays
- Funciones en JavaScript
- Diferencias entre el tipo de funciones
- Diferencia de un Método y una función
- Funciones con parametros y argumentos
- Funciones que retornan valores
- Métodos de Propiedad
- Arrow Functions
- Estructuras de Control
- Switch
- For Loops
- While y Do While
- forEach y map
- this en JavaScript
- Object Constructor y Object Literal
- ¿Que son los Prototypes?
- POO - Classes en JavaScript
- POO - Herencia
- ¿Que es try catch?
- Promises en JavaScript
- Notification API
- Async / Await
- Como trabajar con dos consultas async await?
- Fetch API
UNIDAD 11 - JavaScript en el Navegador y DOM Scripting · 9 leccionesUNIDAD 11 - JavaScript en el Navegador y DOM Scripting
UNIDAD 11 - JavaScript en el Navegador y DOM Scripting
- Seleccionar Elementos con querySelector
- Seleccionar Elementos con querySelectorAll
- Crear HTML con createElement
- Eventos en JavaScript
- Reaccionar a Clicks en JavaScript
- Eventos con el Teclado
- Eventos en Formularios
- Creando un Validador de Formularios Parte 1 de 2
- Creando un Validador de Formularios Parte 2 de 2
UNIDAD 12 - Node, NPM, SASS y Gulp - Introducción y que son estas herramientas · 3 leccionesUNIDAD 12 - Node, NPM, SASS y Gulp - Introducción y que son estas herramientas
UNIDAD 12 - Node, NPM, SASS y Gulp - Introducción y que son estas herramientas
- ¿Qué es SASS? sus ventajas y consideraciones
- ¿Qué es Gulp? Ventajas y más
- El Rol de NPM y Node.js en el desarrollo Moderno
UNIDAD 13 - Windows - Instalando Node.js · 1 leccionesUNIDAD 13 - Windows - Instalando Node.js
UNIDAD 13 - Windows - Instalando Node.js
- Instalando Node y NPM en Windows
UNIDAD 14 - Mac - Instalando Node.js · 1 leccionesUNIDAD 14 - Mac - Instalando Node.js
UNIDAD 14 - Mac - Instalando Node.js
- Instando Node.js y NPM en Mac OS
UNIDAD 15 - FESTIVAL MÚSICA - Creando un Proyecto con SASS · 44 leccionesUNIDAD 15 - FESTIVAL MÚSICA - Creando un Proyecto con SASS
UNIDAD 15 - FESTIVAL MÚSICA - Creando un Proyecto con SASS
- El Proyecto que vamos a construir ( Puedes descargar el proyecto final aqui)
- Comenzando el Proyecto y Materiales Iniciales (descarga materiales aquí)
- ¿Qué es el package.json?
- Instalando la dependencia de SASS y diferencias entre las dependencias
- Compilando SASS con NPM
- Habilitar Modo watch a SASS
- Instalando Gulp y ejecutando la primer función
- Compilar SASS con Gulp
- Habilitar modo watch con Gulp
- Agregando una fuente de Google Fonts
- Creando Variables para las fuentes
- Cuando un archivo de variables y como utilizarlas
- Moviendo las variables a una carpeta
- Agregando Watch a todos los archivos de SASS
- Añadiendo Normalize
- @forward, @use y @import, diferencias
- Agregando Estilos Globales al proyecto
- Añadiendo el HTML del Header
- Agregando SASS al Header
- El operador & en SASS
- ¿Qué son los Mixins? y creando nuestro primer Mixin
- Creando Mixins para Media Queries
- Añadiendo el resto de Mixins para Responsive
- Ajustando el Header para responsive
- Agregando Video en HTML
- Agregando SASS al Video (Parte 1 de 2)
- Agregando SASS al Video (Parte 2 de 2)
- HTML para la sección sobre festival
- SASS a la sección del festival
- Creando un Mixin de GRID
- Comenzando con el Lineup
- Finalizando la sección de Lineup
- Creando la sección de Boletos
- Trabajando con el Footer
- Incorporando JavaScript a nuestro proyecto
- Generando la Galería con JavaScript
- Aplicando SASS a la galería
- Primeros pasos creando el Modal
- Ajustando el Modal
- Finalizando el Modal
- Agregando navegación fija al dar scroll
- Resaltando la sección actual al dar scroll
- Agregando un efecto de Scroll a una sección
- Deploy de un Proyecto SASS en Netlify
UNIDAD 16 - FESTIVAL MÚSICA - Introducción al Performance Web · 7 leccionesUNIDAD 16 - FESTIVAL MÚSICA - Introducción al Performance Web
UNIDAD 16 - FESTIVAL MÚSICA - Introducción al Performance Web
- ¿Qué es el Performance web? y Minificar CSS y JS
- Agregar Lazy Loading a las imágenes
- Creando versiones más pequeñas de las imágenes con Sharp
- Utilizando las imágenes ligeras en la galería
- ¿Qué es WebP? y como generar imágenes
- ¿Qué es AVIF? y como generar imágenes
- Sirviendo imágenes AVIF y Webp con <picture>
UNIDAD 17 - Introducción a Bases de Datos · 2 leccionesUNIDAD 17 - Introducción a Bases de Datos
UNIDAD 17 - Introducción a Bases de Datos
- Bases de Datos, SQL y MySQL - Diferencias y que son
- Tipos de Bases de Datos
UNIDAD 18 - WINDOWS - Ambiente de Desarrollo - Composer PHP8 MySQL y más · 9 leccionesUNIDAD 18 - WINDOWS - Ambiente de Desarrollo - Composer PHP8 MySQL y más
UNIDAD 18 - WINDOWS - Ambiente de Desarrollo - Composer PHP8 MySQL y más
- Descargar e Instalar PHP 8
- Cargar un archivo php.ini
- Habilitando Extensiones en PHP
- Instalar Composer
- Instalar MySQL
- Añadir MySQL al PATH
- Conectarnos a MySQL con MySQL Workbench
- Instalar y configurar Tableplus
- Instalar y configurar DBeaver
UNIDAD 19 - MAC - Ambiente de Desarrollo - Composer PHP8 MySQL y más · 7 leccionesUNIDAD 19 - MAC - Ambiente de Desarrollo - Composer PHP8 MySQL y más
UNIDAD 19 - MAC - Ambiente de Desarrollo - Composer PHP8 MySQL y más
- Instalar Homebrew
- Instalar PHP 8
- Instalando Composer
- Instalando MySQL
- Visores de Bases de Datos - TablePlus
- Visores de Bases de Datos - DBeaver
- Visores de Bases de Datos - MySQLWorkbench
UNIDAD 20 - SQL - Comandos SQL que debes Conocer y operaciones CRUD · 14 leccionesUNIDAD 20 - SQL - Comandos SQL que debes Conocer y operaciones CRUD
UNIDAD 20 - SQL - Comandos SQL que debes Conocer y operaciones CRUD
- Crear Base de Datos
- Crear Tabla y Tipos de Datos en MySQL
- ¿Qué es CRUD?
- Insertar Valores en una base de datos
- Seleccionar elementos de una tabla
- Seleccionar elementos en especifico
- Eliminar Registros
- Modificar la base de datos
- Eliminar Tablas
- Seleccionar servicios por precio
- Otros selectores con MySQL
- Como buscar en SQL
- Concatenar en SQL
- Revisar por múltiples condiciones
UNIDAD 21 - BASES DE DATOS - Reglas de Normalización o Formas Normales · 4 leccionesUNIDAD 21 - BASES DE DATOS - Reglas de Normalización o Formas Normales
UNIDAD 21 - BASES DE DATOS - Reglas de Normalización o Formas Normales
- Primera Regla - 1NF
- Segunda Regla - 2NF
- Tercer Regla - 3NF
- Denormalización
UNIDAD 22 - SQL INTERMEDIO - Aplicando Normalización y otros temas · 6 leccionesUNIDAD 22 - SQL INTERMEDIO - Aplicando Normalización y otros temas
UNIDAD 22 - SQL INTERMEDIO - Aplicando Normalización y otros temas
- ¿Qué es la Cardinalidad y Diagramas ER?
- Relacionar 2 Tablas
- Unir 2 tablas en una consulta
- Crear una Tabla Pivote
- Consultar la información de la tabla Pivote
- Múltiples Joins y más sobre BD
UNIDAD 23 - Introducción a PHP · 1 leccionesUNIDAD 23 - Introducción a PHP
UNIDAD 23 - Introducción a PHP
- ¿Qué es PHP?
UNIDAD 24 - PHP - Sintaxis, Funciones y Mucho más · 21 leccionesUNIDAD 24 - PHP - Sintaxis, Funciones y Mucho más
UNIDAD 24 - PHP - Sintaxis, Funciones y Mucho más
- ¿Cómo ejecutar los Archivos de Este Capítulo?
- Hola Mundo en PHP y Extensiones de VSCode
- Variables y Constantes en PHP
- Tipos de Dato en PHP
- Números y Operadores en PHP
- Comparadores en PHP
- Incrementos en PHP
- Funciones para Strings en PHP
- Arreglos y Funciones para Arreglos en PHP
- Arreglos asociativos o Associative Arrays en PHP
- isset() y empty()
- Revisar si un elemento existe en un array y otros métodos
- if, else if y switch
- for loops
- while, do while y foreach
- foreach y mostrar el contenido de un array
- Funciones en PHP
- Funciones que retornan valores
- Named Parameters en PHP
- Include y require
- json_encode y json_decode
UNIDAD 25 - PHP y BASES DE DATOS - Introducción práctica · 3 leccionesUNIDAD 25 - PHP y BASES DE DATOS - Introducción práctica
UNIDAD 25 - PHP y BASES DE DATOS - Introducción práctica
- PHP y Bases de Datos ( Descarga materiales aqui)
- Los pasos para consultar una base de datos
- Obtener los servicios de una base de datos
UNIDAD 26 - BIENES RAICES - Creando un Proyecto paso a paso de forma profesional · 20 leccionesUNIDAD 26 - BIENES RAICES - Creando un Proyecto paso a paso de forma profesional
UNIDAD 26 - BIENES RAICES - Creando un Proyecto paso a paso de forma profesional
- Lo que vamos a construir
- El diseño y los requerimientos del Cliente
- 7 Etapas para construir un sitio web
- Primeros pasos con el proyecto (Descarga materiales aqui)
- Creando la base
- SASS al Header
- Finalizando el header principal
- Trabajando con la sección de iconos
- Creando las propiedades
- SASS a las propiedades
- Creando un Mixin para los botones
- Creando el gráfico de contacto
- Trabajando con el Blog y Testimoniales
- SASS al blog
- SASS a los testimoniales
- Creando la página de Nosotros
- Creando la sección de Anuncios
- Creando el Blog
- Creando el Formulario de Contacto
- CSS al Formulario
UNIDAD 27 - BIENES RAICES - Añadiendo JavaScript · 5 leccionesUNIDAD 27 - BIENES RAICES - Añadiendo JavaScript
UNIDAD 27 - BIENES RAICES - Añadiendo JavaScript
- Creando una navegación Responsive
- Creando una animación para el menú responsive
- Crear un botón para Dark Mode
- Ajustes para Dark Mode
- Leer las preferencias del sistema
UNIDAD 28 - BIENES RAICES - Configuración y Bases de Datos del Proyecto · 2 leccionesUNIDAD 28 - BIENES RAICES - Configuración y Bases de Datos del Proyecto
UNIDAD 28 - BIENES RAICES - Configuración y Bases de Datos del Proyecto
- Servir el Proyecto HTML en PHP (Puedes Descargar Código Aquí)
- Creando la Base de Datos con MySQLWorkbench y Diagramas ER
UNIDAD 29 - BIENES RAICES - Creando Parciales de Código y Templates · 4 leccionesUNIDAD 29 - BIENES RAICES - Creando Parciales de Código y Templates
UNIDAD 29 - BIENES RAICES - Creando Parciales de Código y Templates
- Creando un Header
- Creando un Footer
- Crear una función para los Templates
- Arquitecturas de Código PHP
UNIDAD 30 - BIENES RAICES - Creando un CRUD para Propiedades · 23 leccionesUNIDAD 30 - BIENES RAICES - Creando un CRUD para Propiedades
UNIDAD 30 - BIENES RAICES - Creando un CRUD para Propiedades
- Creando los archivos para las acciones del CRUD
- HTML y el Formulario para Crear Propiedades
- Conectando la Base de datos
- Superglobales en PHP $_POST y $_GET
- Creando nuestra primer propiedad en la base de datos
- Validar el Formulario
- Llenar los campos con un valor previo
- Crear un Select con valores de la base de datos
- Sanitizar Entrada de datos
- Subida de Archivos en PHP
- Modificar PHP para subir archivos más grandes
- Almacenando las imágenes en el servidor
- Generando Nombres únicos para las imágenes
- Mostrar una alerta cuando una propiedad fue creada
- Creando una tabla para listar las propiedades de la base de datos
- Listando las propiedades
- Primeros pasos con la actualización
- Prellenar los Inputs automaticamente
- Actualizando Propiedades
- Eliminar la imagen anterior en caso de subir una nueva
- Eliminar Propiedades
- Propiedades de la página Principal y Anuncios Dinamicas
- Creando la página para mostrar la información de la propiedad
UNIDAD 31 - BIENES RAICES - Añadiendo Autenticación de Usuarios · 10 leccionesUNIDAD 31 - BIENES RAICES - Añadiendo Autenticación de Usuarios
UNIDAD 31 - BIENES RAICES - Añadiendo Autenticación de Usuarios
- Principios de Autenticación
- Crear una tabla para usuarios
- Hashear Passwords
- Creando un formulario para Autenticar
- Validaciones al Formulario
- Revisar si un usuario existe o no
- Revisar si el password es Correcto o no
- Iniciar sesion y la super global $_SESSION
- Proteger las páginas segun sea necesario
- Cerrar Sesión
UNIDAD 32 - Programación Orientada a Objetos (POO) en PHP · 18 leccionesUNIDAD 32 - Programación Orientada a Objetos (POO) en PHP
UNIDAD 32 - Programación Orientada a Objetos (POO) en PHP
- Que es la Programación Orientada a Objetos, Ventajas y mucho más
- Creando una Clase e instanciandola
- Atributos de la clase y Constructores
- Atributos de la Clase en PHP 8
- Métodos en classes
- Modificadores de Acceso public y protected
- Métodos Estaticos
- Herencia de Classes
- Classes Abstractas
- Interfaces
- Polimorfismo
- Autoload de Classes
- Namespaces
- ¿Qué es Composer?
- Mac - Instalar Composer
- Autoload con Composer
- Consultar la Base de datos con POO y MySQLi
- Consultar la Base de datos con POO y PDO
UNIDAD 33 - BIENES RAICES - Añadiendo Programación Orientada a Objetos al Proyecto · 3 leccionesUNIDAD 33 - BIENES RAICES - Añadiendo Programación Orientada a Objetos al Proyecto
UNIDAD 33 - BIENES RAICES - Añadiendo Programación Orientada a Objetos al Proyecto
- Creando las classes y registrando un Autoload
- ¿Qué es Active Record?
- Creando algunas funciones helper
UNIDAD 34 - BIENES RAICES y POO - Guardar Registros de Propiedades · 6 leccionesUNIDAD 34 - BIENES RAICES y POO - Guardar Registros de Propiedades
UNIDAD 34 - BIENES RAICES y POO - Guardar Registros de Propiedades
- Instanciando la clase de Propiedad y creando un método guardar()
- Agregando una BD a la clase
- Sanitizar entrada de datos
- Almacenando en la base de datos
- Añadiendo validación
- Subir Imagenes con Intervention Image
UNIDAD 35 - BIENES RAICES y POO - Listar las propiedades · 3 leccionesUNIDAD 35 - BIENES RAICES y POO - Listar las propiedades
UNIDAD 35 - BIENES RAICES y POO - Listar las propiedades
- Consultando la Base de datos para obtener todas las propiedades
- Iterando sobre los resultados
- Escapar HTML de la base de datos
UNIDAD 36 - BIENES RAICES y POO - Actualizar las propiedades · 5 leccionesUNIDAD 36 - BIENES RAICES y POO - Actualizar las propiedades
UNIDAD 36 - BIENES RAICES y POO - Actualizar las propiedades
- Encontrar la propiedad a editar
- Crear un Objeto con la información de la BD
- Validar la edición de Propiedades
- Actualizar las imagenes
- Actualizando las Propiedades en la BD
UNIDAD 37 - BIENES RAICES y POO - Eliminar Propiedades · 2 leccionesUNIDAD 37 - BIENES RAICES y POO - Eliminar Propiedades
UNIDAD 37 - BIENES RAICES y POO - Eliminar Propiedades
- Eliminar las Propiedades
- Últimos Ajustes
UNIDAD 38 - BIENES RAICES y POO - Herencia para tener una clase ActiveRecord · 3 leccionesUNIDAD 38 - BIENES RAICES y POO - Herencia para tener una clase ActiveRecord
UNIDAD 38 - BIENES RAICES y POO - Herencia para tener una clase ActiveRecord
- Creando una clase Principal para Heredar en otras classes
- Creando la clase de Vendedores y Modificando ActiveRecord
- Modificando la Clase Propiedades y Vendedores
UNIDAD 39 - BIENES RAICES y POO - CRUD para Vendedores · 9 leccionesUNIDAD 39 - BIENES RAICES y POO - CRUD para Vendedores
UNIDAD 39 - BIENES RAICES y POO - CRUD para Vendedores
- Obtener todos(as) los Vendedores para el Formulario de Propiedades
- Añadiendo validación a la clase de Propiedades
- Almacenar Propiedades desde Active Record
- Listar los vendedores y las vendedoras de la BD
- Identificar que deseamos eliminar
- Creando el Formulario para Registrar Vendedores
- Validación al Formulario
- Actualización de Vendedores
- Mostrando Alertas
UNIDAD 40 - BIENES RAICES y POO - Mostrando las Propiedades en el FrontEnd · 2 leccionesUNIDAD 40 - BIENES RAICES y POO - Mostrando las Propiedades en el FrontEnd
UNIDAD 40 - BIENES RAICES y POO - Mostrando las Propiedades en el FrontEnd
- Obtener y Listar las Propiedades
- Obtener una cantidad en especifico de Propiedades
UNIDAD 41 - BIENES RAICES y Model View Controller - Moviendo nuestro proyecto hacia MVC! · 29 leccionesUNIDAD 41 - BIENES RAICES y Model View Controller - Moviendo nuestro proyecto hacia MVC!
UNIDAD 41 - BIENES RAICES y Model View Controller - Moviendo nuestro proyecto hacia MVC!
- ¿Que es Model View Controller - MVC?
- Creando la Estructura para MVC
- Creando los Modelos
- Creando Los Controladores y el Router
- Registrando URL's y los métodos asociados a ellas
- Asociando URL's a métodos del Controlador
- Creando el método para mostrar las Vistas (HTML)
- Creando un Layout Principal
- Pasar Datos hacia la Vista
- Consultar el Modelo en el Controlador y pasar Resultados hacia la vista
- Creando el Formulario para Nuevas Propiedades
- Trabajando con las peticiones POST
- Modificando el código para almacenar imagenes en la carpeta publica
- Trabajando con el método de actualizar
- Actualizando en la Base de datos
- Eliminar Propiedades
- Mostrando los Vendedores
- Creando el Controlador para Vendedores
- Mostrando el Formulario para crear vendedores
- Validación de Vendedores
- Formulario para Editar Vendedores
- Almacenando Vendedores en la Base de datos
- Eliminar Vendedores
- Creando las URL's para las páginas
- Creando la página principal
- Creando la página de Nosotros
- Creando la página de Propiedades
- Creando la página de Propiedad
- Creando la página de Blog
UNIDAD 42 - BIENES RAICES y MVC - Enviar Emails · 7 leccionesUNIDAD 42 - BIENES RAICES y MVC - Enviar Emails
UNIDAD 42 - BIENES RAICES y MVC - Enviar Emails
- Creando la página de Contacto y envio de emails
- Instalar PHPMailer y obtener una cuenta de Mailtrap
- Configurando Mailtrap y enviando un email
- Enviar un Email con los datos del formulario
- Seleccionar un método de contacto
- Ocultar o Mostrar los campos del formulario según la selección del usuario
- Enviando en PHP los datos del formulario según el método seleccionado
UNIDAD 43 - BIENES RAICES y MVC - Login y Autenticación · 8 leccionesUNIDAD 43 - BIENES RAICES y MVC - Login y Autenticación
UNIDAD 43 - BIENES RAICES y MVC - Login y Autenticación
- Creando el Controlador y URL's para Autenticar
- Creando el Modelo de Autenticación
- Validando el Formulario de Autenticación
- Verificar si el usuario existe o no
- Comprobar si el password es correcto
- Autenticar al usuario si todo es correcto
- Cerrar Sesión
- Proteger las Rutas
UNIDAD 44 - BIENES RAICES - Testing del Proyecto · 4 leccionesUNIDAD 44 - BIENES RAICES - Testing del Proyecto
UNIDAD 44 - BIENES RAICES - Testing del Proyecto
- Etapa 5 - Pruebas y Revisión
- Etapa 6 - Optimización
- Etapa 7 - Lanzamiento o Deployment
- Una vez hecho el Deployment...
UNIDAD 45 - APPSALON - Proyecto en MVC, PHP 8, MySQL, SASS y Gulp · 5 leccionesUNIDAD 45 - APPSALON - Proyecto en MVC, PHP 8, MySQL, SASS y Gulp
UNIDAD 45 - APPSALON - Proyecto en MVC, PHP 8, MySQL, SASS y Gulp
- Veamos el Proyecto que vamos a construir en los siguientes capítulos
- Comenzando el Proyecto y revisando los archivos iniciales (DESCARGAR MATERIAL)
- Instalando dependencias de NPM
- Añadiendo Composer
- Creando el Routing y Controlador para Autenticación
UNIDAD 46 - APPSALON - Creando las Vistas para Autenticación, Creación y Olvide mi Password · 8 leccionesUNIDAD 46 - APPSALON - Creando las Vistas para Autenticación, Creación y Olvide mi Password
UNIDAD 46 - APPSALON - Creando las Vistas para Autenticación, Creación y Olvide mi Password
- Añadiendo las Vistas
- CSS a las Vistas
- Creando el Formulario de Autenticación
- CSS al Formulario
- CSS al Botón de Submit
- Añadiendo Enlaces para Nueva cuenta y Olvide Password
- Creando la Página de Crear Cuenta
- Creando la Página de Olvide mi password
UNIDAD 47 - APPSALON - Creando la Base de Datos de este proyecto · 6 leccionesUNIDAD 47 - APPSALON - Creando la Base de Datos de este proyecto
UNIDAD 47 - APPSALON - Creando la Base de Datos de este proyecto
- Las Tablas, Columnas y Relaciones de Nuestra Base de Datos
- Creando la Tabla Usuarios
- Creando la Tabla Servicios
- Creando la Tabla Citas
- Creando la Tabla CitasServicios
- Modificando las Restricciones de Integridad Referencial
UNIDAD 48 - APPSALON - Creación de Cuentas de Usuarios · 12 leccionesUNIDAD 48 - APPSALON - Creación de Cuentas de Usuarios
UNIDAD 48 - APPSALON - Creación de Cuentas de Usuarios
- Creando el Modelo de Usuarios
- Instanciando y sincronizando Usuario con el Formulario
- Validando la Creación de Usuarios
- Creando un template de alertas
- CSS a las alertas
- Finalizando la validación
- Verificar que el usuario no este previamente registrado
- Hashear el Password
- Consideraciones cuando los Usuarios crean sus cuentas
- Crear una clase para enviar un email
- Enviando un Email con PHPMailer y Mailtrap
- Registrando al Usuario, Almacenando un Token y enviandolo por Email
UNIDAD 49 - APPSALON - Confirmar las cuentas por medio de Token y un email · 2 leccionesUNIDAD 49 - APPSALON - Confirmar las cuentas por medio de Token y un email
UNIDAD 49 - APPSALON - Confirmar las cuentas por medio de Token y un email
- Confirmar la cuenta del usuario por email
- Mostrar Mensajes de éxito o error
UNIDAD 50 - APPSALON - Autenticación de Usuarios · 5 leccionesUNIDAD 50 - APPSALON - Autenticación de Usuarios
UNIDAD 50 - APPSALON - Autenticación de Usuarios
- Añadiendo la Validación
- Verificando si el usuario existe
- Revisar Password del usuario
- Validar si el usuario esta Confirmado
- Autenticar al Usuario
UNIDAD 51 - APPSALON - Resetear Password cuando al usuario se le olvida · 6 leccionesUNIDAD 51 - APPSALON - Resetear Password cuando al usuario se le olvida
UNIDAD 51 - APPSALON - Resetear Password cuando al usuario se le olvida
- Añadiendo Validación
- Verificar que el usuario exista y este confirmado
- Enviar un email con las instrucciones
- Crear la vista para recuperar el password
- Validar el Token
- Almacenar el Nuevo Password
UNIDAD 52 - APPSALON - Creando el Área de Citas y Reservaciones · 11 leccionesUNIDAD 52 - APPSALON - Creando el Área de Citas y Reservaciones
UNIDAD 52 - APPSALON - Creando el Área de Citas y Reservaciones
- Creando Routing y Controllers para Citas
- Añadiendo los Contenedores Principales
- Mostrar el Nombre del usuario autenticado
- Creando Tabs para navegación
- Creando Botones para Paginador
- Añadiendo un Script
- Primeros pasos con la Navegación por Tabs
- Cambiando la sección según el Tab presionado
- Finalizando la navegación por tabs
- Creando el Paginador
- Finalizando el Paginador
UNIDAD 53 - APPSALON - Trabajando con las Citas, Servicios y creando una API · 19 leccionesUNIDAD 53 - APPSALON - Trabajando con las Citas, Servicios y creando una API
UNIDAD 53 - APPSALON - Trabajando con las Citas, Servicios y creando una API
- ¿Qué es una API?
- Creando el Modelo de Servicios y exportando a JSON
- Consultar la API con Fetch API y Async Await
- Mostrando los Servicios de nuestra API
- CSS a los Servicios
- Seleccionando Servicios para la Cita
- Cambiar la apariencia de un Servicio Seleccionado
- Agregar / Quitar Servicios
- Almacenar el Nombre del Cliente
- Almacenar la Hora de la Cita
- Mostrar mensajes de error en fechas
- Evitar reservar una fecha anterior
- Validar la Hora de la Cita
- Mostrando el Resumen de la Cita
- Mostrar Alerta si faltan datos en el Resumen
- Mostrar Datos del Resumen
- Aplicando CSS al Resumen
- Mostrar la fecha en un formato más amigable
- Añadir un Botón para Reservar Citas
UNIDAD 54 - APPSALON - Reservando Citas con Fetch API / Async Await y nuestra API · 12 leccionesUNIDAD 54 - APPSALON - Reservando Citas con Fetch API / Async Await y nuestra API
UNIDAD 54 - APPSALON - Reservando Citas con Fetch API / Async Await y nuestra API
- ¿Qué es AJAX?
- Fetch API - Nueva generación de AJAX
- Enviar peticiones al Servidor
- Enviar Petición al Servidor con Fetch API y Async Await
- Enviar los datos del Formulario con FormData
- Añadir los Servicios a la petición Fetch
- Almacenando las Citas en Postman
- Guardando la Cita con Fetch
- Mostrando una Alerta
- ¿Como Debuguear los llamados Fetch ?
- Guardando los Servicios de la Cita
- Proteger la Ruta de Citas
UNIDAD 55 - APPSALON - Finalizar el área de Citas · 2 leccionesUNIDAD 55 - APPSALON - Finalizar el área de Citas
UNIDAD 55 - APPSALON - Finalizar el área de Citas
- Mostrar el Nombre del Cliente
- Añadir un botón para Cerrar Sesión
UNIDAD 56 - APPSALON - Crear un Área de Administración · 25 leccionesUNIDAD 56 - APPSALON - Crear un Área de Administración
UNIDAD 56 - APPSALON - Crear un Área de Administración
- Creando la Vista del Panel de Administración
- Uniendo Tablas con un JOIN
- Extrayendo la información Necesaria
- Creando el modelo para las citas en el administrador
- Consultar la Base de datos en PHP
- Mostrar las Citas en Pantalla
- CSS a las Citas
- Calcular el Total a pagar
- Mostrar las citas por fecha
- Ajustando el diseño de la app
- Añadir la función para filtrar por fechas
- Validar Fechas
- Eliminar Citas
- Proteger el Panel de administración
- Crear un Menú para el Administrador
- Routing para Servicios
- Creando las Vistas para los Servicios
- Creando el Formulario para Servicios
- Validación a los Servicios
- Mostrar los Servicios
- CSS a los Servicios
- Creando el Formulario de Actualizar Servicios
- Actualizar el Servicio
- Eliminar un Servicio
- Proteger el Resto de las Rutas
UNIDAD 57 - DEPLOYMENT - ¿Como se hace el Deployment de Proyectos Modernos de PHP? · 5 leccionesUNIDAD 57 - DEPLOYMENT - ¿Como se hace el Deployment de Proyectos Modernos de PHP?
UNIDAD 57 - DEPLOYMENT - ¿Como se hace el Deployment de Proyectos Modernos de PHP?
- Consideraciones para el Deployment y Variables de Entorno
- Variables de Entorno y rutas para emails
- Rutas para Archivos Locales CSS y JS y creando un Build
- Subir Proyecto a Git
- DEPLOYMENT a DOMCloud
UNIDAD 58 - UpTask - Administrador de Proyectos en SASS Fetch MySQL PHP MVC y Virtual DOM · 3 leccionesUNIDAD 58 - UpTask - Administrador de Proyectos en SASS Fetch MySQL PHP MVC y Virtual DOM
UNIDAD 58 - UpTask - Administrador de Proyectos en SASS Fetch MySQL PHP MVC y Virtual DOM
- El Proyecto Finalizado
- Comenzando el Proyecto (Descarga materiales aquí)
- Primeros Pasos con el Routing
UNIDAD 59 - UpTask - Creando las Vistas de Login · 6 leccionesUNIDAD 59 - UpTask - Creando las Vistas de Login
UNIDAD 59 - UpTask - Creando las Vistas de Login
- Creando las Vistas de Login
- Creando el Formulario de Login
- Aplicando CSS al Formulario de Login
- CSS a los Enlaces
- CSS al nombre UpTask
- Finalizando la Vista del Login
UNIDAD 60 - UpTask - Creando la vista de Crear Cuenta y Olvide mi Password · 6 leccionesUNIDAD 60 - UpTask - Creando la vista de Crear Cuenta y Olvide mi Password
UNIDAD 60 - UpTask - Creando la vista de Crear Cuenta y Olvide mi Password
- Creando la Vista de Crear Cuenta
- Finalizando la página de Crear Cuenta
- Creando la página de Olvide mi Password
- Creando la Vista para agregar el nuevo password
- Creando la vista para el mensaje de Cuenta Creada
- Creando la Vista para Confirmar la cuenta
UNIDAD 61 - UpTask - Creando la Funcionalidad del Login · 11 leccionesUNIDAD 61 - UpTask - Creando la Funcionalidad del Login
UNIDAD 61 - UpTask - Creando la Funcionalidad del Login
- Creando la Tabla de Usuarios
- Creando el Modelo de Usuarios
- Validando la creación de cuentas
- Verificando que los Password sean iguales
- Mostrando mensajes de error
- CSS a los mensajes de error
- Verificando si un usuario ya existe
- Hashear el Password y generar un token único
- Creando una clase para enviar un email de confirmación
- Enviando el Email de Confirmación
- Leyendo y Comprobando la Cuenta del Usuario
UNIDAD 62 - UpTask - Creando la Funcionalidad de Olvide mi Password · 7 leccionesUNIDAD 62 - UpTask - Creando la Funcionalidad de Olvide mi Password
UNIDAD 62 - UpTask - Creando la Funcionalidad de Olvide mi Password
- Validando el Email para Resetear el Password
- Identificando si el usuario existe
- Creando un Token Temporal para resetear el password
- Enviando el Email
- Validando que el Token sea válido
- Validando el Nuevo Password
- Guardando el Nuevo Password
UNIDAD 63 - UpTask - Agregando la Funcionalidad de Autenticación de Usuarios · 3 leccionesUNIDAD 63 - UpTask - Agregando la Funcionalidad de Autenticación de Usuarios
UNIDAD 63 - UpTask - Agregando la Funcionalidad de Autenticación de Usuarios
- Validando el Login
- Revisando si el Usuario Existe
- Revisando Password y Autenticando al Usuario
UNIDAD 64 - UpTask - Creando un Dashboard para administrar los Proyectos · 7 leccionesUNIDAD 64 - UpTask - Creando un Dashboard para administrar los Proyectos
UNIDAD 64 - UpTask - Creando un Dashboard para administrar los Proyectos
- Creando la Ruta y Controller de Dashboard
- Creando la Vista de Dashboard
- CSS al Dashboard
- CSS a la barra del Dashboard
- Protegiendo el Dashboard
- Finalizando el CSS del Dashboard
- Creando las páginas que complementan el Dashboard
UNIDAD 65 - UpTask - Creando Proyectos desde el Dashboard · 5 leccionesUNIDAD 65 - UpTask - Creando Proyectos desde el Dashboard
UNIDAD 65 - UpTask - Creando Proyectos desde el Dashboard
- Creando el Formulario
- Creando la Tabla de Proyectos
- Creando el Modelo de Proyectos
- Validación para Crear Proyectos Nuevos
- Creando una URL para los proyectos
UNIDAD 66 - UpTask - Creando la Vista para Proyectos · 4 leccionesUNIDAD 66 - UpTask - Creando la Vista para Proyectos
UNIDAD 66 - UpTask - Creando la Vista para Proyectos
- Validando el Proyecto
- Obteniendo los Proyectos del Usuario
- Listando todos los proyectos del usuario
- Aplicando CSS a los Proyectos
UNIDAD 67 - UpTask - Añadiendo un Formuario para Añadir Tareas en un Modal · 7 leccionesUNIDAD 67 - UpTask - Añadiendo un Formuario para Añadir Tareas en un Modal
UNIDAD 67 - UpTask - Añadiendo un Formuario para Añadir Tareas en un Modal
- Creando un botón para añadir tareas
- Añadiendo JavaScript para mostrar el Formulario
- Creando el Modal para añadir Tareas
- Aplicando CSS al Modal
- Añadiendo una animación al Modal
- Agregando un botón para cerrar el Modal
- Finalizando el CSS del Modal
UNIDAD 68 - UpTask - Añadiendo Tareas al Proyecto Actual · 9 leccionesUNIDAD 68 - UpTask - Añadiendo Tareas al Proyecto Actual
UNIDAD 68 - UpTask - Añadiendo Tareas al Proyecto Actual
- Validando las Tareas
- Creando una Alerta
- Creando la Tabla de Tareas
- Creando el Modelo de Tareas
- Creando Routing y Controladores para Tareas
- Enviando una petición al Servidor con Fetch API
- Obtener el Proyecto Actual
- Verificar si el proyecto existe o pertenece a quien desea añadir una tarea
- Insertando Tareas en la base de datos
UNIDAD 69 - UpTask - Listar las Tareas del Proyecto · 9 leccionesUNIDAD 69 - UpTask - Listar las Tareas del Proyecto
UNIDAD 69 - UpTask - Listar las Tareas del Proyecto
- Creando una API para mostrar las tareas
- Obtener las tareas en la página del Proyecto
- Comenzando el Scripting para mostrar las tareas
- Continuando con el Scripting y construyendo la Interfaz
- Agregando las Tareas a la interfaz
- CSS al Listado de Tareas
- ¿Qué es el Virtual DOM?
- Agregar nuevas tareas y mostrarlas (Recargando la página)
- Actualizando el Arreglo de Tareas y Actualizando el DOM al añadir tarea
UNIDAD 70 - UpTask - Cambiar el Estado de las Tareas · 4 leccionesUNIDAD 70 - UpTask - Cambiar el Estado de las Tareas
UNIDAD 70 - UpTask - Cambiar el Estado de las Tareas
- Cambiar el Estado de una tarea
- Construyendo y enviando la petición al Servidor
- Cambiando el Estado de la tarea en el servidor
- Cambiando el Estado de la tarea en el Virtual DOM
UNIDAD 71 - UpTask - Eliminar Tareas · 2 leccionesUNIDAD 71 - UpTask - Eliminar Tareas
UNIDAD 71 - UpTask - Eliminar Tareas
- Detectando la tarea a eliminar
- Eliminando Tareas
UNIDAD 72 - UpTask - Editando el Nombre de las Tareas · 3 leccionesUNIDAD 72 - UpTask - Editando el Nombre de las Tareas
UNIDAD 72 - UpTask - Editando el Nombre de las Tareas
- Detectando la edición de las tareas
- Actualizando las Tareas en el Servidor
- Actualizando las Tareas en el Virtual DOM
UNIDAD 73 - UpTask - Filtrando Tareas por Completas o Pendientes · 4 leccionesUNIDAD 73 - UpTask - Filtrando Tareas por Completas o Pendientes
UNIDAD 73 - UpTask - Filtrando Tareas por Completas o Pendientes
- Creando el Formularo
- CSS al Formulario
- Obteniendo y Filtrando las Tareas según lo seleccionado por el usuario
- Últimos Ajustes
UNIDAD 74 - UpTask - Creando el Menú Mobile · 6 leccionesUNIDAD 74 - UpTask - Creando el Menú Mobile
UNIDAD 74 - UpTask - Creando el Menú Mobile
- Ocultando Paneles para Responsive
- Añadiendo JavaScript para interacciones más avanzadas
- CSS al Menú Mobile
- Mostrando / Ocultando el Menú
- Creando el botón para cerrar sesión
- Finalizando el Menú Responsive
UNIDAD 75 - UpTask - Actualización de Perfil, Email y Password · 8 leccionesUNIDAD 75 - UpTask - Actualización de Perfil, Email y Password
UNIDAD 75 - UpTask - Actualización de Perfil, Email y Password
- Creando el Formulario de Perfil
- Validando el perfil
- Almacenando los Cambios
- Validar que el Usuario no modifique el Email a una cuenta ya existente
- Creando el Formulario para modificar el password
- Validando los Passwords
- Comprobar que el password es correcto
- Almacenar el Nuevo Password
UNIDAD 76 - UpTask - Habilitando Dark Mode · 5 leccionesUNIDAD 76 - UpTask - Habilitando Dark Mode
UNIDAD 76 - UpTask - Habilitando Dark Mode
- Media Queries para Dark Mode
- Ajustando los Formularios
- Dark Mode al Dashboard
- Dark Mode a las Tareas
- Finalizando el Proyecto
UNIDAD 77 - DevWebCamp - Sitio de Conferencias con Pagos en PayPal, Admin y Temas Avanzados · 2 leccionesUNIDAD 77 - DevWebCamp - Sitio de Conferencias con Pagos en PayPal, Admin y Temas Avanzados
UNIDAD 77 - DevWebCamp - Sitio de Conferencias con Pagos en PayPal, Admin y Temas Avanzados
- Archivos Iniciales de este proyecto (Descarga Materiales aquí)
- Configurar la Base de Datos
UNIDAD 78 - DevWebCamp - Autenticación, Registro, Confirmar Cuenta y Olvide Password · 7 leccionesUNIDAD 78 - DevWebCamp - Autenticación, Registro, Confirmar Cuenta y Olvide Password
UNIDAD 78 - DevWebCamp - Autenticación, Registro, Confirmar Cuenta y Olvide Password
- Creando la vista de Login
- Primeros pasos con CSS - BEM en este proyecto
- Creando los Titulos de páginas
- Añadiendo CSS para el Formulario
- Finalizando el CSS de Login
- Creando la Vista de Registro de Cuenta
- Creando la vista de Olvide mi Password
UNIDAD 79 - DevWebCamp - Creando el header · 6 leccionesUNIDAD 79 - DevWebCamp - Creando el header
UNIDAD 79 - DevWebCamp - Creando el header
- Añadiendo el HTML del Header
- Primeros pasos con el CSS del Proyecto
- Creando un Mixin para el Logo
- Añadiendo CSS al resto de Textos y Botones
- Finalizando el Header
- Creando una Barra de Navegación
UNIDAD 80 - DevWebCamp - Creando el Footer · 3 leccionesUNIDAD 80 - DevWebCamp - Creando el Footer
UNIDAD 80 - DevWebCamp - Creando el Footer
- Creando el HTML para el Footer
- CSS al Footer
- Crear un Menú de Redes Sociales
UNIDAD 81 - DevWebCamp - Base de Datos y Modelo para Autenticación y Registro · 5 leccionesUNIDAD 81 - DevWebCamp - Base de Datos y Modelo para Autenticación y Registro
UNIDAD 81 - DevWebCamp - Base de Datos y Modelo para Autenticación y Registro
- Creando la Tabla de Usuarios y Validación
- Añadiendo Variables de Entorno para Email y enviando mail de confirmación
- Confirmando la Cuenta
- Habilitar Resetear Password si el usuario se le olvida
- Autenticando a los Usuarios
UNIDAD 82 - DevWebCamp - Creando un Panel de Administración · 6 leccionesUNIDAD 82 - DevWebCamp - Creando un Panel de Administración
UNIDAD 82 - DevWebCamp - Creando un Panel de Administración
- Creando el Layout para Admin
- Primeros Pasos creando el Dashboard
- Creando los Enlaces para el Panel de Administración
- CSS al Panel de Administración
- Routing en el Panel de Administración
- Resaltar la página Actual
UNIDAD 83 - DevWebCamp - Formulario de Registro de Ponentes · 5 leccionesUNIDAD 83 - DevWebCamp - Formulario de Registro de Ponentes
UNIDAD 83 - DevWebCamp - Formulario de Registro de Ponentes
- Routing en Ponentes y Primeros Pasos
- Primeros Pasos con el Formulario de Registro de Ponentes
- Aplicando CSS al Formulario
- Añadiendo Campos Extras - Tags y Fotografía
- Creando Campos para Redes Sociales
UNIDAD 84 - DevWebCamp - Añadiendo la Función de Crear Tags para Ponentes · 3 leccionesUNIDAD 84 - DevWebCamp - Añadiendo la Función de Crear Tags para Ponentes
UNIDAD 84 - DevWebCamp - Añadiendo la Función de Crear Tags para Ponentes
- Leyendo los Tags ingresados en el Input
- Listar y Eliminar Tags
- CSS a los Tags
UNIDAD 85 - DevWebCamp - Modelo y Base de Datos para Ponentes · 3 leccionesUNIDAD 85 - DevWebCamp - Modelo y Base de Datos para Ponentes
UNIDAD 85 - DevWebCamp - Modelo y Base de Datos para Ponentes
- Añadiendo la Tabla, Modelo y validación
- Leer la Imagen del Ponente y generar versión PNG y WebP
- Creando Ponentes y Almacenando la ruta de imagen
UNIDAD 86 - DevWebCamp - Listado, Edición y Eliminar · 9 leccionesUNIDAD 86 - DevWebCamp - Listado, Edición y Eliminar
UNIDAD 86 - DevWebCamp - Listado, Edición y Eliminar
- Insertando el Resto de Ponentes
- CSS al Listado de Ponentes
- Primeros pasos con la edición y validación
- Llenando los Campos del Formulario para Edición y Mostrar la fotografía actual
- Llenando los Tags con la información de la BD
- Llenar los campos de Redes Sociales
- Finalizar la Actualización de Ponentes
- Eliminar Ponentes
- Proteger el Panel de Administración para que solo Admins accedan a el
UNIDAD 87 - DevWebCamp - Crear una Paginación Escalable y reutilizable · 9 leccionesUNIDAD 87 - DevWebCamp - Crear una Paginación Escalable y reutilizable
UNIDAD 87 - DevWebCamp - Crear una Paginación Escalable y reutilizable
- ¿Que es paginar y como se hace?
- Primeros Pasos con la Paginación
- Obtener la página actual
- Obtener el Total de Registros
- Detectar el Offset y si aun hay una página siguiente o anterior de ser necesario
- Crear el Enlace Siguiente y Anterior
- Paginar los Ponentes
- Aplicar CSS a la paginación
- Mostrar Paginación con Números
UNIDAD 88 - DevWebCamp - Registrando Conferencias y Workshops · 21 leccionesUNIDAD 88 - DevWebCamp - Registrando Conferencias y Workshops
UNIDAD 88 - DevWebCamp - Registrando Conferencias y Workshops
- Primeros pasos con el Formulario
- Crear la Tabla de Categorias, Modelo y Mostrar en el Formulario
- Crear Tabla para Días, Modelo y Mostrar en el Formulario
- Crear Tabla para Horas, Modelo y Mostrar en el Formulario
- Añadir el Campo para Buscar Ponentes y la Cantidad
- Creando la Tabla de Eventos y Modelo
- Validar un Nuevo Evento
- Primeros pasos con seleccionar la hora con JavaScript
- Revisar con una consulta día y hora para ver las horas disponibles
- Crear un método en active record que tome un array para una búsqueda
- Conectar nuestro código de JS con la API y obtener eventos
- Seleccionar una Hora
- Resaltar visualmente cuando una hora es seleccionada
- Consultar que horas están tomadas una vez que cambiamos dia y categoria
- Deshabilitar visualmente las horas tomadas
- Finalizar el Componente de horas
- Añadir un Ponente al Workshop o Conferencia - Obtener Ponentes
- Filtrar Ponentes por Búsqueda
- Mostrar Ponentes o Mensaje de No Resultados
- CSS al Listado de Ponentes
- Revisando el Formulario de Eventos y añadiendo algunos de ejemplo
UNIDAD 89 - DevWebCamp - Listado de Eventos, Actualización y Eliminar · 6 leccionesUNIDAD 89 - DevWebCamp - Listado de Eventos, Actualización y Eliminar
UNIDAD 89 - DevWebCamp - Listado de Eventos, Actualización y Eliminar
- Consultando la BD para listar los eventos
- Cruzar la información de los modelos para traernos las tablas relacionadas
- Añadiendo la información de Día, Hora y Ponente
- Edición de Conferencias - Routing y Llenar los Campos
- Seleccionar el Ponente asociado a Conferencias
- Eliminar Conferencias
UNIDAD 90 - DevWebCamp - Creando las Páginas Públicas o del Frontend · 12 leccionesUNIDAD 90 - DevWebCamp - Creando las Páginas Públicas o del Frontend
UNIDAD 90 - DevWebCamp - Creando las Páginas Públicas o del Frontend
- Creando el Controller y Routing para las páginas Públicas
- Creando la página sobre DevWebCamp
- Creando la página de Paquetes
- Creando la página de Workshops y Conferencias y primeros pasos con CSS
- Ordenar los eventos en el backend
- Mostrar los eventos en el frontend
- Aplicando CSS a los eventos
- Swiper para crear un Carousel y ¿Qué es un CDN?
- Añadir Webpack a nuestro framework
- Crear el Carousel con Swiper
- Añadir el Resto de Carouseles a nuestro proyecto!
- Resaltar la página actual
UNIDAD 91 - DevWebCamp - Página Principal de la Conferencia · 9 leccionesUNIDAD 91 - DevWebCamp - Página Principal de la Conferencia
UNIDAD 91 - DevWebCamp - Página Principal de la Conferencia
- Creando el Bloque con el Resumen y Cantidades
- Mostrando los Ponentes
- Aplicando CSS a los Ponentes
- Diferentes imágenes de Fondo a cada Ponente
- Mostrando un Mapa donde se llevará a cabo el evento
- Creando el Diseño de Boletos
- Añadir animaciones al hacer Scroll
- Crear una función para añadir las animaciones
- Crear una página 404
UNIDAD 92 - DevWebCamp - Recibir Pagos en Línea para Inscribirse a la Conferencia · 8 leccionesUNIDAD 92 - DevWebCamp - Recibir Pagos en Línea para Inscribirse a la Conferencia
UNIDAD 92 - DevWebCamp - Recibir Pagos en Línea para Inscribirse a la Conferencia
- ¿Como funciona recibir pagos en línea?
- Creando la página para Elegir el Paquete de Inscripción
- Inscribirnos en el Plan Gratis
- Generar un Boleto Virtual
- Finalizar el Boleto Virtual
- Evitar Registros Duplicados
- Crear el Botón para Registro Presencial
- Almacenar el Registro una vez hecho el pago
UNIDAD 93 - DevWebCamp - Permitir al usuario registrar sus conferencias y regalo · 9 leccionesUNIDAD 93 - DevWebCamp - Permitir al usuario registrar sus conferencias y regalo
UNIDAD 93 - DevWebCamp - Permitir al usuario registrar sus conferencias y regalo
- Mostrar los Eventos y Lugares Disponibles
- Añadir los eventos seleccionados por el usuario
- Listar los eventos seleccionados por el usuario
- Añadir un Formulario para el Regalo
- Validar el Registro y el Regalo
- Enviar datos del Registro hacia el Controlador
- Comprobar que haya lugares disponibles en las conferencias y workshops
- Almacenar el Registro en la Base de datos
- Creando el Botón para el Pago Virtual
UNIDAD 94 - DevWebCamp - Ajustes Finales al Admin · 5 leccionesUNIDAD 94 - DevWebCamp - Ajustes Finales al Admin
UNIDAD 94 - DevWebCamp - Ajustes Finales al Admin
- Listando y Paginando Registros
- Creando un Bloque de últimos registros
- Creando un bloque de Ingresos
- Creando Bloques de más y menos lugares disponibles
- Creando una gráfica de regalos y fin de Proyecto
Tu certificado lo emite la SEP, no solo una plataforma
Al demostrar la competencia recibes un certificado emitido por la Secretaría de Educación Pública a través del Gobierno del Estado de México: un documento oficial que puedes presentar con confianza ante cualquier empleador o institución.
Tu certificado con INEC
- Lo emite la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México
- Documento oficial con folio verificable en línea
- Lo otorga la Universidad Tecnológica Fidel Velázquez
Otras plataformas en línea
- Constancia privada emitida por la misma plataforma
- Solo acredita horas cursadas o asistencia
- Sin respaldo de una autoridad educativa
Tu itinerario, de la inscripción al certificado
- 1
Inscripción con pago único
Pagas $2,800 MXN una sola vez y entras de inmediato al curso.
- 2
Estudias a tu ritmo
94 unidades con videos, lecturas y actividades, disponibles 24/7 durante 12 meses.
- 3
Cuestionarios por unidad
Cuestionarios para comprobar lo aprendido.
- 4
Certificado
Emitido por la SEP a través del Gobierno del Estado de México, con folio verificable.
Un certificado oficial de la SEP
- Emitido por la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México. No es una constancia privada: es un documento oficial, y ese respaldo marca la diferencia frente a otras plataformas en línea.
- Contenido impartido por Juan Pablo De la torre Valdez.
- Folio y QR verificables para compartirlo con quien te contrate.
Empieza hoy, a tu ritmo
Un solo pago y acceso inmediato al curso completo durante 12 meses.
- 94 unidades · 793 lecciones · 60 h
- 12 meses de acceso
- Certificado emitido por la SEP (Gob. del Estado de México) con folio verificable
Sobre tu inscripción
¿Cómo es el pago?
Un solo pago de $2,800 MXN. No hay mensualidades ni cargos recurrentes.
¿Cuánto tiempo tengo acceso?
12 meses desde tu inscripción, 24/7, para avanzar a tu ritmo.
¿Quién imparte el contenido?
El curso es impartido por Juan Pablo De la torre Valdez; INEC gestiona tu inscripción, evaluación y certificado.
¿Qué pasa cuando vence mi acceso?
Puedes renovar tu cuenta tú mismo desde la plataforma, sin trámites ni esperas.


