Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sgarciaddev/ayudantia-ingweb-012024
Repositorio con el desarrollo de las ayudantías realizadas en la asignatura ICI4240 - ICI4247 - Ingenieria web y móvil, 1er semestre, 2024.
https://github.com/sgarciaddev/ayudantia-ingweb-012024
angular figma git ionic mobiledevelopment react webdevelopment
Last synced: about 1 month ago
JSON representation
Repositorio con el desarrollo de las ayudantías realizadas en la asignatura ICI4240 - ICI4247 - Ingenieria web y móvil, 1er semestre, 2024.
- Host: GitHub
- URL: https://github.com/sgarciaddev/ayudantia-ingweb-012024
- Owner: sgarciaddev
- Created: 2024-03-15T23:34:10.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-05-08T01:29:57.000Z (8 months ago)
- Last Synced: 2024-10-21T00:07:49.279Z (3 months ago)
- Topics: angular, figma, git, ionic, mobiledevelopment, react, webdevelopment
- Language: TypeScript
- Homepage:
- Size: 503 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Ayudantía ICI4247 - Ingenieria web y móvil
> [!NOTE]
> Para ver el **archivo `README` del proyecto**, haz click [aquí][readme-proyecto-link].
## Datos
**Ayudante:** Sebastián García Delgadillo ([@sgarciaddev](https://github.com/sgarciaddev)).
**Semestre:** 1er/2024
[![angular-badge-sm]][angular-web] [![css3-badge-sm]][css3-web] [![eslint-badge-sm]][eslint-web] [![express-badge-sm]][express-web] [![figma-badge-sm]][figma-web] [![git-badge-sm]][git-web] [![github-badge-sm]][github-web] [![html5-badge-sm]][html5-web] [![ionic-badge-sm]][ionic-web] [![js-badge-sm]][js-web] [![mongodb-badge-sm]][mongodb-web] [![mysql-badge-sm]][mysql-web] [![nodejs-badge-sm]][nodejs-web] [![npm-badge-sm]][npm-web] [![postgresql-badge-sm]][postgresql-web] [![prettier-badge-sm]][prettier-web] [![react-badge-sm]][react-web] [![tailwind-badge-sm]][tailwind-web] [![ts-badge-sm]][ts-web] [![vscode-badge-sm]][vscode-web] [![yarn-badge-sm]][yarn-web]
[![ios-development-badge-sm]][ios-development-web] [![android-development-badge-sm]][android-development-web]
## Índice
- [Cronograma](#cronograma)
## Cronograma
El cronograma correspondiente al desarrollo de las ayudantías del semestre es el siguiente:
| Ayudantía | Descripción | Entrega | Ok | Link enunciado |
| :-----------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :---------------: | :-------------------------------------: | :-------------------------: |
| 1 / `19-mar` | Se busca proporcionar una comprensión sólida de Git como software de control de versiones y GitHub como plataforma, junto con análisis y diseño de funcionalidades, así como maquetación con Figma, abarcando desde comandos básicos de Git, funcionalidades de GitHub hasta la creación de prototipos UI móviles con Figma. | `EP1.1` y `EP1.2` | :white_check_mark: `realizada` | [Ir a enunciado][ay1-link] |
| 2 / `26-mar` | Se busca introducir a los estudiantes en el proceso de maquetación web responsiva, utilizando HTML y CSS. Se cubrirán las técnicas fundamentales para crear interfaces de usuario que se adapten a diferentes tamaños de pantalla, garantizando así una experiencia óptima para el usuario en dispositivos móviles. | `EP1.3` | :white_check_mark: `realizada` | [Ir a enunciado][ay2-link] |
| 3 / `02-abr` | Se busca finalizar el trabajo de maquetación de UI en HTML y CSS. Se publicará template para repositorio de GitHub. | `EP1.3` | :white_check_mark: `realizada` | [Ir a enunciado][ay3-link] |
| 4 / `09-abr` | Se busca abordar conceptos de JavaScript Básico, incluyendo sintaxis, variables, estructuras de control, así como manipulación del DOM y eventos en JavaScript, cubriendo desde acceso y modificación de elementos hasta el uso de eventos para interactuar con el usuario. Se busca abordar la creación de formularios con HTML, incluyendo su estructura básica y atributos importantes, así como el manejo de formularios con JavaScript, cubriendo la obtención de valores y eventos de formulario, junto con la importancia de la seguridad y estrategias para mejorar la experiencia del usuario en formularios de inicio de sesión y registro. | `EP1.4` | :hourglass_flowing_sand: `por realizar` | [No disponible][dummy-link] |
| 5 / `16-abr` | Se busca cubrir los principios de validación de formularios, haciendo hincapié en la importancia de la validación en el lado del cliente y tipos de validaciones como requeridos y expresiones, además de utilizar JavaScript para validación, incluyendo la creación de mensajes de error personalizados y el uso de expresiones regulares para formatos complejos. También se discuten mejores prácticas en validación para una experiencia de usuario fluida. | `EP1.5` | :hourglass_flowing_sand: `por realizar` | [No disponible][dummy-link] |
| 6 / `23-abr` | Introducir a Ionic, explicando su utilidad para el desarrollo de aplicaciones móviles y detallando la configuración del entorno de desarrollo y la estructura básica del proyecto. También abarca el uso y personalización de componentes UI de Ionic, así como la navegación y el routing en aplicaciones Ionic. Además, se enseñan los pasos para implementar las interfaces de usuario prototipadas en código con Ionic. | `EP2.1` | :hourglass_flowing_sand: `por realizar` | [No disponible][dummy-link] |
| 7 / `30-abr` | Continúa con la implementación de las interfaces de usuario utilizando Ionic, destacando el uso de servicios y data binding para conectar los componentes UI con la lógica de la aplicación. Además, se aborda el proceso de pruebas en dispositivos, incluyendo cómo probar la aplicación en emuladores y dispositivos reales, así como herramientas y consejos para depuración y testing. | `EP2.1` | :hourglass_flowing_sand: `por realizar` | [No disponible][dummy-link] |
| 8 / `07-may` | Se busca ofrecer una introducción a JSON en el contexto del desarrollo de aplicaciones móviles, cubriendo su importancia y estructura. Luego, se enseña cómo leer datos desde un archivo JSON en una aplicación Ionic, utilizando servicios y HttpClient. Finalmente, se exploran técnicas de manipulación de datos JSON para adaptarlos a las necesidades de la aplicación, junto con estrategias para visualizar estos datos en la interfaz de usuario mediante componentes de Ionic. | `EP2.2` | :hourglass_flowing_sand: `por realizar` | [No disponible][dummy-link] |
| 9 / `14-may` | Se busca proporcionar una comprensión sólida sobre la estructura y el modelo de datos en aplicaciones móviles, así como la implementación de bases de datos en Ionic (Firebase, MongoDB, SQLite) y la aplicación de patrones de diseño como MVC, MVVM y Singleton para mejorar la arquitectura de la aplicación de Ionic. | `EP2.3` y `EP2.4` | :hourglass_flowing_sand: `por realizar` | [No disponible][dummy-link] |
| 10 / `28-may` | Se busca proporcionar una introducción completa a las APIs REST, desde los principios fundamentales hasta la configuración del backend y creación de rutas básicas. | `EF2` | :hourglass_flowing_sand: `por realizar` | [No disponible][dummy-link] |
| 11 / `04-jun` | Se busca que los estudiantes aprendan a integrar el backend con bases de datos como MongoDB o PostgreSQL, usando ORM u ODM para mejorar el código, y a utilizar herramientas como Postman e Insomnia para probar y validar respuestas de la API, incluyendo estrategias para asegurar la estabilidad a largo plazo. | `EF2` | :hourglass_flowing_sand: `por realizar` | [No disponible][dummy-link] |
| 12 / `11-jun` | Se busca enseñar la gestión de roles de usuario y control de acceso basado en roles, junto con la implementación segura de autenticación mediante tokens (JWT) y el almacenamiento adecuado de contraseñas. Además, se exploran los fundamentos de autenticación y autorización, junto con técnicas para proteger rutas basadas en el estado de autenticación y los roles de usuario. | `EF1` | :hourglass_flowing_sand: `por realizar` | [No disponible][dummy-link] |
| 13 / `18-jun` | Se busca facilitar la conexión entre el frontend y el backend en Ionic mediante la configuración del entorno y el uso del HttpClient. Además, se abordan estrategias eficientes para el manejo de datos recibidos del backend y la actualización dinámica de la interfaz de usuario. Asimismo, se enseña la implementación de autenticación y autorización en el frontend, incluyendo la gestión de tokens JWT para mantener la sesión del usuario. | `EF3` | :hourglass_flowing_sand: `por realizar` | [No disponible][dummy-link] |
| 14 / `25-jun` | Se busca fortalecer las medidas de seguridad en el desarrollo del proyecto, teniendo en cuenta la autenticación y autorización con JWT, implementar seguridad en el desarrollo con variables de entorno, y explorar prácticas adicionales como el uso de captchas y el manejo seguro de contraseñas. | `EF4` | :hourglass_flowing_sand: `por realizar` | [No disponible][dummy-link] |
[dummy-link]: #
[readme-proyecto-link]: ./README_proyecto.md
[js-badge-sm]: https://img.shields.io/badge/JavaScript-F7DF1E?logo=javascript&logoColor=000&style=flat
[js-web]: https://developer.mozilla.org/es/docs/Web/JavaScript
[ts-badge-sm]: https://img.shields.io/badge/TypeScript-3178C6?logo=typescript&logoColor=fff&style=flat
[ts-web]: https://www.typescriptlang.org/
[html5-badge-sm]: https://img.shields.io/badge/HTML5-E34F26?logo=html5&logoColor=fff&style=flat
[html5-web]: https://developer.mozilla.org/es/docs/Web/HTML
[css3-badge-sm]: https://img.shields.io/badge/CSS3-1572B6?logo=css3&logoColor=fff&style=flat
[css3-web]: https://developer.mozilla.org/es/docs/Web/CSS
[tailwind-badge-sm]: https://img.shields.io/badge/Tailwind_CSS-38B2AC?logo=tailwind-css&logoColor=fff&style=flat
[tailwind-web]: https://tailwindcss.com/
[react-badge-sm]: https://img.shields.io/badge/React-61DAFB?logo=react&logoColor=fff&style=flat
[react-web]: https://reactjs.org/
[angular-badge-sm]: https://img.shields.io/badge/Angular-DD0031?logo=angular&logoColor=fff&style=flat
[angular-web]: https://angular.io/
[nodejs-badge-sm]: https://img.shields.io/badge/Node.js-339933?logo=node.js&logoColor=fff&style=flat
[nodejs-web]: https://nodejs.org/
[express-badge-sm]: https://img.shields.io/badge/Express.js-000000?logo=express&logoColor=fff&style=flat
[express-web]: https://expressjs.com/
[mongodb-badge-sm]: https://img.shields.io/badge/MongoDB-47A248?logo=mongodb&logoColor=fff&style=flat
[mongodb-web]: https://www.mongodb.com/
[postgresql-badge-sm]: https://img.shields.io/badge/PostgreSQL-336791?logo=postgresql&logoColor=fff&style=flat
[postgresql-web]: https://www.postgresql.org/
[mysql-badge-sm]: https://img.shields.io/badge/MySQL-4479A1?logo=mysql&logoColor=fff&style=flat
[mysql-web]: https://www.mysql.com/
[git-badge-sm]: https://img.shields.io/badge/Git-F05032?logo=git&logoColor=fff&style=flat
[git-web]: https://git-scm.com/
[github-badge-sm]: https://img.shields.io/badge/GitHub-181717?logo=github&logoColor=fff&style=flat
[github-web]: https://github.com
[npm-badge-sm]: https://img.shields.io/badge/npm-CB3837?logo=npm&logoColor=fff&style=flat
[npm-web]: https://www.npmjs.com/
[yarn-badge-sm]: https://img.shields.io/badge/Yarn-2C8EBB?logo=yarn&logoColor=fff&style=flat
[yarn-web]: https://yarnpkg.com/
[prettier-badge-sm]: https://img.shields.io/badge/Prettier-F7B93E?logo=prettier&logoColor=fff&style=flat
[prettier-web]: https://prettier.io/
[eslint-badge-sm]: https://img.shields.io/badge/ESLint-4B32C3?logo=eslint&logoColor=fff&style=flat
[eslint-web]: https://eslint.org/
[vscode-badge-sm]: https://img.shields.io/badge/Visual_Studio_Code-007ACC?logo=visual-studio-code&logoColor=fff&style=flat
[vscode-web]: https://code.visualstudio.com/
[ionic-badge-sm]: https://img.shields.io/badge/Ionic-3880FF?logo=ionic&logoColor=fff&style=flat
[ionic-web]: https://ionicframework.com/
[figma-badge-sm]: https://img.shields.io/badge/Figma-F24E1E?logo=figma&logoColor=fff&style=flat
[figma-web]: https://www.figma.com/
[ios-development-badge-sm]: https://img.shields.io/badge/iOS_Development-000000?logo=ios&logoColor=fff&style=flat
[ios-development-web]: https://developer.apple.com/ios/
[android-development-badge-sm]: https://img.shields.io/badge/Android_Development-3DDC84?logo=android&logoColor=fff&style=flat
[android-development-web]: https://developer.android.com/
[ay1-link]: https://gist.github.com/sgarciaddev/ac46e25a35fa3580b837ad3b2d57c5ae
[ay2-link]: https://gist.github.com/sgarciaddev/2b492b71f560f84bbd034ef2410790c3
[ay3-link]: https://gist.github.com/sgarciaddev/3c90020b24f79dac7f0a36773a824447