Curso Programación Web Full Stack y diseño de páginas web - Escuela Mastermedia

- Aprender a programar tanto el cliente como el servidor haciendo uso principalmente de PHP y Javascript con la Base de datos MySQL (MaríaDB) y el framework Symfony5.
- Aprender a elaborar API REST.
- Familiarizar al estudiante en la instalación y uso de módulos y librerías para la automatización de las tareas más comunes en el Backend como en el Frontend.

Curso Programación Web Full Stack y diseño de páginas web

UNIDAD 1
- ELECCIÓN DE UN BUEN IDE O EDITOR DE TEXTO (SUBLIME TEXT, VISUAL STUDIO CODE, APACHE NETBEANS)
- ES MUY COMÚN USAR UN IDE (ENTORNO DE PROGRAMACIÓN) O UN EDITOR DE TEXTO QUE NOS FACILITE LA MANIPULACIÓN DE TODO TIPO DE CÓDIGO EN TODO TIPO DE LENGUAJE.
- HAY QUE TENER EN CUENTA LAS ALTERNATIVAS SI TENEMOS QUE REALIZAR EL MANTENIMIENTO DE NUESTRA WEB A TRAVÉS DE TERMINAL, DE FORMA REMOTA, EN OTROS SISTEMAS OPERATIVOS Y/O SI LOS RECURSOS SON LIMITADOS.
- USAREMOS NETBEANS POR SU VERSATILIDAD Y PRECIO (GRATIS).
TERMINAL DEL SISTEMA
- USO BÁSICO DEL TERMINAL O CONSOLA PARA EJECUCIÓN DE PROCESOS. ES LA HERRAMIENTA BÁSICA PARA TRABAJAR CON LOS SERVIDORES.
ESTRUCTURA DE UN SITIO WEB
- CONTROLARÁS LA ESTRUCTURA BÁSICA DE UN SITIO WEB, TANTO LA PARTE FRONTEND COMO BACKEND.
HTML5 Y CSS3 (UN REPASO RÁPIDO)
- CONTROLARÁS LA SINTAXIS BÁSICA DE LOS LENGUAJES QUE INTERPRETAN LOS NAVEGADORES MODERNOS CUANDO MUESTRAN NUESTRA APLICACIÓN WEB (PARA ASÍ PODER AJUSTAR Y MAQUETAR SU APARIENCIA), AUNQUE NOS VAMOS A CENTRAR EN EL LENGUAJE JAVASCRIPT EN EL LADO DEL CLIENTE Y EL LENGUAJE TWIG EN EL SERVIDOR.
BOOTSTRAP Y OTRAS TECNOLOGÍAS PARA AGILIZAR EL DISEÑO
- SE VERÁ CÓMO INTEGRAR BOOTSTRAP EN LA ARQUITECTURA DEL DISEÑO Y CÓMO MANEJAR LA DOCUMENTACIÓN.
UNIDAD 2
- INSTALACIÓN DE LAS HERRAMIENTAS DE TRABAJO.
- ENTORNO XAMMP: POTENTE SERVIDOR DE NUESTRAS APLICACIONES.
- COMPOSER: HERRAMIENTA QUE PERMITE LA INSTALACIÓN Y GESTIÓN DE DIFERENTES LIBRERÍAS Y UTILIDADES.
PHP (BACKEND)
- HAREMOS NUESTRO PRIMER “HOLA MUNDO” EN PHP.
- VEREMOS LAS ESTRUCTURAS ELEMENTALES DE ESTE LENGUAJE Y SE IRÁN AMPLIANDO A LO LARGO DEL CURSO.
- INSTRUCCIONES CONDICIONALES.
- BUCLES.
- FUNCIONES.
- CLASES Y MÉTODOS.
PROGRAMACIÓN MODERNA, SIGUIENDO LAS ARQUITECTURAS: MVC
- COMPRENDER Y CONTROLAR TODO TIPO DE DATOS DE LA MANERA MÁS EFICIENTE ES IMPRESCINDIBLE ESTUDIAR EL PARADIGMA DETRÁS DE UN BUEN FRAMEWORK DE PROGRAMACIÓN WEB. FAMOSAS APLICACIONES COMO PRESTASHOP.
UNIDAD 3
BACKEND (SYMFONY 5)
- ¿POR QUÉ SYMFONY 5?
- INSTALACIÓN DESDE CONSOLA CON COMPOSER:
- VEREMOS CÓMO INSTALAR EL “ESQUELETO” DEL FRAMEWORK Y LAS LIBRERÍAS MÁS COMUNES.
-VENTANA DE SYMFONY, TRABAJAR EN DESARROLLO O PRODUCCIÓN
- LA ESTRUCTURA DE NUESTRO PROYECTO:
- RUTAS.
- ENTIDADES.
- CONTROLADORES.
- FORMULARIOS.
- PLANTILLAS.
- PRIMER PROYECTO:
- EMPLEAREMOS LO QUE SABEMOS PARA EMPEZAR A HACER NUESTRO PROYECTO FINAL QUE SE COMUNICARÁ CON EL FRONTEND, UNA TIENDA VIRTUAL.
UNIDAD 4
BACKEND
- CREACIÓN DE UNA BASE DE DATOS: VEREMOS CÓMO CONECTAR NUESTRO PROYECTO CON UNA BASE DE DATOS:
- USO DE PHPMYADMIN
- MODELO DE ENTIDADES: VEREMOS CÓMO CREAR ENTIDADES POR CONSOLA:
- CONTROLADORES.
- TRATAMIENTO DE DATOS CRUD (CREATE, READ, UPDATE, DELETE).
- MODIFICACIÓN DE PARÁMETROS DEL FORMULARIO.
- TIPOS DE DATOS.
FRONTEND
- USO DE FORMULARIOS Y CONTROL POR JAVASCRIPT Y TWIG.
- MOSTRAR Y OCULTAR ELEMENTOS.
- AMPLIACIÓN DEL PROYECTO: REALIZAREMOS UNA INTERFAZ DE PRODUCTOS PARA PODER VER LAS CARACTERÍSTICAS Y PRECIOS.
UNIDAD 5
BACKEND
- ENRUTAMIENTO, VEREMOS CÓMO DESDE LA VISTA PASAREMOS A DIFERENTES CONTROLADORES.
- BÚSQUEDA DE DATOS.
- ES ELEMENTAL USAR UNA BUENA GESTIÓN DE LOS INNUMERABLES DATOS QUE INTERVIENEN EN TODA APLICACIÓN WEB.
- TIPOS DE DATOS RELACIONADOS:
- RELACIONES UNO A MUCHOS.
- RELACIONES MUCHOS A MUCHOS.
- MODELO PERSISTENTE DE DATOS.
- CONTROL DE ACCESO A DATOS CON DOCTRINE: PODEMOS PROGRAMAR EL ACCESO A LOS DATOS DE NUESTRAS BBDD CON NUESTRAS PROPIAS FUNCIONES, PERO ES CONVENIENTE QUE VEAMOS CÓMO USAR LAS LIBRERÍAS QUE MÁS SE USAN PARA TAL PROPÓSITO.
FRONTEND
- GENERACIÓN AUTOMÁTICA DE LISTAS CON JAVASCRIPT.
- USO DE PLANTILLAS CON TWIG.
- SUBIR FICHEROS AL SERVIDOR.
UNIDAD 6
BACKEND
- VEREMOS UN EJEMPLO PRÁCTICO DE INTERACCIÓN CON LA BASE DE DATOS CON MÚLTIPLES ENTIDADES.CONFECCIÓN DE UN CARRITO DE LA COMPRA:
- ¿QUÉ DATOS NECESITAMOS?
- MODELO DE DATOS.
- REGISTRO DE OPERACIONES.
- TIEMPO DE VIDA DE LAS OPERACIONES.
FRONTEND
- SELECTORES DE DATOS.
- VALIDACIÓN DE DATOS.
- PASO DE DATOS CON JSON.
UNIDAD 7
- VEREMOS UN EJEMPLO PRÁCTICO DE CONFIGURACIÓN DE LA APLICACIÓN POR EL USUARIO. CADA VEZ ES MÁS USUAL QUE EL USUARIO SE ADAPTE LA APLICACIÓN A SUS NECESIDADES Y GUSTOS:.
- CONFECCIÓN DE PARÁMETROS DE CONFIGURACIÓN.
- FRONTEND, SELECCIÓN DE ESTILOS POR CONFIGURACIÓN.
- GESTIÓN DE USUARIOS. VEREMOS CÓMO PERMITIR EL ACCESO A CIERTOS USUARIOS CON LA POLÍTICA DE ROLES Y ENCRIPTACIÓN DE DATOS:
- BACKEND, PARAMETRIZACIÓN DE ACCESOS.
- VEREMOS CÓMO CONECTAR NUESTRO CARRITO DE LA COMPRA CON UNA PASARELA DE PAGO. SI LA FINALIDAD ES VENDER POR INTERNET, TENER UNA PASARELA DE PAGO ES IMPRESCINDIBLE. ACTUALMENTE ES PAYPAL Y REDSYS LAS PASARELAS MÁS DEMANDADAS:
- CONECTAR LOS PAGOS CON PAYPAL.
- PÁGINAS DE RESPUESTA.
- MODELO DE DATOS DE PAGOS.
- MANTENIMIENTO DE NUESTRO SITIO WEB:
- CÓMO REALIZAR UNA LIMPIEZA.
- CÓMO REALIZAR UNA COPIA DE SEGURIDAD DE NUESTRA BASE DE DATOS.