Gracias a este programa 100% online, dominarás las herramientas y lenguajes más innovadores en Programación Front End Full Stack Developer para desarrollar soluciones web funcionales”

En el contexto digital actual, dominar los fundamentos del desarrollo web se ha vuelto indispensable para construir soluciones dinámicas, intuitivas y adaptadas a las demandas del entorno tecnológico. Por este motivo, la especialización en Front End Full Stack Developer representa una vía estratégica para quienes buscan crear experiencias interactivas desde la interfaz hasta la lógica de servidor. De hecho, esta área no solo permite desarrollar productos digitales funcionales, sino también garantizar su rendimiento, accesibilidad y escalabilidad, aspectos clave en el mercado competitivo y orientado al usuario que prevalece hoy en día.

Por lo tanto, TECH ha diseñado un innovador plan de estudios que profundizará en aspectos esenciales como los roles que intervienen en los entornos de programación, el diseño e interpretación de algoritmos eficientes y el uso de repositorios de software para una gestión colaborativa del código. A través de un enfoque riguroso, se articularán estos contenidos con herramientas actuales del sector, favoreciendo una comprensión integral de los procesos que intervienen en el desarrollo completo de aplicaciones web.

Posteriormente, este programa universitario brindará a los profesionales una oportunidad única para perfeccionar sus competencias en entornos web, consolidando habilidades que permiten construir proyectos tecnológicos desde cero y liderar iniciativas digitales con autonomía. Además, fortalecerán la toma de decisiones técnicas, el pensamiento lógico y la capacidad de adaptar soluciones a distintos contextos empresariales. Gracias a una preparación alineada con las exigencias del mercado, se favorecerá una proyección profesional sólida en un campo con amplia demanda laboral a nivel global.

Finalmente, la metodología de TECH se caracteriza por su flexibilidad, permitiendo acceder a todos los contenidos en línea en cualquier momento del día, desde cualquier lugar y mediante múltiples dispositivos conectados a internet. Este modelo se apoya en el innovador sistema Relearning, que favorecerá una asimilación progresiva y duradera del conocimiento mediante la repetición inteligente de conceptos clave, reforzando la capacitación autónoma y dinámica.

Un plan de estudios basado en el disruptivo sistema del Relearning de TECH, que te facilitará la asimilación de conceptos complejos de un modo rápido y flexible”

Este Máster de Formación Permanente en Programación Front End Full Stack Developer contiene el programa universitario más completo y actualizado del mercado. Sus características más destacadas son:

• El desarrollo de casos prácticos presentados por expertos en Programación Front End Full Stack Developer
• Los contenidos gráficos, esquemáticos y eminentemente prácticos con los que están concebidos recogen una información científica y práctica sobre aquellas disciplinas indispensables para el ejercicio profesional
• Los ejercicios prácticos donde realizar el proceso de autoevaluación para mejorar el aprendizaje
• Su especial hincapié en metodologías innovadoras en sistemas informáticos
• Las lecciones teóricas, preguntas al experto, foros de discusión de temas controvertidos y trabajos de reflexión individual
• La disponibilidad de acceso a los contenidos desde cualquier dispositivo fijo o portátil con conexión a internet

Ahondarás en los roles que intervienen en los entornos de programación, adaptando su comprensión a distintos contextos de desarrollo digital”

Incluye en su cuadro docente a profesionales pertenecientes al ámbito de la Programación Front End Full Stack Developer, que vierten en este programa la experiencia de su trabajo, además de reconocidos especialistas de sociedades de referencia y universidades de prestigio.

Su contenido multimedia, elaborado con la última tecnología educativa, permitirá al profesional un aprendizaje situado y contextual, es decir, un entorno simulado que proporcionará un estudio inmersivo programado para entrenarse ante situaciones reales.

El diseño de este programa se centra en el Aprendizaje Basado en Problemas, mediante el cual el alumno deberá tratar de resolver las distintas situaciones de práctica profesional que se le planteen a lo largo del curso académico. Para ello, el profesional contará con la ayuda de un novedoso sistema de vídeo interactivo realizado por reconocidos expertos.

Serás capaz de automatizar procesos de desarrollo y despliegue con herramientas DevOps"

Manejarás el uso de repositorios de software, optimizando la gestión colaborativa de código"

Este exclusivo itinerario académico ahondará en temas de gran relevancia, que complementan la Programación Front End Full Stack Developer. Por lo tanto, se ahondará progresivamente en herramientas como el lenguaje HTML, esencial para estructurar correctamente la información en entornos digitales. A su vez, se profundizará en el diseño de layouts modernos, con énfasis en la adaptabilidad y la experiencia del usuario, elementos cruciales en el desarrollo de interfaces eficientes. De manera complementaria, se incorporará el dominio del lenguaje JavaScript, indispensable para implementar funcionalidades dinámicas. Esta combinación de conocimientos impulsa un conocimiento técnico riguroso, alineado con las necesidades del sector tecnológico.

Profundizarás en los principios estructurales más recientes del lenguaje HTML, aplicados al desarrollo de interfaces funcionales”

Módulo 1. Desarrollo Full Stack Developer

1.1. Desarrollo Full Stack Developer I. Programación y lenguajes

1.1.1. Programación
1.1.2. Roles de programación
1.1.3. Lenguajes y framework
1.1.4. Algoritmo
1.1.5. Características de un algoritmo

1.2. Desarrollo Full Stack Developer II. Tipología

1.2.1. Variables y constantes
1.2.2. Tipos
1.2.3. Operadores
1.2.4. Declaraciones
1.2.5. Bucles
1.2.6. Funciones y objetos

1.3. Estructura de datos en el desarrollo

1.3.1. Tipos de estructura lineales
1.3.2. Tipos de estructura funcionales
1.3.3. Tipos de estructuras de árbol

1.4. Diseño e interpretación de algoritmos

1.4.1. Paralelismo en desarrollo. Divide y vencerás
1.4.2. Algoritmos voraces
1.4.3. Programación dinámica

1.5. Entorno y herramientas para el desarrollo orientado a Full Stack Developer

1.5.1. Preparación del entorno para Mac OS
1.5.2. Preparación del entorno para Linux
1.5.3. Preparación del entorno para Windows

1.6. Línea de comando. Tipología y funcionamiento

1.6.1. La terminal
1.6.2. Emuladores
1.6.3. Intérprete de comandos
1.6.4. Primeros comandos
1.6.5. Navegación
1.6.6. Gestión de archivos y carpetas utilizando la interfaz de línea de comandos
1.6.7. Secure shell. SSH
1.6.8. Comandos avanzados

1.7. Git. Repositorio de software

1.7.1. Git Repositorio de software
1.7.2. Uso de Git
1.7.3. Repositorios de software
1.7.4. Ramas
1.7.5. Ciclo de trabajo
1.7.6. Comandos

1.8. Servicio de alojamiento de versionado de código

1.8.1. Servicio de alojamiento de versionado de código
1.8.2. Proveedores
1.8.3. Repositorios

1.9. Internet

1.9.1. Internet
1.9.2. Protocolos utilizados en WWW
1.9.3. Protocolo HTTP

1.10. Metodologías en desarrollo Full Stack

1.10.1. Scrum
1.10.2. XP
1.10.3. Design Sprint

Módulo 2. Front-end en Programación

2.1. Lenguaje HTML

2.1.1. Documento HTML
2.1.2. Elemento head
2.1.3. Elemento body
2.1.4. Texto
2.1.5. Hipervínculos
2.1.6. Imágenes
2.1.7. Primer Site

2.2. Lenguaje HTML. Layouts

2.2.1. Lenguaje HTML. Elementos
2.2.2. Layout tradicional
2.2.3. Layout semántico

2.3. Hojas de estilo en cascada CSS (cascading style sheets)

2.3.1. Inclusión de CSS en un documento HTML
2.3.2. Comentarios
2.3.3. Selectores
2.3.4. Selectores avanzados

2.4. Propiedades CSS (cascading style sheets)

2.4.1. Color
2.4.2. Texto
2.4.3. Pseudo clases
2.4.4. Transiciones
2.4.5. Animaciones
2.4.6. Animación de elementos
2.4.7. Animación avanzada

2.5. Modelo de caja

2.5.1. Alto y ancho
2.5.2. Margen
2.5.3. Relleno

2.6. Posicionamiento

2.6.1. Posicionamiento estático
2.6.2. Posicionamiento relativo
2.6.3. Posicionamiento absoluto
2.6.4. Posicionamiento fijo
2.6.5. Floats

2.7. Diseño adaptable

2.7.1. Viewport
2.7.2. Media queries
2.7.3. Unidades CSS
2.7.4. Images
2.7.5. Frameworks

2.8. Layout moderno

2.8.1. Flex
2.8.2. Grid
2.8.3. Flex vs. grid

2.9. Preprocesador

2.9.1. Sass
2.9.2. Variables
2.9.3. Mixins
2.9.4. Bucles
2.9.5. Funciones

2.10. Sistema de diseño

2.10.1. Bootstrap
2.10.2. Grilla de bootstrap
2.10.3. Header y footer de nuestro sitio
2.10.4. Formularios
2.10.5. Cards
2.10.6. Modales

Módulo 3. Lenguaje JAVASCRIPT aplicado a Full Stack Developer

3.1. Tipos primitivos y operadores

3.1.1. Lenguaje JavaScript
3.1.2. Números y sus operadores
3.1.3. Cadenas de texto y sus operadores
3.1.4. Valores booleanos
3.1.5. Conversión entre tipos

3.2. Controladores de flujo y estructura

3.2.1. Expresiones y sentencias
3.2.2. Variables y constantes
3.2.3. Sentencia if
3.2.4. Sentencias for, while

3.3. Funciones

3.3.1. Funciones
3.3.2. Parámetros
3.3.3. Funciones como parámetros
3.3.4. Ámbito de las variables
3.3.5. Scopes anidados
3.3.6. Hoisting
3.3.7. Closures
3.3.8. Recursividad

3.4. Estructuras de datos: objetos

3.4.1. Tipo object
3.4.2. Creación de objetos
3.4.3. Acceso a los valores de un objeto
3.4.4. Añadido o eliminación de propiedades
3.4.5. Objetos anidados
3.4.6. Destructuring de objetos
3.4.7. Métodos del tipo object
3.4.8. Spread operator
3.4.9. Inmutabilidad

3.5. Estructuras de datos: Array

3.5.1. Estructura de datos. Array
3.5.2. Array. Tipología
3.5.3. Arrays anidados
3.5.4. Métodos de un array

3.6. POO: Prototype y clases

3.6.1. POO. Programación orientada a objetos
3.6.2. Prototipos
3.6.3. Clases
3.6.4. Datos privados
3.6.5. Subclases
3.6.6. Call y apply

3.7. Tipos de JavaScript

3.7.1. Set
3.7.2. WeakSet
3.7.3. Map
3.7.4. WeakMap
3.7.5. Expresiones regulares

3.8. Utilidades de JavaScript

3.8.1. Date
3.8.2. Math
3.8.3. Symbol
3.8.4. JSON

3.9. JavaScript en el browser

3.9.1. Inclusión de JavaScript en una web
3.9.2. DOM
3.9.3. Eventos
3.9.4. Storage en el navegador

3.10. Programación asíncrona

3.10.1. La programación asíncrona
3.10.2. Event loop
3.10.3. Calbacks
3.10.4. Promises
3.10.5. Async/await

Módulo 4. Maquetación web aplicado a Full Stack Developer

4.1. CSS y maquetación

4.1.1. Maquetación con tablas
4.1.2. Diseño fluido
4.1.3. La era del Responsive
4.1.4. Mobile first vs. desktop first

4.2. CSS y las reglas del diseño web

4.2.1. Selectores
4.2.2. Pseudo clases
4.2.3. Pseudo elementos

4.3. Maquetación con CSS

4.3.1. Reglas del box model
4.3.2. Tipografías
4.3.3. Colores
4.3.4. Imágenes
4.3.5. Fondos
4.3.6. Tablas
4.3.7. Formularios
4.3.8. Mostrando y ocultando elementos
4.3.9. Variables CSS

4.4. Diseño responsive y diseño fluido

4.4.1. Elementos flotantes
4.4.2. Grid CSS
4.4.3. Media queries
4.4.4. Flex Box

4.5. La cascada de CSS

4.5.1. Prioridad de reglas CSS
4.5.2. Sobrescribiendo reglas
4.5.3. Clases vs. identificadores

4.6. SaSS

4.6.1. Software como servicio (SaSS)
4.6.2. Instalación de SaSS
4.6.3. Ejecutando y compilando SaSS
4.6.4. Estructura de un directorio SaSS

4.7. Uso de SaSS

4.7.1. Variables en Sass
4.7.2. Modularizado de nuestro proyecto
4.7.3. Sintaxis de SaSS

4.8. Lógica de SaSS

4.8.1. Mixins
4.8.2. Maps
4.8.3. Funciones y estructuras de control

4.9. Maquetación con bootstrap

4.9.1. Bootrstrap
4.9.2. Layout de bootstrap
4.9.3. Formularios
4.9.4. Box model con bootstrap
4.9.5. Colores y tipografías
4.9.6. Enlaces y botones
4.9.7. Mostrar y ocultar elementos con bootstrap
4.9.8. Flex box con bootstrap
4.9.9. Componentes

4.10. Theming bootstrap

4.10.1. Reescribiendo bootstrap con SaSS (Software as a Service)
4.10.2. Estructura de archivos
4.10.3. Creación de nuestro propio framework CSS (cascading style sheets)

Módulo 5. Herramientas de Javascript. Librería ReactJS

5.1. Herramienta de Javascript ReactJS

5.1.1. La herramienta ReactJS
5.1.2. Create React App
5.1.3. JavaScript syntax extension

5.2. Componentes de ReactJS

5.2.1. Componentes
5.2.2. Props
5.2.3. Renderizado

5.3. Eventos en la librería ReactJS

5.3.1. Manejo de eventos
5.3.2. Manejo de eventos en línea
5.3.3. Eventos en la librería ReactJS

5.4. Configurando hooks de ReactJS

5.4.1. Estado de un componente
5.4.2. Hook de estado
5.4.3. Hook de efecto
5.4.4. Custom hooks
5.4.5. Otros hooks

5.5. Component context en ReactJS

5.5.1. Component context en ReactJS
5.5.2. Uso de context
5.5.3. Estructura del context
5.5.4. React. CreateContext
5.5.5. Context .Provider
5.5.6. Class. Context type
5.5.7. Context. Consumer
5.5.8. Context.displayName
5.5.9. Aplicación práctica de uso de context

5.6. Enrutado en ReactJs

5.6.1. Router
5.6.2. React router
5.6.3. Instalación
5.6.4. Enrutado básico
5.6.5. Enrutado dinámico
5.6.6. Componentes primarios
5.6.7. React router hooks

5.7. Uso de listas y formularios con ReactJS

5.7.1. Listas y bucles
5.7.2. Formularios y validaciones
5.7.3. React hook forms

5.8. Uso de estilos en ReactJS

5.8.1. Estilizado tradicional
5.8.2. Estilos en línea
5.8.3. Agregado de librería de sistema de diseño

5.9. Realización de pruebas en Javascript. Herramientas

5.9.1. Testing
5.9.2. Jest JavaScript testing framework
5.9.3. Visual testing and documentation

5.10. Despliegue de código con ReactJS

5.10.1. Hosting
5.10.2. Proveedores
5.10.3. Preparación del proyecto
5.10.4. Despliegue en Heroku

Módulo 6. Framework de JavaScript. Angular

6.1. El framework angular y su arquitectura

6.1.1. Angular CLI
6.1.2. Arquitectura
6.1.3. Workspace y estructura
6.1.4. Entorno

6.2. Componentes del Framework Angular

6.2.1. Ciclo de vida
6.2.2. Encapsulación de la vista
6.2.3. Interacción entre componentes
6.2.4. Proyección de contenido

6.3. Plantillas del framework angular

6.3.1. Interpolación de texto
6.3.2. Declaraciones
6.3.3. Property binding
6.3.4. Class, style y attribute binding
6.3.5. Event binding y two - way binding
6.3.6. Pipes

6.4. Directivas del framework angular

6.4.1. Directivas de angular
6.4.2. Directivas de atributo
6.4.3. Directivas de estructura

6.5. Servicios e inyección de dependencias

6.5.1. Servicios
6.5.2. Inyección de dependencias
6.5.3. Service providers

6.6. Routing y navegación

6.6.1. Aplicación con routing
6.6.2. Enrutamiento básico
6.6.3. Rutas anidadas
6.6.4. Parámetros
6.6.5. Acceso y autorización
6.6.6. Lazy loading de módulos

6.7. RxJS

6.7.1. Observables
6.7.2. Observers
6.7.3. Subscripciones
6.7.4. Operadores

6.8. Formularios y HTTP

6.8.1. Formularios reactivos
6.8.2. Validación de campos
6.8.3. Formularios dinámicos
6.8.4. Peticiones
6.8.5. Interceptors
6.8.6. Seguridad

6.9. Animaciones

6.9.1. Transiciones y triggers
6.9.2. Transiciones de rutas
6.9.3. Diferencias entre transiciones

6.10. Testing en el framework angular

6.10.1. Testeo de servicios
6.10.2. Testeo de componentes
6.10.3. Testeo de directivas y pipes

Módulo 7. Programación en lenguaje NodeJS

7.1. NodeJS y su arquitectura

7.1.1. NPM y manejo de paquetes
7.1.2. Ejecución de un programa
7.1.3. Módulos
7.1.4. Creación de un módulo
7.1.5. Loop de eventos

7.2. Servidor backend, HTTP, express y sockets

7.2.1. Módulo HTTP
7.2.2. Express
7.2.3. Socket.io

7.3. Bases de datos y caché

7.3.1. MongoDB
7.3.2. Mongoose
7.3.3. SQL
7.3.4. Sequelize
7.3.5. Redis

7.4. Sistema de ficheros y Os

7.4.1. File system module
7.4.2. Os module
7.4.3. Cluster module

7.5. Eventos, buffers y streams

7.5.1. Eventos
7.5.2. Buffers
7.5.3. Streams

7.6. Testing

7.6.1. Jest
7.6.2. Mocha
7.6.3. TDD - Cucumber

7.7. Arquitectura y buenas prácticas

7.7.1. DRY
7.7.2. SOLID
7.7.3. CRUD
7.7.4. MVC
7.7.5. Monolitos
7.7.6. Microservicios
7.7.7. Arquitecturas hexagonales

7.8. Typescript

7.8.1. Tipos, interfaces y clases
7.8.2. Funciones y módulos
7.8.3. Genéricos
7.8.4. Namespaces
7.8.5. Decoradores

7.9. API REST

7.9.1. Get
7.9.2. Post
7.9.3. Put
7.9.4. Delete
7.9.5. Swagger
7.9.6. Construcción de una API REST con express

7.10. Creación y contenerización de una aplicación con NestJS

7.10.1. Nest CLI
7.10.2. Docker
7.10.3. Construcción de una aplicación

Módulo 8. Base de datos para desarrolladores Full Stack

8.1. Base de datos para desarrolladores Full Stack

8.1.1. Base de datos dentro del desarrollo de aplicaciones
8.1.2. Capacidades de bases de datos
8.1.3. SQL (structured query language)

8.2. Elección de base de datos

8.2.1. Aplicación o servicio a considerar
8.2.2. Categorías de bases de datos
8.2.3. Panorama de base de datos

8.3. Desarrollo con MySQL

8.3.1. Desarrollo con MySQL
8.3.2. Despliegue de modelo relacional con MySQL
8.3.3. Conexión a MySQL

8.4. Desarrollo con Oracle Database

8.4.1. Desarrollo con Oracle DB
8.4.2. Despliegue del modelo
8.4.3. Conexión a Oracle Database

8.5. Desarrollo con Oracle SQL server

8.5.1. Oracle SQL server
8.5.2. Despliegue del modelo
8.5.3. Conexión a SQL server

8.6. Desarrollo con NoSQL

8.6.1. Comparación con bases de datos SQL
8.6.2. Creación de base de datos en MongoDB
8.6.3. Conexión a MongoDB

8.7. Desarrollo con grafos

8.7.1. Desarrollo con grafos
8.7.2. Creación de base de datos con Neo4j
8.7.3. Conexión con Neo4j

8.8. Desarrollo con base de datos clave - valor

8.8.1. Desarrollo con base de datos k - v
8.8.2. Creación de base de datos con Redis
8.8.3. Conexión con Redis

8.9. Bases de datos con otros tipos de datos

8.9.1. Elastic search
8.9.2. Inmemory database
8.9.3. Desarrollo con datos espaciales

8.10. Base de datos. Aspectos avanzados

8.10.1. Bases de datos en desarrollos cloud native
8.10.2. Bases de datos en arquitectura microservicios
8.10.3. CI/CD y las bases de datos

Módulo 9. UX CX. Experiencia de cliente

9.1. Customer experience

9.1.1. Customer experience (CX)
9.1.2. Nuevas necesidades en el consumo
9.1.3. Feedback en customer experience

9.2. Tecnologías innovadoras

9.2.1. Máquinas que piensan
9.2.2. Nuevas formas de compartir información
9.2.3. Medición de lo que no se puede medir

9.3. Canales de interacción con el usuario

9.3.1. Análisis del cliente
9.3.2. Personalización
9.3.3. Múltiples canales de interacción con el usuario

9.4. Analítica de usuario

9.4.1. Estructura de la web
9.4.2. Analítica de usuario
9.4.3. Analítica de usuario avanzada

9.5. Nielsen y su impacto en la CX

9.5.1. Nielsen y su impacto en la CX
9.5.2. Técnicas de user testing

9.6. Herramientas de customer experience

9.6.1. Herramientas avanzadas
9.6.2. Movilidad
9.6.3. Accesibilidad

9.7. Nuevas metodologías

9.7.1. El reto del usuario
9.7.2. Proceso de UX
9.7.3. Investigación de usuario

9.8. Comunicación de un diseño

9.8.1. Wireframing
9.8.2. Herramientas de comunicación de un diseño
9.8.3. Herramientas avanzadas de comunicación de un diseño

9.9. Diseño de UI

9.9.1. Diseño de UI
9.9.2. Interfaces web y móvil
9.9.3. Componentes web y móvil

9.10. Elaboración de una CX

9.10.1. Elaboración de una CX
9.10.2. Diseño de nuevas experiencias
9.10.3. Interfaces

Módulo 10. Integración continua y despliegue de aplicaciones

10.1. Integración continua y despliegue continuo: CI/CD

10.1.1. Uso de integración continua y despliegue continuo (CI/CD)
10.1.2. Diferencias entre integración continua y despliegue continuo (CI/CD)
10.1.3. Integración continua y despliegue continuo. Beneficios de CI/CD

10.2. Los nuevos paradigmas de desarrollo

10.2.1. De waterfall a DevOps
10.2.2. Guía de estilo: los 12 factores
10.2.3. Cloud native, microservicios y serverless

10.3. DevOps, más allá de CI/CD

10.3.1. DevOps
10.3.2. DevOps. Continuous everything
10.3.3. DevOps vs SRE

10.4. Tecnología de contenedores I - Docker

10.4.1. Los contenedores. Aportación
10.4.2. Docker. Arquitectura
10.4.3. Proceso de despliegue con Docker

10.5. Tecnología de contenedores II - Kubernetes

10.5.1. Orquestación
10.5.2. Kubernetes
10.5.3. El ecosistema de Kubernetes

10.6. Configuración de infraestructura con GitOps

10.6.1. Infraestructura inmutable
10.6.2. GitOps
10.6.3. Herramientas GitOps

10.7. Pipelines y automatización. Casos de Uso de CI/CD

10.7.1. Integración continua
10.7.2. Despliegue y entrega continua
10.7.3. Validaciones automáticas
10.7.4. Buenas prácticas en CI/CD

10.8. CI/CD con Jenkins. Referencia

10.8.1. CI/CD con Jenkins
10.8.2. Pipelines Jenkins
10.8.3. Buenas prácticas con Jenkins

10.9. Ecosistema CI/CD

10.9.1. Organización del ecosistema
10.9.2. Herramientas avanzadas
10.9.3. Dagger. El futuro

10.10. Fases finales del ciclo de software orientado a CI/CD

10.10.1. Aplicación de AI al proceso de CI/CD
10.10.2. DevSecOps
10.10.3. Chaos engineering

Ponte al día en el uso de bases de datos orientadas a desarrolladores Full Stack, clave para gestionar información de manera eficiente en entornos web”