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/
| |– _reset.scss
| |– _typography.scss
|
|– components/
| |– _buttons.scss
| |– _carousel.scss
| |– _slider.scss
|
|– layout/
| |– _navigation.scss
| |– _grid.scss
| |– _header.scss
| |– _footer.scss
| |– _sidebar.scss
| |– _forms.scss
|
|– pages/
| |– _home.scss
| |– _about.scss
| |– _contact.scss
|
|– themes/
| |– _theme.scss
| |– _dark.scss
|
|– vendors/
| |– _bootstrap.scss
| |– _jquery-ui.scss …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 7 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 que la curva de aprendizaje es un poco elevada una vez dominado, el desarrollo se hace mucho más sencillo. …
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.
Una acción necesaria en toda app es la comunicación con servicios REST, en este post voy a tratar de resumir lo más posible esta tarea.
1. Dependencia
Lo primero que necesitamos es agregar el paquete http como dependencia en nuestro archivo de configuración pubspec.yaml
dependencies:
http: ^0.12.22. Conectar servicio
Para este ejemplo vamos a usar la ya conocida web JSONPlaceholder para obtener los datos de un álbum con el método get()
Ahora importamos el paquete http:
import 'package:http/http.dart' as http;y enlazamos la app con nuestro servicio de jsonplaceholder
El método http.get() devuelve un Future que contiene un Response.
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
- Crear un juego basado en el tema
- Entrar en el GameOff2020 en itch.io y crearte una cuenta
- Crea un nuevo repositorio público de GitHub para almacenar tu código fuente y sube tus cambios antes del 1 de diciembre. …
En un post anterior comenté como enviar datos a Google Sheets, y hace poco un colega me consultó ¿Y cómo hacer lo opuesto? 🧐
Pues bien, hay muchos usos para este ejercicio, en más de una ocasión he usado un archivo de Google Sheets para administrar una landing o parte de ella que no involucre un desarrollo backend de por medio, ya que en la oficina siempre “todo es para ayer”.
Veamos los pasos necesarios:
- Creamos un archivo en Google Sheets
Todos hemos llegado a un punto el que trabajamos con fechas y una parada obligatoria trabajando con Angular es usar este Pipe.
Lo primero que hacemos es obtener la fecha con la que vamos a trabajar:
Como desarrollador sabes que en este mundo, cuando ya estás dominando una herramienta sale otra y hay que adaptarse al continuo cambio.
Pero a su vez también salen mejoras y versiones nuevas que nos hacen la vida más fácil. Solo quiero comentar algunas características que considero más resaltantes de la nueva versión de Javascript.
1. Bigint
Es un nuevo tipo de dato primitivo. Permite trabajar con números enteros grandes. El número más grande que javascript puede manejar es 2⁵³, que podemos ver con Number.MAX_SAVE_INTEGER
const max = Number.MAX_SAFE_INTEGER;
console.log(max);//9007199254740991
2. Dynamic import
A veces importamos librerías que usamos con poca frecuencia y aquí estamos perdiendo recursos. Ahora con async/await podemos importar dinámicamente nuestras dependencias solo cuando las necesitemos. …
