Este curso tiene como objetivo introducir a las participantes al desarrollo web con React, uno de los proyectos de JavaScript más populares para la creación de aplicaciones web, tales como interfaces gráficas de usuario, que permiten a los usuarios interactuar con los programas. A lo largo de las sesiones del curso, las y los participantes podrán familiarizarse tanto con conceptos teóricos como desarrollar el conocimiento práctico para desarrollar aplicaciones web, procesar bases de datos, así como generar visualizaciones web.
- Node.js LTS
- Un editor de texto. En Data Cívica usamos comunmente VSCodium o Visual Studio Code. Existen otras alternativas como Sublime Text o Brackets. Para usuaries más avanzades están opciones como Vim o GNU Emacs
Si optaste por descargar VSCodium o Visual Studio Code, recomenamos las siguientes extensiones que pueden descargar desde la tienda de extensiones del editor de texto:
- Auto Close Tag
- ESLint
- Live Server
- Path Intellisense
- Prettier
- npm Intellisense
El siguiente índice muestra las carpetas asignadas a cada tema del temario:
La siguiente lista contiene documentación a partir de la cual basamos una parte del contenido del curso
- https://developer.mozilla.org/es/docs/Learn/Getting_started_with_the_web/HTML_basics
- https://es.wikipedia.org/wiki/Lenguaje_de_marcado
- https://developer.mozilla.org/es/docs/Web/HTML/Viewport_meta_tag
- https://web.karisma.org.co/mas-autonomia-digital-menos-barreras-guia-bpasica-de-accesibilidad-web-y-redes-sociales/
- https://developer.mozilla.org/es/docs/Learn/Getting_started_with_the_web/CSS_basics
- https://developer.mozilla.org/es/docs/Web/CSS/CSS_Selectors
- https://developer.mozilla.org/es/docs/Web/CSS/Reference
- https://www.w3schools.com/cssref/
- https://developer.mozilla.org/es/docs/Web/CSS/Media_Queries/Using_media_queries
- https://developer.mozilla.org/es/docs/Learn/CSS/Styling_text/Web_fonts
- https://nextjs.org/learn/foundations/from-javascript-to-react
- https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Functions/Arrow_functions
- https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Object
- https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Array
- https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment
- https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Template_literals
- https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Operators/Conditional_Operator
- https://developer.mozilla.org/es/docs/Web/JavaScript/Guide/Modules