MAYO, 2020. REVISTA ITJOPROGRAMMING TOP
TODO
SOBRE JSON Y JQUERY Autor de Edición: Dakeishy Peréz, Greymar Mora, Jade Graterol 5TO A Docente: Ariana Mijares
Resumen sobre JSON / 03 • Vea sobre que trabajan / 08 • jQuery es "escribe menos, haz más".
ITJOProgramming Top
En el interior
Revista para programadores
03 04 05 06 07 08
03
09
11 13
Es JSON... Usos de JSON JSON vs. XML Datos JSON Ventajas de JSON Algo sobre...
14 09 10 11 12 13 14
¿Qué hay de Jquery? El poder de Jquery Jquery y tecnología responsiva Volverse Responsivo Algo sobre... Jquery resumido
Página 03
JSON son las siglas de JavaScript Object Notation, o sea, Notación de Objeto Javascript. Básicamente usa la misma notación o forma con la que se escriben los objetos Javascript en el código, los literales de objeto, con algunas restricciones adicionales. La utilidad de JSON es la de intercambiar información y sirve para que los servicios web (web services) comuniquen con los clientes que los consumen, enviándoles la información que se solicite en formato JSON.
Si bien se tiende a considerar JSON como una alternativa a XML, lo cierto es que no es infrecuente el uso de JSON y XML en la misma aplicación; así, una aplicación de cliente que integra datos de Google Maps con datos meteorológicos en SOAP necesita hacer uso de ambos formatos.En diciembre de 2005, Yahoo! comenzó a dar soporte opcional de JSON en algunos de sus servicios web.
ES JSON...
Página 04
USOS DE JSON SIMPLEMENTE Los JSON son cadenas útiles cuando se quiere transmitir datos a través de una red. Debe ser convertido a un objeto nativo de JavaScript cuando se requiera acceder a sus datos. Ésto no es un problema, dado que JavaScript posee un objeto global JSON que tiene los métodos disponibles para convertir entre ellos. JSON permite pasar pares de valores, arrays y objetos, lo que le da una gran capacidad de almacenar datos de todo tipo, de forma fácil y comprensible, que lo ha hecho popular y ha sustituido al formato XML como estandar de intercambio.Además, el hecho de que WordPress utilice JSON como formato para la REST API también ha influido en su popularidad.
JSON Y SU RELACIÓN CON REDES SOCIALES Las entidades proporcionan metadatos e información contextual adicional sobre el contenido publicado en Twitter. La sección de entities proporciona conjuntos de cosas comunes incluidas en Tweets: hashtags, menciones de usuarios, enlaces, tickers de acciones (símbolos), encuestas de Twitter y medios adjuntos. Estas matrices son convenientes para los desarrolladores cuando ingieren Tweets, ya que Twitter esencialmente ha preprocesado o analizado previamente el cuerpo del texto. En lugar de necesitar buscar explícitamente y encontrar estas entidades en el cuerpo del Tweet, su analizador puede ir directamente a esta sección JSON y allí están. .
Página 05
JSON VS. XML LA SENCILLEZ SE VUELVE SÍMBOLO DE EFICIENCIA
EXTENSIBILIDAD JSON no es extensible, ya que no es un lenguaje de marcado de documentos, por lo que es necesario definir nuevas etiquetas o atributos para representar datos en ella.
SENCILLEZ
CÓDIGO LIBRE JJSON es como mínimo tan abierto como XML, incluso quizá más, ya que no está en el centro de las luchas corporativas.
JSON es mucho más simple que XML ya que JSON tiene una gramática mucho más pequeña y mapas más directos sobre las estructuras de datos utilizadas en lenguajes de programación modernos.
DESVENTAJAS Es mas complicado de entender El formato es sumamente estricto. Lleva mas tiempo procesarloU Un error con los namespace puede hacer que todo el documento sea invalido
VENTAJAS Tiene un formato muy estructurado y fácil de comprender. Puede ser validado fácilmente mediante Schemas(XSD) Se pueden definir estructuras complejas y re utilizables..
Página 06
DATOS JSON Añadir un poquito de texto
POR USO DE SU SINTAXIS
MATRIZ CADENA DE CARACTERES
NÚM OBJ BOOLEANO
{ "employees":[ "John", "Anna", "Peter" ] }
{ "name":"John" }
{ "age":30 }
"employee":{ "name":"John", "age":30, "city":"New York" }
{ "sale":true }
Página 07
EXPERTOS: VENTAJAS DE JSON
JSON es un formato de texto completamente independiente de lenguaje, pero utiliza convenciones que son ampliamente conocidos por los programadores, entre ellos: C, C++, C#, Java, JavaScript, Perl, Python, entre otros. Dichas propiedades hacen de JSON un formato de intercambio de datos ideal para usar con API REST o AJAX. A menudo se usa en lugar de XML, debido a su estructura ligera y compacta. Muchos lenguajes de programación proporcionan métodos para analizar una cadena de texto con este formato en un objeto nativo y viceversa. Según la descripción de Stack Overflow, JSON “define seis tipos de valores: nulo, números, cadenas, booleanos, matrices y objetos”.Pese a su nombre, no es necesariamente parte de JavaScript, de hecho, es un estándar basado en texto plano para el intercambio de datos, por lo que se usa en muchos sistemas que requieren mostrar o enviar información para ser interpretada por otros sistemas.Una de las características de JSON, al ser un formato que es independiente de cualquier lenguaje de programación, es que los servicios que comparten información por este método no necesitan hablar el mismo idioma, es decir, el emisor puede ser Java y el receptor Python, pues cada uno tiene su propia librería para codificar y decodificar cadenas en este formato.
Podemos concluir entonces en que JSON es un formato común para ‘serializar’ y ‘deserializar’ objetos en la mayoría de los idiomas.Jorge Villalobos, ingeniero de Desarrollo de Softwares en Amazon, en su canal Latincoder en Youtube, explica que JSON no solo se emplea en JavaScript, sino en frameworks y lenguajes de desarrollo web de Back End. También Villalobos, en un blog titulado ‘Introducción a JSON, sintaxis y ejemplos’, precisa: “es una notación de objetos basada en JavaScript, utiliza una sintaxis que nos permite crear objetos de manera rápida y simple, estos objetos pueden ser utilizados de la manera que queramos y la notación se utiliza muy comúnmente para crear servicios REST, objetos, e incluso fue adoptada por algunas bases de datos como MongoDB”.
Página 08
Douglas Crockford Douglas Crockford es un empresario y programador informático estadounidense conocido por su participación continua en el desarrollo del lenguaje JavaScript , por haber popularizado el formato de datos JSON (JavaScript Object Notation)
y por desarrollar varias herramientas relacionadas con JavaScript, como JSLint y JSMin . Actualmente es arquitecto senior de JavaScript en PayPal , y también es escritor y orador en JavaScript, JSON y tecnologías web relacionadas.
Página 09
¿QUÉ HAY DE JQUERY? A JQuery es una librería de JavaScript (JavaScript es un lenguaje de programación muy usado en desarrollo web). Esta librería de código abierto simplifica la tarea de programar en JavaScript y permite agregar interactividad a un sitio web sin tener conocimientos del lenguaje. Basados en esta librería, existe una infinita cantidad de plugins (gratis y pagos) creados por desarrolladores de todo el mundo. Estos plugins resuelven situaciones concretas dentro del maquetado de un sitio, por ejemplo: un menú responsive, una galería de fotos, un carrousel de imágenes, un slide, un header que cambia de tamaño, el deslizamiento del scroll al hacer clic en un botón (anclas HTML), la transición entre páginas y miles de efectos más. Cada plugin tiene un sitio web desde donde se pueden descargar sus archivos, con demos, instrucciones para su implementación, opciones de configuración e información de las licencias. En la web hay cientos de blogs que recopilan y analizan los plugins según sus funcionalidades, reuniendo en un sólo post los links a varios plugins de función similar, lo que facilita mucho la búsqueda.
AjQuery permite manipular elementos del DOM (textos, imágenes, enlaces, etc.) , cambiar el diseño CSS o realizar peticiones Ajax utilizando instrucciones simples, a través de un código muy conciso y sencillo. El conjunto de características principales de jQuery (selecciones de elementos DOM, recorrido y manipulación) habilitados por su motor de selección (denominado "Sizzle" de v1.3), crearon un nuevo "estilo de programación", algoritmos de fusión y estructuras de datos DOM.
Página 10
EL PODER DE JQUERY,,,
Para los que se inician, conviene aclarar que jQuery no es un lenguaje, sino una serie de funciones y métodos de Javascript. Por tanto, Javascript es el lenguaje y jQuery es una librería que podemos usar opcionalmente si queremos facilitar nuestra vida cuando programamos en Javascript. A veces nos podemos referir a jQuery como framework o incluso como un API de funciones, útiles en la mayoría de proyectos web.
Antes de llegar jQuery los desarrolladores estábamos obligados a discriminar entre los diversos navegadores, para ejecutar aquel código Javascript que funcionaba en cada browser. Con la llegada de jQuery la principal ventaja es que ya no necesitamos preocuparnos sobre si el navegador del usuario es Explorer, Chrome, Firefox, etc. sino que la propia librería hará el trabajo "sucio" por nosotros y ejecutará el código que sea
compatible con el software del cliente que está accediendo a nuestra web. Para ello, se usa las funciones que jQuery nos proporciona, dentro de un grandísimo abanico de funcionalidades que además se extiende por medio de miles de plugins que ofrece la comunidad para implementar cualquier tipo de comportamiento.
Página 11
Más Y SU TECNOLOGÍA de RESPONSIVE jQquery "Una de las mejores opciones para trabajar con HTML 5". El marco de trabajo jQuery Mobile es una biblioteca JavaScript que puede utilizar para crear con facilidad una versión móvil de un sitio web al convertir las páginas web existentes en sitios web y aplicaciones para pantallas táctiles. Posiblemente, el marco de trabajo jQuery Mobile cambie la manera en la que se acceda y distribuyan las aplicaciones móviles en dispositivos móviles y tablets al permitir a los usuarios conectarse directamente a aplicaciones para pantallas táctiles mediante un navegador web. Existen otras opciones para el desarrollo móvil, pero la diferencia con el enfoque que está tomando jQuery Mobile es que están orientando una gran variedad de plataformas móviles. La tasa de adopción de smartphones y de tablets está aumentando increíblemente, y el marco de trabajo de jQuery Mobile ayuda a los desarrolladores a cumplir con la demanda creciente de experiencias web móviles. La proporción de experiencias web móviles requiere un nuevo conjunto de habilidades por parte de los desarrolladores web y los diseñadores. En 2010, Nielsen predijo que uno de dos estadounidenses tendrían un smartphone (ver Recursos para obtener un vínculo en el blog), que es un gran crecimiento si se lo compara con uno en 10 del año 2008 y en junio de 2011, los socios de AMI predijeron que "el uso de tablets entre las empresas con 1 a 1000 empleados crecería en un 1000 por ciento en el 2015".
El marco de trabajo de jQuery Mobile es una gran solución para la creación de una versión móvil o de tablet de sus páginas web, pero depende exclusivamente del contenido de un sitio web a adjuntarse con ciertos atributos de roles de datos.El propósito es crear un solo sitio web que pueda responder a los dispositivos de los usuarios al mostrar un esquema adecuado para la resolución de su pantalla.
Página 12
VOLVERSE RESPONSIVO Las consultas de medios son una declaración condicional que determina que CSS se aplica a una página web. Junto con el marco de trabajo de jQuery Mobile, puede crear algunos sitios móviles poderosos mientras mantenga un esquema de escritorio individual. Por sí mismo, el marco de trabajo de jQuery Mobile puede utilizarse para crear rápida y fácilmente sitios web para pantallas táctiles. El marco de trabajo tiene una gran cantidad de componentes que facilitan agregar botones, barras de herramientas, cuadros de diálogo, listas de elementos y mucho más. Sin embargo, cuando se trata de manejar el esquema de una página web, CSS sigue siendo el lenguaje a utilizar.
Página 13
John Resig En 2006, John Resig era un desarrollador web trabajando en sus propios proyectos. Estaba frustrado con lo difícil que era escribir JavaScript que funcionara en distintos navegadores y decidió escribir su propia biblioteca de JS para arreglar su problema: jQuery.
A muchos desarrolladores web les encantó la sencillez y el poder de jQuery, y la biblioteca de John pronto creció en popularidad.Hoy, es la biblioteca más popular de JS en la web, y es mantenida por la jQuery Foundation, un equipo grande de voluntarios.
Página 14
JQUERY... RESUMIDO
jQuery es una biblioteca de JavaScript que simplifica la forma de desarrollar aplicaciones web. Las aplicaciones que utilizan jQuery suelen necesitar menos tiempo y menos código que las aplicaciones hechas con JS puro. Por este motivo, jQuery es muy popular y se utiliza en montones de páginas web. La base de jQuery es JavaScript, por lo que es necesario conocer los fundamentes del lenguaje para utilizar esta biblioteca. .jQuery permite manipular elementos del DOM (textos, imágenes, enlaces, etc.) , cambiar el diseño CSS o realizar peticiones Ajax utilizando instrucciones simples, a través de un código muy conciso y sencillo. ¿Por qué no utilizar simplemente JavaScript?Es posible realizar el mismo trabajo utilizando solamente JavaScript, sin la biblioteca jQuery, pero la razón principal por la que mucha gente prefiere jQuery es que es mucho menos verboso. Se puede hacer lo mismo con muchas menos líneas de código, esa es la clave de su éxito. Si se escribe menos código, los errores serán menos frecuentes, y por esto, la librería se hizo muy popular desde su aparición en el año 2006.
Cómo utilizar jQueryjQuery es una biblioteca de JavaScript. Dicho de otro modo, es un simple fichero con extensión .js que contiene objetos y funciones escritas en JavaScript. Este código pone a tu disposición un montón de funciones prefabricadas que podemos utilizar en nuestros proyectos.. No es posible interactuar de forma segura con el contenido de una página hasta que el documento no se encuentre preparado para su manipulación. jQuery permite detectar dicho estado a través de la declaración $(document).ready() de forma tal que el bloque se ejecutará sólo una vez que la página este disponible. Las principales ventajas de utilizar jQuery son: Compatibilidad con navegadores antiguos. Fácil escritura y comprensión del código. Es Open Source. Muchos Plugins Facilidad de utilizar AJAX Escribir código puede resultar desgastante, especialmente cuando hay muchas cadenas incluidas. jQuery comprime varias líneas de código en una sola función, de forma que no es necesario volver a escribir bloques enteros de código para lograr una sola tarea.