En una publicación pasado habíamos visto como conectarnos a Firebase y así trabajar con su base de datos:
https://fernando-gaitan.com.ar/vue-js-y-firebase/
Sin embargo en aquel ejemplo cualquier usuario podía ingresar a la aplicación, y así realizar cualquier acción sobre los registros. En esta ocasión vamos a aprender cómo hacer para que un usuario inicie sesión, y pueda acceder a estos datos sólo si está autenticado.
Los que ya conocemos a WordPress sabemos de lo que es capaz, desde la creación de blogs hasta carros de compras. Por momentos parece que esta herramienta no tiene límites, pero la libertad que muchas veces nos provee este CMS de código abierto, también abre puertas para los ataques. El objetivo de esta publicación es proteger nuestros usuarios de WordPress al iniciar sesión.
Read more «Agregar Google Recaptcha a un login de WordPress»
En esta ocasión vamos a aprender cómo conectar Vue.js con Firebase, pero antes de comenzar, por si no sabés qué es Firebase, se trata de una plataforma de Google para aplicaciones web y mobile. Básicamente lo que haremos en este tutorial es crear una base de datos con Firebase e interactuar con la misma desde una aplicación hecha en Vue.
Primero que nada, en esta publicación vamos a usar la consola de node, por lo cual si no tenés node instalado en tu máquina, te invito a descargarte el instalador desde aquí:
Aunque ya lo hemos visto en otras publicaciones, el routing o enrutamiento es la forma que tienen las aplicaciones web de responder, dependiendo de la URL por la cual se accede.
Bueno, ya habíamos visto una forma de realizar peticiones ajax con Vue mediante la librería vue-resource. En esta ocasión vamos a usar otra llamada axios:
En Vue.js los componentes nos permiten extender nuestro código html. Además de lo visual, también podemos agregarle lógica, y reutilizar estos componentes.
Un callback es una función que se pasa como parámetro, y que va a dispararse en un momento determinado, normalmente se utiliza para resolver problemas que tienen que ver con operaciones asincrónicas de una aplicación.
A diferencia de otros lenguajes de programación como Java, PHP o C#; en javascript no existe el concepto de clases. Osea para el que no sepa, una clase nos sirve de molde para crear objetos. Entonces aunque no podamos crear clases de forma nativa (existen librerías que nos permiten esto), tampoco es un impedimento para diseñar objetos.
Bueno, con los 32 equipos clasificados, en la espera de la próxima copa del mundo, los invito a votar cuál es el equipo que van a seguir en el mundial.
¿Cuál es tu equipo preferido en Rusia 2018?
- Colombia (17%, 183 Votes)
- México (16%, 168 Votes)
- Argentina (13%, 139 Votes)
- Alemania (12%, 125 Votes)
- España (10%, 104 Votes)
- Perú (8%, 90 Votes)
- Brasil (8%, 82 Votes)
- Uruguay (3%, 29 Votes)
- Japón (1%, 14 Votes)
- Bélgica (1%, 13 Votes)
- Islandia (1%, 12 Votes)
- Francia (1%, 12 Votes)
- Rusia (1%, 10 Votes)
- Costa Rica (1%, 10 Votes)
- Corea del Sur (1%, 9 Votes)
- Inglaterra (1%, 8 Votes)
- Marruecos (1%, 7 Votes)
- Portugal (1%, 7 Votes)
- Túnez (1%, 6 Votes)
- Arabia Saudí (1%, 6 Votes)
- Panamá (0%, 5 Votes)
- Croacia (0%, 3 Votes)
- Polonia (0%, 3 Votes)
- Australia (0%, 3 Votes)
- Irán (0%, 3 Votes)
- Dinamarca (0%, 2 Votes)
- Egipto (0%, 2 Votes)
- Senegal (0%, 2 Votes)
- Suecia (0%, 2 Votes)
- Suiza (0%, 2 Votes)
- Nigeria (0%, 2 Votes)
- Serbia (0%, 1 Votes)Cantidad de votos: 1.064
Cargando ...Saludos!
En ciertas ocasiones podemos tener listas en las cuales no conocemos la cantidad de niveles que tienen las mismas. Por ejemplo en un árbol genealógico hay personas que pueden tener hijos, y esos hijos también pueden tener más hijos, y así se creará un juego de nodos que se irá expandiendo de arriba hacia abajo, sin saber su límite.
Cuando conocemos la cantidad de niveles es muy fácil, por ejemplo una categoría puede tener categorías hijos y ahí termina la cosa. Si en cambio estas categorías hijas pueden tener más categorías dentro suyo y así, sin saber la cantidad de dimensiones de la lista, debemos recurrir a otro tipo de soluciones.
