Obtener datos JSON desde Javascript

Obtener datos directamente desde un archivo JSON es una tarea que se ha convertido muy común en el desarrollo Web en estos días. Es por eso que comparto con ustedes un pequeño ejemplo en Javascript que realiza este intercambio de información:

Archivo JS:

var requestJSON = 'https://mdn.github.io/learning-area/javascript/oojs/json/superheroes.json';

let request = new XMLHttpRequest();

request.open('GET', requestJSON);
request.responseType = 'json';
request.send();

request.onload = function() {
    let data = request.response;
    
    console.log('Squad Name: ' + data["squadName"] + '\nHome Town: ' + data["homeTown"] + '\nFormed: ' + data["formed"] + '\nSecret Base: ' + data["secretBase"]);

    let members = data.members;

    for (let i=0; i<members.length; i++) {
        console.log(members[i].name + '\n' + members[i].age + '\n' + members[i].secretIdentity + '\n');

        let powers = members[i].powers;

        for (let j=0; j<powers.length; j++) {
            console.log(' - ' + powers[j] + '\n');
        }
    }
} 

Como puedes observar para acceder a la información de la respuesta JSON se usan ambas notaciones: “Dot notation” y “Bracket notation”.

El output en la consola de tu navegador deberá ser como sigue:

Squad Name: Super hero squad
Home Town: Metro City
Formed: 2016
Secret Base: Super tower
Molecule Man
29
Dan Jukes
 - Radiation resistance
 - Turning tiny
 - Radiation blast
 
Madame Uppercut
39
Jane Wilson
 - Million tonne punch
 - Damage resistance
 - Superhuman reflexes

Eternal Flame
1000000
Unknown
 - Immortality
 - Heat Immunity
 - Inferno
 - Teleportation
 - Interdimensional travel
Anuncios

Tu primera app con Vue

Vue: primeros pasos. Ejemplo muy básico en donde usaremos Vue.js para imprimir un mensaje en pantalla.

Archivo vue.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        
        <!--Let browser know website is optimized for mobile-->
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    </head>

    <body>
        <div id="app">
            <h1>{{ message }}</h1>
        </div>

        <!--Vue JS-->
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
        <script src="app.js"></script>
    </body>
</html>

Archivo javascript (app.js)

var app = new Vue({
    el: '#app',
    data: {
        message: 'Hola Vue, esta es mi primera App!'
    }
})

Con la siguiente linea incluimos Vue:

https://cdn.jsdelivr.net/npm/vue/dist/vue.js

Documentación oficial de Vue:

https://vuejs.org/v2/guide/

Instalar SOAP para PHP en Ubuntu

El proceso de instalación de SOAP es muy sencillo, abre una ventana de la terminal y ejecuta los siguiente comandos:

PHP 5.6

$ sudo sudo apt-get install php5.6-soap

$ sudo service apache2 restart

 

PHP 7.0

$ sudo sudo apt-get install php7.0-soap

$ sudo service apache2 restart

 
 

Recuerda reiniciar el servicio de Apache o Nginx

English – irregular verbs list

 

Comparto una lista en formato PDF de verbos irregulares en Inglés. Si estas en proceso de aprender este idioma entonces es una excelente herramienta de ayuda para ti.

Descargar archivo PDF

Appsheet, funcionamiento de App para administrar clientes

Appsheet, mi primera app para administrar mis clientes

Esta es mi primera App que construí con Appsheet la cual me permite administrar la información de mis Clientes.

Plantilla Wordpress para agencia inmobiliaria

Plantilla WordPress

 

CARACTERISTICAS:

  • Responsivo
  • Fácil de administrar
  • Galeria de imágenes
  • Integración con google Maps
  • Sección “Destacados”
  • Incluye las siguientes páginas: Inicio, Nosotros, Venta, Renta, Contacto
  • Diseño minimalista

 

DEMO:

http://informaticauno.com.mx/inmobiliaria/53072

Archivo de conexión a la base de datos en Wordpress

En WordPress el archivo que contiene la información necesaria para poder establecer la conexión a la Base de datos se encuentra en wp-config.php, el cual se encuentra ubicado en la raíz del sitio Web, si abres este archivo vas a encontrar la sección correspondiente donde se establece la información necesaria para realizar la conexión a MySQL:

// ** MySQL settings - You can get this info from your web host ** //
define('DB_NAME', 'nombreBaseDatos');

define('DB_USER', 'nombreUsuario');

define('DB_PASSWORD', 'password');

define('DB_HOST', 'nombreHost');

 

 

Si en un momento dado te ves en la necesidad de modificar alguno de estos valores, ya sabes en donde se encuentra localizado el archivo que debes editar.

Cómo instalar MongoDB 4 en Ubuntu

La siguiente instalación fué realizada en un sistema con Ubuntu 16.04 (64 bits).

Abre una ventana de la terminal y sigue los pasos siguientes:

 
1 – Agregar el repositorio MongoDB

$ sudo apt-key adv --keyserver hkp://keyserver.ubuntu.com:80 --recv 9DA31620334BD75D9DCB49F368818C72E52529D4

$ echo "deb [ arch=amd64,arm64 ] https://repo.mongodb.org/apt/ubuntu xenial/mongodb-org/4.0 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb.list

$ sudo apt-get update

 
2 – Instalar el Servidor de MongoDB

$ sudo apt-get install mongodb-org

 
3 – Configurando MongoDB como servicio de Ubuntu

Crear un archivo llamado mongodb.service en el directorio /etc/systemd/system para poder lanzar MongoDB como un servicio de Ubuntu, para efectos de este tutorial utilizamos el editor nano:

$ sudo nano /etc/systemd/system/mongodb.service

 
Ahora incluimos el siguiente contenido:

[Unit]
Description=High-performance, schema-free document-oriented database
After=network.target

[Service]
User=mongodb
ExecStart=/usr/bin/mongod --quiet --config /etc/mongod.conf

[Install]
WantedBy=multi-user.target

 
4 – Iniciar el servicio de Mongo

$ sudo systemctl start mongodb

 
5 – Verificar el estatus del Servidor

$ sudo systemctl status mongodb

 
6 – Verificar la versión del Servidor

$ mongod --version

 
 
el servidor de Mongo ahora está instalado y corriendo en el sistema.

A %d blogueros les gusta esto: