Opinión del Máster en Desarrollo Full-Stack de Conquer Blocks

Módulo 1: Introducción a CSS

• ¿Qué es CSS?
• HTML + CSS = Combinación de lenguajes para diseño web
• Estructura de una sentencia CSS
• Can I use y códigos de color
• Formas de inclusión de código CSS

Módulo 2: Unidades de Medida en CSS

• Unidades absolutas: Píxeles, puntos
• Unidades relativas: %, em y rem
• Unidades del viewport
• Funciones de cálculo
• Colores en CSS

Módulo 3: Tipos de Etiqueta y CSS del Navegador

• Etiquetas de bloque
• Etiquetas de línea
• Navegadores y motores de renderizado
• CSS por defecto

Módulo 4: Cascada y Prioridad

• ¿Qué significa hojas de estilo en cascada?
• Cascada en CSS
• Herencia
• Especificidad
• !important

Módulo 5: Selectores

• Selector universal
• Selector de etiqueta
• Selector de clase
• Selector de ID
• Selector mixto
• Selector por atributos básicos
• Selector por atributos avanzados

Módulo 6: Selectores II

• Selector descendente
• Selector de hijo directo
• Selector de hermano adyacente
• Selector de hermano general
• Selector múltiple

Módulo 7: Selectores III

• Pseudoclases
• Pseudoclases de hijo
• Pseudoclases de hijos según tipo de elemento
• Pseudoclases de interacción
• Pseudoclases de ubicación
• Pseudoclases de formulario
• Pseudoelementos

Módulo 8: Texto en CSS

• Font-family y fuentes seguras
• Font-size
• Font-style
• Font-weight
• Line-height
• Letter-spacing
• Word-spacing
• Text-indent
• Espacios en blanco
• Límites de línea y palabra
• Alineación
• Transformaciones
• Decoraciones

Módulo 9: Tipografías en CSS

• Tipografías de sistema
• Uso de tipografías personalizadas
• Conversor de tipografías
• Tipografías externas: Google Fonts
• Uso correcto de Google Fonts

Módulo 10: Iconos tipográficos

• ¿Qué son los iconos tipográficos?
• Tipografías de iconos
• Propiedades y mejoras vs. imágenes
• Ejemplos de uso: Font Awesome, Bootstrap Icons, Icomoon

Módulo 11: Modelo de Caja

• Height
• Width
• Padding
• Margin
• Box-sizing
• Border
• Opacity
• Overflow

Módulo 12: Imágenes

• Background-image
• Background-position
• Background-clip
• Background-size
• Background-origin
• Object-fit
• Aspect-ratio
• Gradient

Módulo 13: Posicionamiento I

• Propiedad Display
• Propiedad Position
• Posicionamiento estático

Módulo 14: Posicionamiento II

• Posicionamiento relativo
• Posicionamiento absoluto
• Posicionamiento fijo
• Float
• Sticky

Módulo 15: Tablas y Listas

• Estilos en tablas semánticas
• Bordes colapsados
• Estilos en listas numeradas
• Estilos en listas no numeradas
• Viñetas personalizadas y pseudoclases

Módulo 16: Flexbox Básico

• Flex-direction
• Align Items
• Justify Content
• Flex Wrap
• Gap
• Align Self
• Order
• Flexibilidad

Módulo 17: Grid Básico

• Display Grid
• Grid Template Columns
• Grid Template Rows
• Gap
• Order
• Flex
• Repeat
• Justify/Align Items
• Justify/Align Content
• Áreas

Módulo 18: Interactividad

• Outline
• Cursor
• Pseudoclases de interactividad
• Scroll-behavior

Módulo 19: Degradados, Sombras y Efectos

• Degradados lineales
• Degradados radiales
• Sombras en texto
• Sombras en caja
• Filtros CSS
• Modos de fusión

Módulo 20: Responsive Web Design

• ¿Qué es el RWD?
• Viewport
• Instrucción @media
• Breakpoints típicos
• Mobile First vs. Desktop First
• Min/Max Height/Width

Módulo 21: Variables

• CSS Custom Properties
• Falta del lenguaje desde que nació
• Definición
• Uso
• Ámbito
• Diferencia con Preprocesadores

Módulo 22: Transformaciones

• ¿Qué son las transformaciones?
• Disparadores
• Transformaciones 2D
• Transformaciones 3D
• Perspectiva

Módulo 23: Animaciones

• ¿Qué son las animaciones?
• Transiciones
• Funciones de tiempo
• Animación con nombres
• Dirección
• Retraso
• Fill Mode
• Repetición
• @keyframes

Módulo 24: Frameworks CSS: Tailwind, Bootstrap y Bulma

• ¿Qué son los frameworks de CSS?
• Ventajas e inconvenientes
• Presentación de Bootstrap
• Presentación de Tailwind
• Presentación de Bulma
• Taller práctico

Módulo 25: Preprocesadores CSS

• ¿Qué son?
• Proceso de transpilación
• Ventajas
• Inconvenientes
• Ejemplos
• Mini taller

>VOLVER ARRIBA<

Módulo 0: Introducción a JS

• ¿Qué es JavaScript?
• HTML + CSS + JS 
• ¿Cómo funciona JavaScript?
• Conceptos básicos del lenguaje
• Convención de nombres

Módulo 1: Conceptos básicos del lenguaje

• Cómo incluir o ejecutar JS
• Tipos de datos básicos
• Operadores
• Funciones y sintaxis básica

Módulo 2: Conceptos propios del lenguaje

• Scope
• Hoisting: Alcance de variables
• Closures
• Coerción
• Módulos, creación, importación y exportación
• This

Módulo 3: Arrays, String y Number

• Declaración y uso de Arrays
• Declaración y uso de String y funciones principales
• Declaración y uso de Number y funciones principales
• NaN y conversiones
• Objeto Math

Módulo 4: Sentencias de control de flujo

• Operaciones entre booleanos
• if, Else, else if y operador ternario
• Switch

Módulo 5: Sentencias iterativas básicas

• While
• For
• Foreach

Módulo 6: Debugging

• Manejo de Consola
• Manejo del inspector de elementos
• Debugger
• Manejo de errores

Módulo 7a: Manejo de Arrays en profundidad

• forEach
• every
• some
• map
• filter

Módulo 7b: Manejo de Arrays en profundidad II

• reduce
• find y findLastIOndex
• join
• sort
• Set/Map

Módulo 8: DOM

• ¿Qué es el DOM?
• Explicación gráfica
• Seleccionar elementos
• Crear e insertar elementos
• Navegación por el DOM

Módulo 9: Eventos

• ¿Qué es un evento?
• Tipos de eventos
• Eventos desde HTML
• Eventos desde JavaScript
• Escuchar y manejar eventos
• Emisión y Propagación de eventos

Módulo 10: EmacScript

• Declaraciones let, var y const
• Arrow functions
• Novedades en Strings
• Parámetros por defecto
• Desestructuración
• spread operator

Módulo 11: Ajax

• ¿Qué es?
• ¿Para qué es utilizado?
• ¿Qué tecnologías lo forman?
• Ejemplos en nuestro día a día
• El objeto XMLHttpRequest
• Método convencional vs AJAX
• Limitaciones

Módulo 12: Asincronía

• ¿Qué es?
• Callbacks
• Fetch
• Promesas
• Async
• Await

Módulo 13: TypeScript

• ¿Qué es?
• ¿Qué nos aporta?
• Transpiladores

>VOLVER ARRIBA<

Módulo 1: Introducción a React JS

• ¿Qué es React JS?
• Ventajas de usar React JS
• Entorno de desarrollo y configuración inicial

Módulo 2: Tu primer proyecto de React JS con Vite 

• Configuración de proyecto con Vite
• Creación de componentes básicos
• Visualización de la lista de todos

Módulo 3: ¿Qué es un componente?

• Concepto de componente en React
• Componentes funcionales y de clase
• Composición de componentes

Módulo 4: Ciclo de vida de un componente

• Fases del ciclo de vida de un componente de clase
• Uso de métodos de ciclo de vida
• Componentes funcionales y hooks

Módulo 5: Organización de archivos y carpetas

• Estructura de carpetas recomendada
• División de componentes y contenedores
• Modularización y reutilización de código

Módulo 6: Fundamentos de JSX

• Introducción al JSX
• Sintaxis y reglas básicas
• Renderización de elementos JSX

Módulo 7: React Dev Tools

• Instalación y uso de React Dev Tools
• Inspección de componentes y estado
• Depuración de aplicaciones React

Módulo 8: Estilos CSS en React

• Aplicación de estilos en componentes
• Uso de CSS modules
• Bibliotecas de estilos en React

Módulo 9: Eventos en React JS

• Manejo de eventos en componentes
• Sintaxis y uso de eventos
• Prevención de comportamiento por defecto

Módulo 10: Comunicación entre componentes

• Paso de datos entre componentes
• Props y su uso
• Comunicación de padre a hijo y viceversa

Módulo 11: ¿Qué son los efectos?

• Introducción a los efectos y hooks
• Uso de useEffect para efectos secundarios
• Control de limpieza de efectos

Módulo 12: ¿Qué es el estado?

• Concepto de estado en React
• Uso del hook useState
• Actualización y gestión del estado

Módulo 13: Local Storage con React JS

• Almacenamiento de datos en el navegador
• Uso de Local Storage para persistencia de datos
• Carga inicial y actualización de datos

Módulo 14: Estados de carga

• Estados de carga, éxito y error
• Visualización de indicadores de carga
• Manejo de errores en peticiones

Módulo 15: Formularios en React JS

• Creación y gestión de formularios
• Control de elementos de formulario con estado
• Validación de formularios

Módulo 16: Comunicación con el servidor

• Realización de peticiones HTTP
• Uso de librerías como Axios
• Manejo de respuestas y actualización de estado

Módulo 17: Rutas y navegación

• Introducción a la navegación en React
• Uso de React Router
• Creación de rutas y navegación entre páginas

Módulo 18: Portales

• Creación de portales en React
• Uso de portales para renderizar elementos fuera del árbol de componentes

Módulo 19: React Context

• Introducción a React Context
• Creación y consumo de contextos
• Uso de contextos para compartir estado

Módulo 20: Proyecto Lista de Todos

• Inicio del proyecto Lista de Todos
• Creación de componentes principales
• Implementación de funcionalidades básicas

Módulo 21: Obtener lista de todos del servidor

• Realización de peticiones al servidor
• Actualización de estado con los datos obtenidos
• Visualización de la lista de todos desde el servidor

Módulo 22: Crear todo

• Creación de nuevos elementos en la lista de todos
• Envío de datos al servidor
• Actualización del estado y visualización de cambios

Módulo 23: Eliminar Todo

• Eliminación de elementos de la lista de todos
• Envío de solicitud de eliminación al servidor
• Actualización del estado y visualización de cambios

Módulo 24: Despliegue en Github Pages

• Preparación de la aplicación para despliegue
• Configuración del despliegue en Github Pages
• Publicación de la aplicación en línea

Módulo 25: NextJS

• Introducción a Next.js
• Configuración y creación de páginas
• Uso de rutas y renderización del lado del servidor

Módulo 26: De React a Angular (diferencia y similitudes)

• Comparativa entre React y Angular
• Principales diferencias y similitudes
• Escenarios recomendados para cada uno

Módulo 27: De React a Vuejs (diferencia y similitudes)

• Comparativa entre React y Vue.js
• Aspectos clave y diferencias en enfoque
• Cuándo elegir uno sobre el otro

>VOLVER ARRIBA<

Módulo 1: Introducción a Node.js

• Introducción a Node.js
• Instalación y Configuración de Node.js
• Fundamentos de JavaScript para Node.js

Módulo 2: Desarrollo de Aplicaciones en Node.js

• Creación de Servidores con Node.js
• Manejo de Archivos y Streams
• Módulos y Paquetes en Node.js

Módulo 3: Asincronía y APIs en Node.js

• Programación Asíncrona en Node.js
• Consumo de APIs REST en Node.js
• Creación de APIs REST con Express.js

Módulo 4: Bases de Datos y Despliegue en Node.js

• Conexión a Bases de Datos
• Autenticación y Seguridad en Aplicaciones Node.js
• Despliegue de Aplicaciones Node.js

Módulo 5: Aplicaciones en Tiempo Real con Node.js

• Introducción a WebSockets
• Creación de Aplicaciones en Tiempo Real
• Escalabilidad y Rendimiento en Node.js

>VOLVER ARRIBA<

Módulo 1: Introducción a Django

• Conceptos básicos de Django
• Historia y evolución de Django
• Ventajas de utilizar Django en el desarrollo web

Módulo 2: Tu primer proyecto en Django [Todos]

• Configuración inicial de un proyecto Django
• Creación de una aplicación básica
• Creación y visualización de la funcionalidad «Todos»

Módulo 3: Entorno de Desarrollo

• Instalación y configuración de Python y Django
• Uso de entornos virtuales para proyectos Django
• Configuración de un entorno de desarrollo efectivo

Módulo 4: Modelo MVT

• Desglose del patrón Modelo-Vista-Template (MVT)
• Relación entre el patrón MVT y el patrón MVC
• Funciones y responsabilidades de cada componente en MVT

Módulo 5: Estructura de ficheros del proyecto

• Análisis de la estructura de directorios en un proyecto Django
• Explicación de los archivos más importantes en la estructura
• Organización de archivos y carpetas para una mejor gestión del proyecto

Módulo 6: Creación de tu primera aplicación

• Creación de una nueva aplicación en un proyecto Django
• Integración de la aplicación en el proyecto principal
• Creación de vistas y plantillas básicas para la aplicación

Módulo 7: Modelos I

• Introducción a los modelos en Django
• Definición de modelos utilizando clases en Python
• Creación y migración de modelos

Módulo 8: Modelos II

• Relaciones entre modelos: ForeignKey, OneToOneField, ManyToManyField
• Uso de atributos especiales en modelos
• Personalización de los nombres de las tablas y campos en la base de datos

Módulo 9: Queries

• Consultas a la base de datos utilizando el ORM de Django
• Uso de filtros, exclusiones y ordenamientos en las consultas
• Consultas relacionales y consultas con agregación

Módulo 10: Admin de Django

• Creación de un panel de administración utilizando el módulo Admin de Django
• Personalización del panel de administración para gestionar modelos
• Asignación de permisos y configuración de usuarios administrativos

Módulo 11: Views

• Creación de vistas en Django
• Uso de funciones y clases basadas en vistas
• Pasaje de datos entre las vistas y las plantillas

Módulo 12: Urls

• Configuración de URLs en Django
• Uso de rutas y expresiones regulares en las URLs
• Gestión de parámetros y argumentos en las URLs

Módulo 13: Formularios

• Creación y manejo de formularios en Django
• Validación de datos en los formularios
• Personalización de la apariencia de los formularios

Módulo 14: Model Forms

• Generación automática de formularios a partir de modelos
• Personalización y validación de ModelForms
• Uso de ModelForms en la creación y edición de registros

Módulo 15: Templates

• Uso de plantillas para renderizar contenido dinámico
• Sintaxis y estructura de las plantillas en Django
• Uso de variables, filtros y etiquetas en las plantillas

Módulo 16: Autenticación

• Implementación de sistemas de autenticación en Django
• Creación y configuración de usuarios y grupos
• Uso de decoradores para proteger vistas y funcionalidades

Módulo 17: CCBV vs Function Views

• Comparativa entre Class-Based Views (CBV) y Function Views
• Ventajas y desventajas de cada enfoque
• Ejemplos de uso de ambos enfoques para vistas

Módulo 18: ListView y DetailView

• Uso de las vistas ListView y DetailView
• Personalización de las vistas para mostrar listas y detalles de registros
• Integración de estas vistas con plantillas y modelos

Módulo 19: FormView, CreateView y UpdateView

• Utilización de las vistas FormView, CreateView y UpdateView
• Creación y edición de registros utilizando formularios y vistas basadas en clases
• Validación y redirección en estas vistas

Módulo 20: DeleteView

• Uso de la vista DeleteView para eliminar registros
• Confirmación y redirección después de eliminar un registro
• Personalización de mensajes y comportamientos en esta vista

Módulo 21: Decorators, Middlewares y Session

• Uso de decoradores para controlar el acceso a vistas
• Implementación de middlewares para añadir funcionalidades globales
• Gestión de sesiones y almacenamiento de datos en las sesiones

Módulo 22: Tests

• Importancia de las pruebas en el desarrollo de aplicaciones
• Creación y ejecución de pruebas unitarias y de integración en Django
• Uso de herramientas y bibliotecas de pruebas en Django

Módulo 23: Internacionalización y Rosseta

• Internacionalización de aplicaciones en Django
• Uso de traducciones y configuración de idiomas
• Utilización de la herramienta Rosetta para gestionar traducciones

Módulo 24: Proyecto base Todos

• Creación de un proyecto base para la gestión de «Todos»
• Integración de todos los conceptos aprendidos en el temario
• Configuración de URLs, modelos, vistas y plantillas para el proyecto base

Módulo 25: Despliegue

• Preparación de una aplicación Django para el despliegue
• Configuración y elección de opciones para el despliegue en producción
• Ejemplos de plataformas y servicios para el despliegue de aplicaciones Django

>VOLVER ARRIBA<