IFCD0025 FUNDAMENTOS DE PROGRAMACIÓN CON HTML, CSS Y JAVASCRIPT

UNIDAD DIDÁCTICA 1. INTRODUCCIÓN A LA PROGRAMACIÓN WEB Y AL DISEÑO DE SOFTWARE CON JAVASCRIPT

1. Identificación del update tecnológico.
2. – Tecnologías de la Información. Evolución histórica. Hardware y Software.
3. – Irrupción de internet y la programación web. HTML, CSS, JavaScript.
4. – Conceptos de Networking. Clientes y servidores. Front y Back.
5. – Lenguajes de programación actuales y ámbitos de aplicación.
6. – Stack tecnológico actual, evolución y futuro.
7. – Datos. Tipos de formatos. Texto, imagen, vectores. Estructuradas y no estructuradas.
8. Distinción de herramientas de desarrollo.
9. – Editores de código. Visual code.
10. – Control de versiones con GIT/Bitbucket.
11. – Gestión de proyectos con JIRA.

UNIDAD DIDÁCTICA 2. PROGRAMACIÓN CON JAVASCRIPT

1. Conceptualización a la programación.
2. – Algoritmos. Código y pseudocódigo. Diagramas.
3. – Tipologías de lenguajes de programación.
4. Distinción entre JavaScript y Node JS.
5. – Sintaxis, variables, estructuras. Funciones. Objetos, clases, módulos.
6. – Datos y JSON.
7. – Librería Express. Construcción de una aplicación web simple con PUG.

UNIDAD DIDÁCTICA 3. ALMACÉN DE DATOS

1. Definición de bases de datos.
2. – Conceptos generales. SQL y No-SQL.
3. – Estructurar un universo de datos. Tablas y relaciones.
4. – Uso de MySQL WorkBench por modelaje y gestión de bases de datos.
5. – Órdenes básicas de SQL (Select, Insert, Update, Delete).
6. Delimitación a NocoDB.
7. – Creación de una API “automática” con NocoDB.
8. – Uso de PostMan para interactuar con la API.

UNIDAD DIDÁCTICA 4. DESARROLLO DE APLICACIONES WEB ESTÁTICAS: INTERFACES DE USUARIO

1. Identificación del Front-End.
2. – Revisión HTML y CSS. Diseño responsive mobile-first. Bootstrap.
3. – Conceptos de UI/UX en una aplicación web.
4. – Desarrollo de Front-End con JavaScript. Principales librerías y frameworks.
5. Programación con React JS.
6. – Componentes funcionales.
7. – Formato con CSS y styled components. Storybook.
8. – Diseño de la aplicación. Diseño del flujo de los datos.
9. – Enrutamiento dentro de la aplicación.

UNIDAD DIDÁCTICA 5. CREACIÓN DE APLICACIONES WEB DINÁMICAS. INTEGRACIÓN FRONT/BACK

1. Descripción de React JS avanzado.
2. – Acceso a la API con Fetch/Axios. Promises.
3. – Tratamiento de listas de objetos.
4. – Creación de contenidos dinámicos.
5. – Integración de tecnologías.
6. Creación de bases de datos.
7. – API con NocoDB.
8. – Front con React.
9. – Proyectos integrando Front y Back.
10. – Introducción a Devops. Despliegue de aplicaciones en la nube.