Zurvin

Sign in

En esta ocasión veamos cómo obtener la ubicación geográfica del dispositivo de un usuario mediante la función de geolocalización de HTML5 del navegador.

Al final del post dejaré un demo con los códigos para que puedan copiar y pegar ✌😁

Si bien es cierto la API de Geolocalización está disponible en la mayoría de navegadores, por temas de seguridad el usuario debe dar su consentimiento para tener acceso a su ubicación.


Por default los proyectos de angular corren en el puerto 4200

Ya sé que me van a decir que al momento de iniciar la ejecución de mi proyecto puedo especificar el puerto mediante el comando:

ng serve --port=4580

que dicho sea de paso se puede abreviar como ng s --port 4580

Pero esto implica tener que especificar el puerto cada vez que iniciamos la aplicación.

Lo que podemos hacer es editar nuestro archivo angular.json y nos ubicamos en la siguiente ruta:

{
"projects": {
"mi-app-angular": {
"architect": {
"serve": {
"options": {
"port": 4580
}
}
}
}
}
}

Una de las cosas que me llamó la atención de GIT fue la utilización de variables. Estas se configuran una sola vez luego de instalar git obviamente y son fáciles de usar y cambiar a tu gusto.

Hay un comando clave en git para esto y es git config

Lo primero en configurar debiera ser nuestro usuario y email.

git config --global user.name "Kike Sanchez"
git config --global user.email kikesan@example.com

El flag --globales clave ya que le dice al sistema que esa variable se usará en todo el sistema y en todos los proyectos.

Para ver que nuestras variables estén…


Como ya es sabido momentjs es una librería muy conocida para trabajar con fechas, pero por default el idioma está en inglés. Repasemos cómo podemos cambiar el idioma y el formato.

Lo primero es instalar el paquete mediante npm con el siguiente comando:

npm install moment --save

Lo siguiente será importarlo en nuestro component:

import moment from 'moment';

Por defecto la librería responde los días de la semana, los meses del año, etc todo en Inglés, para cambiarlo al español basta con colocar la siguiente instrucción antes de usar la librería.

moment.locale("es");

Algunos ejemplos y su resultado:

moment().format("L");                     // 16/02/2021

Una corta recopilación de los superpoderes que obtienen tus estilos al usar este poderoso preprocesador de css. Altamente recomendado.

Vamos de menos a más, y lo primero a tener en cuenta es una buena estructura de archivos para tu proyecto. Esto te ayudará a depurar de mejor manera y a tener cada estilo en su respectivo lugar y así encontrarlo con mayor facilidad.

Esto puede variar según el proyecto pero casi siempre va a ser muy similar a la siguiente estructura:

sass/
|
|– utilities/
| |– _variables.scss
| |– _functions.scss
| |– _mixins.scss
|
|– base/
|…

Cerramos el año dando una mirada a las tendencias en desarrollo web para el próximo año que está a unas pocas horas.

Revisando las principales webs de desarrollo basado en Javascript me encontré que casi todas concluyen en lo mismo. El tridente de los frameworks sigue siendo Angular, React y VUE que este año ha incrementado considerablemente su popularidad. Aunque he visto tops con hasta 15 frameworks para el 2021, voy a acortar la lista a los 8 más mencionados. No están ordenados bajo ningún criterio en particular.

1. React

Tiene la comunidad más grande en el mundo frontend, y a pesar…


El día de ayer Github anunció el lanzamiento de su modo oscuro y como era de esperar la comunidad ya inició con el cambio. Y tú, ya te pasaste al modo oscuro?

Un anunció en el evento Github Universe 2020 que llamó más la atención fue la introducción de esta nueva característica en la página.

Para cambiarte al Modo Oscuro solo basta hacer click al botón en la parte superior derecha de tu perfil.


Seguramente ya te ha pasado que cuando usas rutas en tu aplicación de Angular y recargas el navegador te salta una página de Error 404, veamos cómo solucionar este pequeño y molestoso inconveniente.

Ya es sabido que luego de desplegar la aplicación surgen algunos inconvenientes o comportamientos inesperados; uno de ellos es el molestoso mensaje de error cada vez q se actualiza la página al empezar a navegar por las rutas de tu aplicación.


Ya se está haciendo común en nuestro medio el uso de los términos CI/CD pero ¿Qué es exactamente? y ¿Cómo lo puedo aplicar a mi proyecto?

Traduciendo quiere decir Integración Continua (CI) y Distribución Continua (CD) que resumido no es más que un flujo de desarrollo y despliegue. Hay mucha teoría sobre esto por toda la web y de seguro ya viste muchas veces la siguiente imagen que lo explica mucho mejor.


Luego del Hacktoberfest 2020 del mes pasado, ahora Itch.io y Github nos retan a crear un juego durante el mes de Noviembre. Veamos los detalles.

Game Off es un evento anual, donde los participantes pasan el mes de noviembre creando juegos basados ​​en un tema secreto. Participa de forma individual o en equipo. Las herramientas que puedes usar son infinitas, puedes usar lo que mejor domines o bien aprender algo nuevo.

El tema del Game Off de este año es MOONSHOT

Cómo participar

  1. Crear un juego basado en el tema
  2. Entrar en el GameOff2020 en itch.io y crearte una cuenta
  3. Crea un…

Zurvin

Somos cinturón negro en JavaScript.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store