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

• • 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).Elección de un buen IDE o editor de texto (Sublime Text, Visual Studio Code, Apache NetBeans)

  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.

• 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.

• ¿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.

• 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.

• 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.

• 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.

• 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.

• 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.