hello.js

var please = require('share');
console.log('thank you');

NEW !!!

Friday, 11 September, 2020 UTC

11ty: Generate Eleventy (11ty) Pages From External Data

Eleventy (11ty) is able to run any JavaScript or Node functions at build time. This makes it possible to source external data such as from a headless CMS or other API. Learn how to generate pages from data pulled from a mock CMS using the 11ty `pagination` ... more


Tuesday, 8 September, 2020 UTC

react: Comparte Lógica en React con un Hook Propio (Custom Hook)

En este video, aprenderemos cómo compartir lógica en tu aplicación creando un custom hook. Veremos cómo movemos la lógica de estado de un componente a un hook propio (custom hook). Creando hooks propios es la mejor manera de compartir lógica entre los ... more


Wednesday, 2 September, 2020 UTC

javascript: WTF is RequireJS?

In this lesson, Mark will summarize why it is good to use RequireJS for managing JavaScript dependencies. We'll go over an example of a plain vanilla JavaScript implementation of jQuery, and refactor the code to use RequireJS. ... more


Wednesday, 2 September, 2020 UTC

javascript: Obtener 3 Elementos Aleatorios de una Lista usando JavaScript

En este video, aprenderás cómo seleccionar 3 elementos de una lista de manera aleatoria usando solo JavaScript y operaciones de listas. Concretamente usaremos la funciones `sort` y `slice`. **Sort** sirve para ordenar los elementos de la lista, veremos ... more


Wednesday, 2 September, 2020 UTC

javascript: Serverless GraphQL on AWS - Mapping GraphQL Operations to a Lambda Function

In this video you'll learn how to stand up a fully serverlesss GraphQL API on AWS from scratch using Lambda and AppSync. You'll start by creating a new Lambda function and then using the function in a GraphQL API as a data source. You'll create a schema ... more


Tuesday, 1 September, 2020 UTC

egghead: Creating a Generic Heading Component Using Styled System Variants

In this lesson we’ll create a generic heading primitive component, that we could use to render headings of different levels in our app. We’ll use [Styled System](https://styled-system.com/) to create this component. We’re going to use [Styled System variants](https://styled-system.com/variants) ... more


Tuesday, 1 September, 2020 UTC

react: Creating a Generic Link Component Using Styled System CSS

In this lesson we’ll create a generic heading primitive component, that we could use to render headings of different levels in our app. We’ll use [Styled System](https://styled-system.com/) to create this component. There are two common ways to implement ... more


Tuesday, 1 September, 2020 UTC

egghead: Creating a Generic Text Input Component Using Styled System CSS

In this lesson we’ll create a generic text input primitive component, that we could use to render headings of different levels in our app. We’ll use [Styled System](https://styled-system.com/) to create this component. We’re going to use [Styled System’s ... more


Tuesday, 1 September, 2020 UTC

css: Use Media Queries to Adapt to a User's Motion Preferences

We have three animating sections: one in the header and one for each of the two images. To honor the system preferences of the user, we can use the prefers-reduced-motion media query to turn off those animations. In this example, we'll change the animation-duration ... more


Thursday, 27 August, 2020 UTC

egghead: Create a Generic Text Component Using Styled System Variants

In this lesson we’ll create a generic text primitive component, that we could use to render any text in our app. We’ll use [Styled System](https://styled-system.com/) and its `variants` feature to create this component. [Styled System variants](https://styled-system.com/variants) ... more


Tuesday, 25 August, 2020 UTC

react: Creating the Stack layout primitive component using Styled System

In this lesson we’ll create the fourth layout primitive component — Stack, that will allow us (together with the Box, Flex and Grid components from the previous lesson) to create almost any complex layout without writing any custom CSS. We’ll use [Styled ... more


Tuesday, 25 August, 2020 UTC

javascript: How to Deploy a NextJS App to AWS with API Routes and Dynamic Routes

In this video you'll learn how to use the Serverless Framework to deploy a NextJS app to AWS complete with API routes, dynamic routes, server side rendered pages at the edge, and automatic pre-rendering using the Serverless NextJS Component. ... more


Friday, 21 August, 2020 UTC

react: Creating the Grid Layout Primitive Component Using Styled System

In this lesson we’ll create the Grid layout primitive component, that will allow us (together with other layout primitives) to create almost any complex layout without writing custom CSS. We’ll use [Styled System](https://styled-system.com/) to create ... more


Wednesday, 19 August, 2020 UTC

react: Create the Box Layout Primitive Component Using Styled System

In this lesson we’ll create the base layout primitive component — Box, that will allow us (together with other layout primitives) to create almost any complex layout without writing custom CSS. We’ll use [Styled System](https://styled-system.com/) to ... more


Wednesday, 19 August, 2020 UTC

react: Creating the Flex Layout Primitive Component Using Styled System

In this lesson we’ll create the Flex layout primitive component, that will allow us (together with other layout primitives) to create almost any complex layout without writing custom CSS. We’ll use [Styled System](https://styled-system.com/) to create ... more


Tuesday, 18 August, 2020 UTC

graphql: Fetching Data Stored in Hasura

In this video, we will make a fetch request in JavaScript in order to demonstrate requesting data from a Hasura endpoint. ... more


Monday, 17 August, 2020 UTC

javascript: Create Custom JavaScript Functions for Google Sheets

In this lesson, we'll dive right into creating custom functions for Google Sheets. Guess what? All you need is JavaScript! We'll talk about how to create custom functions, how to call them, and how to declare in which cells your data will be presented ... more


Friday, 14 August, 2020 UTC

react: Creating a button React component using styled-components

In this lesson we’ll create a generic button primitive component the has one style, using [styled-components](https://styled-components.com/). Let’s discuss the API first. Our button will have a default state. ```jsx console.log('henlo')}>Push me ``` ... more


Friday, 14 August, 2020 UTC

react: Creating a button React component with dynamic styles using styled-components

In this lesson we’ll improve a generic button primitive component by using global theme for colors, spacing, fonts, etc. instead of hardcoding this values in the component. We’ve [a basic button component](???) that works okay, and we can tweak styles ... more


Friday, 14 August, 2020 UTC

egghead: Simplifying styled-components styles by using Styled System CSS and variants

In this lesson we’ll improve a generic button primitive component by refactoring it with [Styled System](https://styled-system.com/) to simplify the implementation. The naïve styled-component implementation has styles like this: ```scss padding: ${props ... more


Friday, 14 August, 2020 UTC

react: Creating a generic button React component with multiple variants using styled-components

In this lesson we’ll improve a generic button primitive component by adding another variant — secondary style. We have two variants of a button: primary and secondary. The naïve way would be to define a prop for each: ```jsx Push me Push me ``` But such ... more


Monday, 10 August, 2020 UTC

javascript: 4 ways to remove duplicates elements from an array with Javascript

Remove duplicates elements from an array is a common array task Javascript offers different alternatives to accomplish it. You can use a mix of methods like `Array.filter` and `Array.indexOf` or a more complex method and also more flexible as `Array.reduce` ... more


Monday, 10 August, 2020 UTC

javascript: 4 formas de remover elementos duplicados de un arreglo con Javascript

Remove elementos duplicados de un arreglo es una tarea de manipulación de arreglos bastante común, y para ello Javascript ofrece diferentes alternativas. Puedes utilizar una mezcla de métodos como `Array.filter` y `Array.indexOf` o un método más complejo ... more


Sunday, 9 August, 2020 UTC

javascript: Natively Format JavaScript Numbers

When needing to format a number I've tended to lean towards [Number.prototype.toFixed()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toFixed), reach for a 3rd party library, or write custom functions. However, ... more


Friday, 7 August, 2020 UTC

javascript: Detectar click en el botón atrás utilizando React useEffect y useState

Al trabajar en la navegación de una aplicación web, es común necesitar manejar el botón atrás, en esta situación, saber cuándo se hizo click es necesario. En este ejemplo se utilizar `react-router` para crear una pequeña aplicación con una navegación ... more


Wednesday, 5 August, 2020 UTC

javascript: Natively Format JavaScript Dates and Times

The ability to natively format dates and times using the browser is impressive. You may find yourself not needed to grab libraries such as moment.js or date-fns when doing simple formatting and better yet, the browser support is surprisingly good! ... more


Monday, 3 August, 2020 UTC

javascript: Preventing Impossible States and Checking for Draw Conditions

We should add some final touches to our tic-tac-toe game. We want to make sure that after a user has won, that it's impossible for them to put the game into a broken state. We can do that by adding a guard to our `reducer`. It would also be nice if the ... more


Monday, 3 August, 2020 UTC

javascript: Checking for Winning Conditions in Tic-Tac-Toe

At this point, our game is fully usable. Users can add `X`s and `O`s and can see for themselves who has won or not. However, this is a computer game now and it should be programmed to determine who the winner is algorithmically. Breaking down the problem ... more


Monday, 3 August, 2020 UTC

javascript: Create a 2-Dimensional Grid for our Tic-Tac-Toe Game

Tic-tac-toe, like many grid-based games, relies upon a 2-dimensional array data structure to hold the state of our `grid`. A `grid` is a matrix. The outer array contains all the `rows`, and each row is an array of `columns`. Often each column value is ... more


Wednesday, 29 July, 2020 UTC

node: Get Info About Twitter Account with Twitter Library for JavaScript

In this lesson we will use the twitter client to get the information about the user's name and followers and check the rate limits after the call to the API. ... more