Máster Profesional en Diseño Web Full Stack - Trazos

- Impartir conocimientos acerca del funcionamiento de JavaScript y ECMAScript 6, la programación con PHP orientado a objetos, el desarrollo de aplicaciones, las bases de datos con MongoDB, y el desarrollo de páginas con alta optimización de carga.
- Traspasar un completo método de enseñanza, en el cual se profundiza sobre las herramientas de depuración de JavaScript, el manejo de los comandos básicos, la selección de elementos, y el manejo de eventos.
- Conocer sobre la manipulación de ficheros, el funcionamiento de una base de datos, y la estructura básica de una plantilla de wordpress.

Máster Profesional en Diseño Web Full Stack

MÓDULO: HTML5 Y CSS3
DISEÑO WEB VS PROGRAMACIÓN WEB.
- Lenguajes de programación web y su aplicación a proyectos.
- Perfiles: Frontend, Backend, Mean y Fullstack.
- Análisis de tendencias en programación web.
- Fases del proceso web.
- Conceptualización gráfica.
- Layouts y tipos de estructura.
- El color en la web.
- Principios de usabilidad (UX / UI).
HTML5.
- Introducción al lenguaje HTML 5.
- Estructura: header, footer, main, section, article y aside.
- Texto: Strong, span y em.
- Enlaces.
- Imágenes y Picture.
- Imágenes SVG: Imagen vs Código.
- Etiquetas Vídeo y Audio.
- iFrames.
- Listas.
- Tablas.
- Formularios.
- Atributos data.
- Etiquetas Meta.
- Meta Open Graph.
CSS3.
- Selectores: Básicos, Avanzados, Pseudoelementos (before/after)
- Unidades de medida: básicas, avanzadas y función calc().
- Tipografía: @font-face y Google Fonts.
- Maquetación en Flex.
- Maquetación en Grid.
- Transition.
- Animation + @keyframes.
- Custom properties: variables en CSS.
- Responsive: @media.
SCSS Y TASK RUNNERS.
- Introducción a preprocesadores y Task Runners.
- Usando Prepros.
- Anidación de elementos.
- Variables en SASS.
- Usando Mixins.
JAVASCRIPT.
- Introducción a Javascript Nativo vs Typescript.
- Estado de Javascript: Webs vs Aplicaciones.
- Variables: let,const, var.
- Funciones: parámetros e invocación.
JQUERY EN EMPRESAS.
- Introducción y porqué se sigue usando.
- Selectores.
- Eventos.
- Efectos de Javascript junto a CSS.
BANNERS.
- Introducción: Qué son y uso en empresas.
- Tipos de banners y formatos. Introduciendo ClickTag.
NEWSLETTER.
- Introducción: Qué son y uso en empresas.
- MJML.io: Preprocesador de newsletters.
PHP EN WORDPRESS.
- Introducción a PHP 7: Qué es y para qué sirve.
- MAMP como servidor.
- Introducción a CMS: Wordpress.
- Wordpress Panel de control.
- Wordpress Páginas, Entradas y Configuración.
- Wordpress Temas vs Plugins.
SUBIDA A PRODUCCIÓN.
- Hosting, dominio y proveedores.
- Subida de archivos por FTP.
GIT.
- Introducción.
- Comandos básicos: init, add, commit, push y pull.
- Ramas: branch y merge.
- Aplicaciones GIT: Github Desktop y Bitbucket.
MÓDULO: JAVASCRIPT, JQUERY Y ANGULAR.
INTRODUCCIÓN A LA PROGRAMACIÓN WEB
- Introducción: Javascript, qué es y para qué sirve.
- Javascript vs ECMAScript vs Vanilla JS.
- Frameworks: Qué son y los más demandados en empresas.
JAVASCRIPT NATIVO.
- Reglas de sintaxis del código.
- Mensajes de error y consejos para depurar el código (debug).
- Herramientas de depuración de JavaScript.
- Variables, constantes y operadores
- Variables, let y const.
- Declaración, asignación y ámbito (scope).
- Operadores aritméticos, comparación, lógicos, asociativos, concatenación.
FUNCIONES
- Declaración, uso.
- Parámetros: transmisión de datos.
- Parámetros SPREAD y deconstrucción.
- Devolviendo datos: return.
ESTRUCTURAS LÓGICAS
- Condicionales.
- Bucles: for, while / do while.
- Switch.
OBJETOS.
- Introducción a objetos y su importancia en Frameworks.
- Definición y creación mediante en ECMAScript y Typescript.
- Propiedades y Métodos.
- Prototipos y Herencia.
ARRAYS
- Arrays de una dimensión.
- Arrays multidimensionales.
- Recorrer Arrays.
- Funciones de arras: map, filter, push…
AJAX Y JSON.
- Pidiendo datos con Fetch.
- Promesas con then().
- JSON: Qué es, stringify y parse.
- Recibiendo datos de una API REST.
JQUERY
- Introducción y porqué se usa en empresas.
- Selección de elementos.
- Manejo de eventos.
- Efectos con jQuery y SCSS.
TYPESCRIPT Y ECMASCRIPT
- Introducción: Qué es y cómo funciona.
- Task Runner: Prepros.
- Tipos de datos.
- Funciones.
- Interfaces.
- Módulos.
INTRODUCCIÓN A FRAMEWORKS
- Qué frameworks se demandan.
- Angular vs React vs Vue vs Svelte.
- Introducción a Node y NPM.
- CLI: Usando la terminal.
- Uso con GIT.
- Componente.
FRAMEWORKS: ANGULAR 11
- Angular CLI: Instalación y uso.
- Componentes.
- Directivas.
- Eventos.
FRAMEWORKS: REACTJS
- CLI: Usando Create-React-app.
- JSX: Introducción.
- Componentes.
- Props.
- State y Hooks.
- Eventos.
GIT
- Introducción.
- Comandos básicos: init, add, commit, push y pull.
- Ramas: branch y merge.
- Aplicaciones GIT: Github Desktop y Bitbucket
MÓDULO: PHP Y MYSQL_
INTRODUCCIÓN AL ENTORNO
- Servidores Apache vs Ngix.
- MAMP: Instalando el entorno.
PHP
- Constantes y variables: tipología y alcance.
- Reglas de nombres y palabras reservadas.
- Operadores: aritméticos, comparación, lógicos, asociativos, concatenación.
- Operadores especiales: nave espacial.
- Usando Namespace.
ARRAYS
- Array clásicos.
- Array Asociativos.
- Arrays multidimensionales.
- Recorriendo arrays.
- Funciones con Arrays.
FUNCIONES
- Declaración e invocación.
- Transmisión de datos: Parámetros y argumentos.
- Devolviendo valores: return.
ESTRUCTURAS LÓGICAS
- Condicionales: If, else if.
- Bucle For.
- Bucle While y do-while.
- Bucle Switch.
- Interrumpir y abandonar los bucles.
POO (PROGRAMACIÓN ORIENTADA A OBJETOS)
- Clases, Clases anónimas y Objetos.
- Propiedades y Métodos: definición y visibilidad.
- Parámetros y devolución de valores.
- Herencia e Interfaces.
FUNCIONES PREDEFINIDAS DEL LENGUAJE
- Manipulación de cadenas de caracteres.
- Gestionando fechas y horas.
- Acceso a directorios.
- Acceso y manipulación de ficheros.
- Subir ficheros al servidor.
- Función mail() para enviar correos.
MYSQL Y PHPMYADMIN
- Introducción y estructura de una base de datos.
- Modelado de datos para base de datos relacionales.
- Creación de Base de datos, tablas y campos.
- Introducción de registros.
- Importación y exportación: Bases de datos, tablas y datos.
- Usuarios y Privilegios.
- Consultas básicas: Select, Insert, Update y Delete.
- Select con funciones SQL y subconsultas.
CONECTANDO PHP A SQL
- Conectando PHP a SQL con procedimientos (mysqli).
- Conectando PHP a SQL con objetos (PDO).
- Capturando excepciones.
RECEPCIÓN DE DATOS
- Formularios y métodos de envío: GET y POST.
- Recepción de datos con $_REQUEST.
- Introducción a un CMS (CRUD)
- Definición e importancia de un CMS.
- Definición de una estructura MVC.
- Sesiones de usuarios y cookies.
- Autentificación de usuarios.
PHP EN WORDPRESS
- Wordpress: Entradas, páginas, menú widgets, y temas.
- Estructura básica de una plantilla Wordpress: The Loop.
- Funciones más usadas.
- Uso de Hooks.
CONFIGURACIÓN BÁSICA DE SERVIDOR
- Archivo .htaccess.
- Archivo php.ini.
FRAMEWORKS: LARAVEL 8
- Instalación y puesta en marcha.
- CLI: Composer y Artisan.
- Plantillas y vistas.
- Estructuras de control.
- Enrutamiento: De.
- finición y uso.
- Controladores: Definición y uso.
- Conexión con Base de datos.
FRAMEWORKS: SYMFONY 5
- Instalación y puesta en marcha.
- CLI: Composer y Artisan.
- Plantillas y vistas.
- Estructuras de control.
- Enrutamiento: Definición y uso.
- Controladores: Definición y uso.
- Conexión con Base de datos.
INTRODUCCIÓN A DOCKER
- Introducción a images, containers y volumes.
- Ventajas de usar Docker
MÓDULO: REACTJS, ANGULAR, NODEJS Y MONGODB_
INTRODUCCIÓN.
- Qué es un framework y porqué se usan.
- Tendencias en 2021.
- Frameworks más demandados.
- SQL vs NoSQL.
HERRAMIENTAS BÁSICAS.
- Visual Studio Code y plugins
- Terminal: Uso para NodeJS.
- Postman: Recibiendo datos.
NODEJS CON EXPRESSJS.
- Introducción al Entorno NodeJS.
- Proceso: Qué es y Ciclo de Vida en NodeJS.
- Archivo package.json y carpeta. node_modules.
- Paquetes
- Exportación e Importación.
- Módulos (FS, HTTP, URL).
- ExpressJS Instalación y configuración.
- ExpressJS Conectando con una Base de datos.
- ExpressJS Peticiones: POST, PUT, GET y DELETE.
MONGODB. - INTRODUCCIÓN A NOSQL.
- Instalación de MongoDB.
- JSON: Qué es y cómo funciona.
- Operaciones CRUD básicas: Insertar, buscar, actualizar y borrar.
- Operaciones CRUD avanzadas: : read, find, create.
- Operadores: comparación y evaluación.
- Schemas y tipos de datos.
- Aggregation Framework.
- Mongoose para ExpressJS.
FRAMEWORKS: ANGULAR 11.
- Angular CLI: Instalación y uso.
- Componentes.
- Directivas.
- Eventos.
- Routing.
- Servicios.
- Conexión con MongoDB.
- Producción y subida del proyecto
FRAMEWORKS: REACTJS.
- CLI: Usando Create-React-app.
- JSX: Introducción.
- Componentes.
- Props.
- State y Hooks.
- Eventos.
- Bucles y Condicionales.
- Producción y subida del proyecto.