Archive for Desarrollo web

June 10th 2019

Node Sass does not yet support your current environment (macOS 10.12.1, Node 7.0.0)

Número de lecturas: 742
{lang: 'es-419'}

Este error se lo resuelve de forma facil en macOS y se presenta a veces al compilar el webpack.
– Primero se debe borrar la carpeta “node_modules”

 rm -rf node_modules

– Luego ejecutar: “npm install”

 npm install

– Finalmente:

 npm rebuild node-sass

 

Fuente:
https://github.com/sass/node-sass/issues/1764

March 27th 2019

Firefox Lockbox, el gestor de contraseñas de Mozilla, llega a Android

Número de lecturas: 1118
{lang: 'es-419'}

Una de las medidas más recomendables para proteger la integridad de una cuenta es usar contraseñas fuertes, con caracteres especiales, números, etc. El problema de este tipo de contraseñas es que, si bien son complicadas de adivinar, son difíciles de recordar, por lo que una opción a contemplar para poder “desentenderte” es usar un gestor de contraseñas como LastPass o el que Google tiene integrado por defecto en Chrome.

Ahora es Mozilla la que se suma con su propia alternativa, Firefox Lockbox. Fue lanzada hace algunos meses para iOS (y dos años en escritorio) y ahora la aplicación aterriza de forma oficial en Android. Su funcionamiento es exactamente el mismo que el resto de alternativas del mercado, con la diferencia de que si usas Firefox en el escritorio podrás sincronizar las contraseñas entre móvil y PC.

Deja que Lockbox rellene las contraseñas por ti

Si ya usas gestores de contraseñas seguramente sepas cómo funciona Lockbox, pero si eres nuevo, no está de más repasar su funcionamiento. Cuando instalas Lockbox, debes autorizarlo como servicio de autocompletado. De esa forma, la app podrá “leer” la pantalla y ver qué campos puede rellenar. Así, cuando pulses la caja de texto “Contraseña”, la aplicación la detectará y la rellenará automáticamente usando las credenciales que están almacenadas en la aplicación.

Es una función bastante útil, aunque se nota que Firefox Lockbox se encuentra en una primera versión y no funciona siempre. Aun así, siempre puedes acceder a la aplicación, copiar el usuario y la contraseña manualmente pulsando el botón dedicado y pegar ambos en la aplicación en la que quieras iniciar sesión.

Las contraseñas están encriptadas con una clave de 256 bits y se sincronizan entre dispositivos

En lo referente a la seguridad, las contraseñas están encriptadas con una clave de 256 bits y, de cara a evitar que cualquier persona pueda acceder a ellas, puedes proteger la aplicación con la huella dactilar o un pin. De esa forma, tú y solo tú podrás acceder a tus credenciales.

Como viene siendo costumbre en Mozilla, Firefox Lockbox es una aplicación completamente gratuita que se puede descargar en cualquier Android. Si bien es cierto que hay alternativas más populares, puede ser una herramienta a tener en cuenta por todas aquellas personas que usen Firefox como navegador por defecto en su móvil o PC.

 

Fuente:

xatakandroid.com

February 14th 2019

Como hacer tu página personal en github

Número de lecturas: 2334
{lang: 'es-419'}

Desde hace unos años utilizaba about.me pero cuando ingrese ya no me gusto la interfaz, me parece que hacen enfasis en vender y poco resaltan tu perfil.

Busque opciones y en dev.to encontre un proyecto interesante para crear un perfil en github utilizando el servicio de páginas. Este servicio también puede servir para generar un sitio para tu proyecto.

Para personalizar mi sitio web segui los siguientes pasos:
1.- Crear página web con github siguiendo estos pasos: https://pages.github.com/
Los requisitos son tener una cuenta en github y crear un nuevo respositorio de esta forma:
nombreusuario.github.io

Luego ejecutar este comando:

$git clone https://github.com/username/username.github.io
$cd username.github.io
$echo "Hello World" > index.html
$git add --all
$git commit -m "Initial commit"
$git push -u origin master

Luego clone este proyecto:
https://github.com/flexdinesh/dev-landing-page y actualice el contenido de la carpeta

Finalmente personalizas el codigo fuente, en mi caso agregue, redes sociales, mail, web personal, link de whatsapp, fotografia y finalmente Bootstrap.

El resultado final es un sitio agradable, funcional y responsive.
http://juanitourquiza.github.io/

Si desean crear su página web personal pueden seguir estos pasos y clonar mi proyecto en github.
https://github.com/juanitourquiza/juanitourquiza.github.io

February 1st 2019

¿ Cómo subir imagen desde VueJS a Symfony con Axios?

Número de lecturas: 2508
{lang: 'es-419'}

Luego de tener instalado VueJS en este caso con webpack se agrega el componente:

//CargaFoto.vue
<div class="hello">
<h1>{{ msg }}</h1>
<div class="container">
<div class="large-12 medium-12 small-12 cell"><label>File <input id="file" type="file" /> </label> <button>Submit</button></div>
</div>
</div>
<script>
    import axios from 'axios'
 
    export default {
        name: "CargaFoto",
        data() {
            return {
                msg: "Cargar Imagen de Perfil",
                file: ''
                //selectedFile: null
            };
        },
        methods: {
            submitFile(){
                /*
                        Initialize the form data
                    */
                let formData = new FormData();
 
                /*
                    Add the form data we need to submit
                */
                formData.append('file', this.file);
 
                /*
                  Make the request to the POST /single-file URL
                */
                axios.post( '/usuario/jsonimagen',
                    formData,
                    {
                        headers: {
                            'Content-Type': 'multipart/form-data'
                        }
                    }
                ).then(function(){
                    console.log('SUCCESS!!');
                })
                    .catch(function(){
                        console.log('FAILURE!!');
                    });
            },
 
            /*
              Handles a change on the file upload
            */
            handleFileUpload(){
                this.file = this.$refs.file.files[0];
            }
        }
    };
</script>
 
<!-- Add "scoped" attribute to limit CSS to this component only -->
 
<style>
    #fileInput {
        display: none;
    }
    h1,
    h2 {
        font-weight: normal;
    }
    ul {
        list-style-type: none;
        padding: 0;
    }
    li {
        display: inline-block;
        margin: 0 10px;
    }
    a {
        color: #42b983;
    }
    .my-8 {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }
</style>

 

En el archivo donde se recoge los datos quedo asi el controlador:

//src/UsuarioController.php
/**
 * @return JsonResponse
 * @Route("/jsonimagen", name="jsonimagen", methods="POST")
 
 */
public function jsonimagen(Request $request):JsonResponse
{
    $usuario = $this-&gt;getUser();
    $data = $request-&gt;files-&gt;get('file');
    $fileName = $usuario.'.'.$data-&gt;guessExtension();
    // moves the file to the directory where usuarios are stored
    $data-&gt;move(
        $this-&gt;getParameter('usuarios_directorio'),
        $fileName
    );
    echo $data; exit;
    return $this-&gt;json($data);
}

Tambien configure la ruta donde se va a cargar las imagenes en el archivo

//services.yaml
parameters:
    locale: 'en'
    usuarios_directorio: '%kernel.project_dir%/public/uploads/usuarios'

Acá se puede ver la imagen cargada en esta captura.

 

Referencia