- Practica 4
- Índice
- Referencias
***
Visual Studio Code y Visual Studio (Community Edition 2019). Extensiones que tengan interés respecto a los lenguajes y herramientas utilizados en clase.
Se define en su página web como un editor de código fuente ligero y potente que se ejecuta en su escritorio y se encuentra disponible tanto para Windows, macOS y Linux (Que son los principales sistemas operativos de computadores).
Cuenta con soporte para JavaScript, TypeScript y Node.js y contiene extensiones para otros lenguajes.1
-
Intellisense: Es notablemente bueno para completar código, no con Inteligencia Artificial, sino que, si soporta el lengujae que estas programando y estas escribiendo el nombre de una función, te empezará a recomendar funciones que tengan en el especifico orden los carácteres que estas poniendo.
-
Emmet: Con esta opción acorta la escritura de bloques de código a la hora de programar.
Ejemplo: En un archivo con extensión html Al teclear html:5 y presionar la tecla "enter" se te escribirá todo el cuerpo principal de HTML 5.
-
Terminal: Contiene una terminal integrada.
-
GIT: Posee una integración de git en la cuál rastrea los cambios cuando se encuentra en un repositorio GIT debidamente creado.
-
Versión Web: Cuenta con una versión web lanzada recientemente para poder programar desde el navegador, útil cuando no se cuenta con el ordenador para trabajar a la mano.2
Es un entorno de desarrollo integrado, conocido como IDE (Integrated Development Enviroment). Entendiéndose que contiene un conjunto de herramientas que pueden simplificar bastante el desarrollo de sitios, aplicaciones y servicios web.
Cuenta con opciones como la de autocompletado, indentación de código y resaltado de errores, posee la capacidad de generar código automáticamente, entre otras funcionalidades.
- Permite la automatización de compilación en código fuente.
- El editor es bastante inteligente; con capacidad de detectar errores y sugerir código según sea necesario.
- El programa incluye un diseñador para Windows Forms y formularios web el cual permite arrastrar y soltar de elementos de interfaz de usuario.
- Contiene distintas herramientas que permiten la visualización y navegación a través de los elementos de los proyectos, ya sea que se trate de archivos de código C# u otros recursos como imágenes de mapas de bits o archivos de sonido.
- Permite usar técnicas de depuración avanzadas al momento de desarrollar proyectos.3
- Auto Close Tag
- Auto Rename Tag
- AutoFileName
- Code Runner
- CodeSnap
- CSS Peek
- Emoji Code
- GitHub Pull Requests and Issues
- Highlight Matching Tag
- Image preview
- indent-rainbow
- IntelliSense for CSS class names in HTML
- Live Server
- Live Share
- Markdown All in One
- Prettier - Code formatter
- Project Manager
- Settings Sync
- SonarLint
- Spanish Language Pack for Visual Studio Code
- Tabnine
- Visual Studio IntelliCode
- vscode-pd
- WakaTime
En su página oficial se define como una Notación de Objetos de JavaScript (En inglés: JavaScript Object Notation), siendo este un formato ligero de intercambio de datos. Para los desarrolladores es simple para tanto leerlo como escribirlo y para los ordenadores solo basta con interpretarlo y generarlo.
Es completamente independiente de JavaScript aunque utilice un subconjunto del mismo.
JSON se define como un lenguaje para el intercambio de datos.4
Estructuras de JSON:
- Colección de pares nombre -> valor.
- Lista ordenada de valores.
{
"name": "Alberto Jose",
"last_name": "Marun Indriago",
"age": 20,
}
Ejemplo de Código JSON.
- Formato de Datos.
- Requiere el uso de comillas dobles ("") y los nombres de propiedades. No es válido el uso de comillas simples ('').
- Puede tomar la forma de cualquier tipo de datos que sea válido para ser incluido en un JSON, no solo arreglos u objetos.5
Ventajas | Desventajas |
---|---|
Autodescriptivo y fácil de entender. | Notación algo confusa. |
Alternativa a XML. | No cuenta con extensibilidad. |
Facilidad de leer en comparación con XML. | Soporta solo datos comunes. |
Ligero en las transmisiones en Bytes. | Requiere de mecanismos externos para la seguridad. |
Alta velocidad en procesamiento. |
Es un lenguaje de marco extensible y es una especificación de la W3C (World Wide Web Consortium) como lenguaje de marcado de propósito general. XML no esta predefinido, por lo que debes definir tus propias etiquetas, siendo su propósito compartir datos a través de distintos sistema, como lo puede ser Internet.
Algunos lenguajes como XHTML, MathML, SVG, XUL, RSS y RDF están basados en XML.6
- Es un subconjunto de SGML que incorpora: Extensibilidad, estructura y validación.
- Es basado en texto.
- Se encuentra orientado a los contenidos.
- Las etiquetas no tienen un significado preestablecido, se definen para crear los documentos.
- NO sustituye a HTML.
- No existe un visor genérico de XML.7
Ventajas | Desventajas |
---|---|
Tiene un formato estructurado y fácil de entender. | Es sumamento estricto su formato. |
Separa radicalmente la información o el contenido de su presentación o formato. | Lleva mayor tiempo procesarlo. |
Diseñado para usar en cualquier lenguaje o alfabeto. | Analizador complejo. |
Posee un fácil análisis sintáctico debido a lo estricto de sus reglas. | Cualquier error puede causar que el documento no sea válido. |
Soporta cualquier tipo de datos. | |
Se pueden definir estructuras complejas y reutilizarlas. |
Es una biblioteca de JavaScript rápida, pequeña y con gran cantidad de funciones. Logra la manipulación de documentos HTML, manejo de eventos, animaciones y AJAX hacen que sea mucho más simple con una API fácil de usar que funciona en la mayoría de navegadores.8
Lo que hace que Jquery sea tan usado es que se pueden realizar las mismas funcionalidades que con JavaScript mismo, pero con menos líneas de códigos.
El lema de Jquery es "Escribe menos, haz más."9
- Es un software libre.
- Su librería permite actualizaciones constantes y rápidas.
- Es de código abierto y compatible con distintos navegadores.
- Tiene buena integración con AJAX.
- Permite la realización de animaciones, efectos y personalizaciones. 10
(Standard Generalized Markup Language) es un estándar para definir lenguajes de marcado generalizados para documentos.
Debe ser declarativo: Debe describir tanto su estructura y los atributos del documento. El marcado debe ser riguroso: Esto con el fin de que las técnicas disponibles para procesar los objetos definidos se puedan usar también para procesar documentos.11
También conocido como Lenguaje de Marcado Geográfico, este contiene información acerca de le georreferenciación o coordenadas de una parcela o edificación.
Sirve para dibujar una propiedas con coordenadas en su lugar exacto, porque se está modificando su forma, posición y superficie o porque se esta alterando su forma original. Realmente, está pensado para generar los documentos técnicos necesarios para las alteraciones de las parcelas.
Este archivo va a contener primordialmente:
- Referencia Catastral.
- Coordenadas X, Y.
- Superficie total.
*Se le pueden añadir otros parámetros que fuesen necesarios.
- Microsoft. (s. f.). Documentation for Visual Studio Code. Visual Studio Code. Recuperado 1 de noviembre de 2021, de https://code.visualstudio.com/docs
- Aprende IA. (2021, 7 septiembre). Visual Studio Code. 🤖 Aprende IA. Recuperado 1 de noviembre de 2021, de https://aprendeia.com/visual-studio-code-espanol/
- C. (2021, 14 abril). ¿Qué es Visual Studio .NET y cuáles son sus beneficios? Certus. Recuperado 1 de noviembre de 2021, de https://www.certus.edu.pe/blog/que-es-visual-studio-net/
- JSON. (s. f.). JSON. Recuperado 1 de noviembre de 2021, de https://www.json.org/json-es.html
- Barrera, A. (2019, 10 noviembre). JSON: ¿Qué es y para qué sirve? NextU LATAM. Recuperado 1 de noviembre de 2021, de https://www.nextu.com/blog/que-es-json/
- Introducción a XML - XML: Extensible Markup Language | MDN. (2021, 31 octubre). MDN Web Docs. Recuperado 1 de noviembre de 2021, de https://developer.mozilla.org/es/docs/Web/XML/XML_introduction
- XML ¿QUÉ ES? | Manual de XML. (s. f.). Mundo Linux. Recuperado 1 de noviembre de 2021, de https://www.mundolinux.info/que-es-xml.htm
- JS Foundation - js.foundation. (s. f.). jQuery. JQuery. Recuperado 1 de noviembre de 2021, de https://jquery.com/
- Parada, M. (2021, 23 agosto). Qué es jQuery. OpenWebinars.net. Recuperado 1 de noviembre de 2021, de https://openwebinars.net/blog/que-es-jquery/
- Significado de Jquery. (2020, 27 mayo). Significados. Recuperado 1 de noviembre de 2021, de https://www.significados.com/jquery/
- SGML. (2021, 25 febrero). En Wikipedia, la enciclopedia libre. https://es.wikipedia.org/wiki/SGML
- ¿QUÉ ES UN GML? (2020, 21 enero). GML Plus. Recuperado 1 de noviembre de 2021, de https://www.gmlplus.es/que-es-un-gml/