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

Presentación

El Curso Programación y Diseño Web Full Stack está dirigido a:

Personas con conocimientos básicos de tecnologías web o profesionales que quieran renovarse con las últimas tendencias estables de la web.
Gente con ganas de aprender de forma continua y no tienen miedo de enfrentarse a nuevas tecnologías.
Personas que quieran tener las competencias necesarias para enfrentarse a las demandas del mercado laboral actual.

Requisitos: tener nociones básicas de tecnologías web y programación: HTML, CSS y Javascript o PHP.

Otros cursos relacionados con lenguajes de programación en la oferta formativa de escuela Mastermedia son: curso de Programación Python, curso Lenguajes de Programación Web, curso Programación Web Básica con Node y Angular y el curso Programación Web Avanzada con Node y Angular.

Objetivos

Programarás tanto el cliente como el servidor usando principalmente PHP y Javascript con la Base de datos MySQL (MaríaDB) y el framework Symfony5.

Aprenderás a elaborar API REST.

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.

Detalles

Comienza

10 de octubre

Finaliza

21 de octubre

Precio

~~590,00 €~~ 501,50 €

Horarios

09:40 a 13:40 horas

Días de clase

10, 14, 15, 16, 17 y 21 de octubre

Duración

24 horas

Localización

Escuela Mastermedia

Calle Padre Tomás Montañana, 28 - 1B Valencia, Valencia 46023 España

Programa

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

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.

Saber más

Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor rhoncus dolor purus non enim praesent elementum facilisis leo, vel fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis enim lobortis scelerisque fermentum dui faucibus in ornare quam viverra orci sagittis eu volutpat odio facilisis mauris sit amet massa vitae tortor condimentum lacinia quis vel eros donec ac odio tempor orci dapibus ultrices in iaculis nunc sed augue lacus, viverra vitae congue eu, consequat ac felis donec et odio pellentesque diam volutpat commodo sed egestas egestas fringilla phasellus faucibusLorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor rhoncus dolor purus non enim praesent elementum facilisis leo, vel fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis enim lobortis scelerisque fermentum dui faucibus in ornare quam viverra orci sagittis eu volutpat odio facilisis mauris sit amet massa vitae tortor condimentum lacinia quis vel eros donec ac odio tempor orci dapibus ultrices in iaculis nunc sed augue lacus, viverra vitae congue eu, consequat ac felis donec et odio pellentesque diam volutpat commodo sed egestas egestas fringilla phasellus faucibus