Te familiarizarás 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.
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.
Actualizaremos nuestro segundo proyecto para permitir seleccionar productos por categorías e inserción de imágenes.
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.
Unidad 8
Descripción general de PHP
Configuración de un entorno de desarrollo.
Comprender la relación entre PHP y WordPress.
Conceptos básicos de PHP.
Variables y tipos de datos
Operadores.
Estructuras de Control.
Funciones.
PHP para el desarrollo de temas de WordPress.
Anatomía de un tema de WordPress
El bucle (loop).
Jerarquía de plantillas.
Archivos de plantilla personalizados.
PHP para el desarrollo de complementos de WordPress.
Introducción a los plugins
Crear un plugin básico.
Uso de ganchos y filtros.
Las mejores prácticas para el desarrollo de complementos.
PHP avanzado para WordPress.
Programación orientada a objetos
Manejo de errores y depuración.
Trabajando con la base de datos de WordPress.
Uso de API y bibliotecas externas.
Mejores prácticas y seguridad.
Escribir código PHP seguro
Evitar las trampas comunes de PHP.
Las mejores prácticas para el desarrollo de WordPress.
Principios y prácticas de seguridad de WordPress.
Conclusión y próximos pasos.
Curso Programación Web Full Stack y diseño de páginas web
Tener nociones básicas de tecnologías web y programación: HTML, CSS y Javascript o PHP.
