MT01 - Introducción a Herramientas Digitales
Todo un desafío para mi, por lejos lo que más me costó y sigue costando. Al principio de la cursada pude cumplir con la consigna de la tarea siguiendo paso a paso el tutorial, aunque no entendía muy bien lo que estaba haciendo. Cómo considero que la experiencia es una buena maestra, seguí repitiendo los pasos hasta que en el trabajo de arduino subí un video de más de 1GB y se me trabó la sincronización de la página. Al no lograr destrabarlo decidí hacer un nuevo fork. Para lograr esta tarea me ayudaron Mathias Rodriguez, Nicolás Duarte y Edgado Saracho.
Mi primer web web fue [https://pilargarciaolano.github.io/Pilar_GarciaOlano/tecnicos/mt01/]
Para hacer mi trabajo tomé de referencia los trabajos hechos por mis compañeros del EFDI 2024.
La programación me resulta un mundo, un universo inabarcable y fascinante. Realmente es un desafío para mi este módulo técnico. Todavía sigo sin entender bien de qué va, pero sigo intentando.
Siguiendo en tutorial de la tarea: bajé git y vs code; y creé un usuario en GitHub, donde hice un fork del template fablabbcn/efdi-template. En mi computadora cloné el repositorio
Mi secuencia de trabajo
Uso de editor el VS Code, aunque lo uso de forma muy básica, aspiro con la práctica en el tiempo adquirir más habilidades.
1_ Escribo-edito el texto, cargo imágenes que edito en otros programas. Uso mucho el corel draw.
2_ Le doy Save
3_ Apreto el signo + al lado de changes, para que pasen a ser “Staged changes”
4_ Le doy nombre al commit, minsucula sin espacio. Opté por que sean nombres de 8 números, los dos primeros corresponden al año, dos cifras para el mes, el día y el número de commit. aammdd##, ejemplo: 24121007, es el 7mo commit del 10 de diciembre de 2024.
5_ Una vez hecho commit, le doy a Sync Changes
6_ Voy a Github, a la solapa de actions a ver si se sincronizó correctamente.
Todavía me pasa que se me traba a la hora de cargar imágenes.
Para entender GitHub y todo su universo hice una analogía con una biblioteca:
Apunte de términos nuevos:
GitHub gestiona servidores con el protocolo git
Git es un sistema de control de versiones distribuido que permite a los desarrolladores rastrear, gestionar y colaborar en proyectos de software
VSC version sistem control,
protocolo conjunto de reglas y estándares que definen cómo debe ocurrir la comunicación entre dos o más sistemas. Garantizan la comunicación estandarizada entre sistemas. En informática y telecomunicaciones, los protocolos permiten que computadoras, dispositivos, o programas puedan entenderse y trabajar juntos, incluso si fueron creados por diferentes fabricantes o diseñadores. Si no se sigue el formato puede haber fallos en la comunicación.
Ejemplos
En redes y comunicaciones: HTTP (HyperText Transfer Protocol), FTP (File Transfer Protocol), TCP/IP (Transmission Control Protocol / Internet Protocol), DNS (Domain Name System)
En software y sistemas: Git (protocolo nativo), SMTP (Simple Mail Transfer Protocol), Bluetooth.
los protocolos son desarrollados por comunidades, empresas u organizaciones internacionales como: IETF (Internet Engineering Task Force): Diseña protocolos como HTTP, DNS, etc. W3C (World Wide Web Consortium): Promueve estándares como HTML y CSS.
VS Code es un editor de texto donde puedes escribir y trabajar con lenguajes como HTML, CSS, JavaScript, y muchos más.
lenguaje , conjunto de reglas y sintaxis que las computadoras pueden entender para realizar tareas específicas. Es un sistema estructurado que permite a los programadores comunicarse con las máquinas. Se crean para facilitar el desarrollo de software, resolver problemas específicos y adaptarse a nuevas tecnologías.
Hay lenguajes para estructurar contenido, el HTML; lenguaje de diseño, CSS, y lenguajes de programación como JavaScript y Phyton.
HTML: lenguaje que estructura el contenido de una página web. Uso: Define los elementos básicos de una página, como encabezados, párrafos, imágenes, enlaces, tablas, y más.
Markdown es considerado un lenguaje de marcado porque define una sintaxis para estructurar texto, es mucho más simple y ligero que otros lenguajes de marcado como HTML o XML.
Ejemplo de código markdown, facilitado por chat gpt:
Título principal
Este es un párrafo. Puedes usar negrita o cursiva.
Subtítulo
- Primer elemento numerado
-
Segundo elemento numerado
-
Lista con viñetas
- Otro elemento de lista
CSS: lenguaje de estilos utilizado para describir la presentación visual de una página web. Uso: Controla cómo se ve el contenido estructurado en HTML, incluyendo colores, tipografías, espaciado, diseño y más.