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

SCORM 1. INTRODUCCIÓN A LA PROGRAMACIÓN WEB Y AL DISEÑO DE SOFTWARE CON JAVASCRIPT

Identificación del update tecnológico.

- Tecnologías de la Información. Evolución histórica. Hardware y Software.

- Irrupción de internet y la programación web. HTML, CSS, JavaScript.

- Conceptos de Networking. Clientes y servidores. Front y Back.

- Lenguajes de programación actuales y ámbitos de aplicación.

- Stack tecnológico actual, evolución y futuro.

- Datos. Tipos de formatos. Texto, imagen, vectores. Estructuradas y no estructuradas.

Distinción de herramientas de desarrollo.

- Editores de código. Visual code.

- Control de versiones con GIT/Bitbucket.

- Gestión de proyectos con JIRA.

SCORM 2. PROGRAMACIÓN CON JAVASCRIPT

Conceptualización a la programación.

- Algoritmos. Código y pseudocódigo. Diagramas.

- Tipologías de lenguajes de programación.

Distinción entre JavaScript y Node JS.

- Sintaxis, variables, estructuras. Funciones. Objetos, clases, módulos.

- Datos y JSON.

- Librería Express. Construcción de una aplicación web simple con PUG.

SCORM 3. ALMACÉN DE DATOS

Definición de bases de datos.

- Conceptos generales. SQL y No-SQL.

- Estructurar un universo de datos. Tablas y relaciones.

- Uso de MySQL WorkBench por modelaje y gestión de bases de datos.

- Órdenes básicas de SQL (Select, Insert, Update, Delete).

Delimitación a NocoDB.

- Creación de una API “automática” con NocoDB.

- Uso de PostMan para interactuar con la API.

SCORM 4. DESARROLLO DE APLICACIONES WEB ESTÁTICAS: INTERFACES DE USUARIO

Identificación del Front-End.

- Revisión HTML y CSS. Diseño responsive mobile-first. Bootstrap.

- Conceptos de UI/UX en una aplicación web.

- Desarrollo de Front-End con JavaScript. Principales librerías y frameworks.

Programación con React JS.

- Componentes funcionales.

- Formato con CSS y styled components. Storybook.

- Diseño de la aplicación. Diseño del flujo de los datos.

- Enrutamiento dentro de la aplicación.

SCORM 5. CREACIÓN DE APLICACIONES WEB DINÁMICAS. INTEGRACIÓN FRONT/BACK

Descripción de React JS avanzado.

- Acceso a la API con Fetch/Axios. Promises.

- Tratamiento de listas de objetos.

- Creación de contenidos dinámicos.

- Integración de tecnologías.

Creación de bases de datos.

- API con NocoDB.

- Front con React.

- Proyectos integrando Front y Back.

- Introducción a Devops. Despliegue de aplicaciones en la nube.