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.