Objetivos del curso

Aprende a desarrollar una aplicación web moderna con acceso por Google, gestión de cookies, funciones asíncronas y perfil de usuario.

Te enseñaremos seguridad en formularios y bases de datos, y a evitar inyecciones SQL. Trabaja de forma asíncrona con JavaScript para contenido dinámico y obtén fundamentos para una arquitectura HTML y PHP óptima y SEO amigable.

El curso incluye ejercicios y un proyecto de app web de consulta de películas, con registro de usuarios, comentarios, favoritos y perfil admin. La app usará datos de una API gratuita y tendrá modo diurno/nocturno y seguridad en formularios.

Temario: 

Frontend:

• Instalación de aplicaciones necesarias para el desarrollo.
• Creación de cuenta en GitHub y configuración.
• Paradigma del HTML5, CSS3, JS ES6
• Sintaxis y estructura del HTML5 y CSS3.
• Esbozo del proyecto ya establecido.
• Arquitectura del proyecto y distribución del contenido.
• Estructura HTML/CSS responsive con lógica de MOBILE FIRST.
• Lenguaje de programación JS ES6 orientado a objetos: sintaxis, iteraciones, funciones, objetos y clases.
• Preprocesador SASS de CSS: análisis y arquitectura del proyecto, sintasis, variables, mixins, versiones para navegadores, importaciones, etc.
• Modo nocturno y diurno.
• Gestión de Cookies en cliente.
• Seguridad en cliente de los formularios.
• Estructura y arquitectura HTML de reaprovechamiento.
• Metadatos y claves SEO en metadatos, densidad de texto, encabezados, imágenes, etc.
• Tratamiento de imágenes, formatos de nueva generación y etiqueta picture responsive para diferentes navegadores.

Backend:

• Instalación de aplicaciones y componentes para el desarrollo de Backend.
• Familiarización de localhost y diferencias con host comercial y VPS (Servidor virtual privado).
• Manejo y configuración de PHP en el servidor local.
• Paradigma de PHP, servidor y bases de datos.
• Manejo de phpMyAdmin y creación de bases de datos, tablas y manejo de campos y sentencias básicas MySQL.
• Sintaxis PHP, JSON y MySQL.
• Conversión del proyecto a PHP con reaprovechamiento de estructura.
• Vinculación con Google Analytics.
• Gestión de cookies en servidor.
• Manejo de URL amigables y enrutamiento de contenido a través del index.php
• Manejo del .htaccess.
• Análisis y arquitectura de base de datos para el proyecto. Creación de tablas y campos según el estudio realizado.
• Manejo del sitemap.xml y robots.txt para la indexación de todo el contenido.
• PHP Mailer para envío de correos bajo credenciales SMTP de confianza.
• Seguridad en servidor para formularios y accesos a bases de datos para evitar inyecciones y control de errores.
• API para el logeo vía Google.
• Zona de recuperación de contraseña, registro y logeo.
• Creación y envío de TOKENS para verificación en dos pasos.
• API para la obtención de datos externos y muestreo de contenido en la web.
• Función asíncrona para mostrar contenido filtrado.
• Gestor de ítems favoritos.
• Gestor de perfil, cambio de contraseña, avatar y otros datos.
• Función de comentarios y valoraciones (5 estrellas) en cada item.
• Zona admin para gestión de consultas API, ítems y usuarios.