hello.js

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

Friday, 22 March, 2019 UTC

Built-in Web Modules: How to Use KV Storage

Built-in Web Modules: How to Use KV Storage

The release of KV Storage is a big deal for the web platform. It’s part of the Standard Library Proposal which could see a more extensive standard library being introduced for JavaScript. Before jumping in to what kv-storage is, let’s first discuss how ... more


Friday, 22 March, 2019 UTC

Free Programming Courses from Harvard, MIT, Microsoft and More

Free Programming Courses from Harvard, MIT, Microsoft and More

Did you know that you can learn programming online from institutions like Harvard, MIT and Microsoft on edX.org? The nonprofit site offers 2000 online courses from 140 institutions worldwide. Courses are free to try. Here are some of the top programming ... more


Wednesday, 20 March, 2019 UTC

An introduction to the hapi Node.js Framework

An introduction to the hapi Node.js Framework

The great thing about the Node.js ecosystem is the fact that if you’re looking to create an application, there’s most likely a module/framework that can help with that! In this article, we’ll be creating a basic REST API with hapi.js. You may also be ... more


Tuesday, 19 March, 2019 UTC

Take Command of Your Environment with env-cmd

Take Command of Your Environment with env-cmd

Environment variables. They make it easy to juggle between your local development, testing, staging, UAT, production or whatever other environments may have crept into your work flow. Passing around variables is easy enough but when you have more than ... more


Monday, 18 March, 2019 UTC

Understanding Switch Cases in JavaScript

Understanding Switch Cases in JavaScript

We recently looked at if statements, but now it’s time to switch things up! We’d look to use the switch statement whenever we have multiple test cases for a particular expression. If you find yourself writing multiple if/else statements, this may be ... more


Sunday, 17 March, 2019 UTC

Internationalize Your Angular App with ngx-translate

Internationalize Your Angular App with ngx-translate

At some point, your web application may require serving a multilingual user base. Internationalization, or i18n for short, is the process by which you make your app usable for those with a different native language. While Angular has some built-in i18n ... more


Saturday, 16 March, 2019 UTC

Ionic 4.1 & Vue.js: Skeleton Text

Ionic 4.1 & Vue.js: Skeleton Text

When we’re loading asynchronous content, it’s advised that you show the user some “skeleton” UI that gives the impression of content being loaded. Let’s use ion-skeleton-text to show how we’d handle this inside of Ionic! Inside of an Ionic project we’d ... more


Thursday, 14 March, 2019 UTC

API Development and Routing with Node.js and Express

API Development and Routing with Node.js and Express

This article will be looking at how we can handle API routes inside of a Node.js and Express project. As always, we’ll start with a brand new Express project and progressively enhance it from the ground up. 🐊 Alligator.io recommends ⤵ Learn Node, a ... more


Thursday, 14 March, 2019 UTC

What's New in vue-styleguidist 3.0

What's New in vue-styleguidist 3.0

Vue Styleguidist is a Node package to automatically create documentation for your Vue Components. Alex Jover Morales presented it last year on Alligator.io. Since last February, vue-styleguidist has evolved. It’s time for a refresher. The new documentation ... more


Wednesday, 13 March, 2019 UTC

Introduction to Iterables and Iterators in JavaScript

Introduction to Iterables and Iterators in JavaScript

JavaScript supports a protocol by which objects such as arrays can be used by control structures such as for…of and the spread operator ... to loop through data sequentially. This is referred to as the iterable and the data structures that support this ... more


Tuesday, 12 March, 2019 UTC

Conditional Basics: Using If Statements in JavaScript

Conditional Basics: Using If Statements in JavaScript

Should we go out to eat tonight? The answer to this question is usually a yes or no answer ( depending on who you ask… :) ). Welcome to the world of conditionals! Let’s explore how conditionals work in JavaScript. If you’re already an experienced developer ... more


Monday, 11 March, 2019 UTC

A Look at the JavaScript Pipeline Operator Proposal

A Look at the JavaScript Pipeline Operator Proposal

The JavaScript pipeline operator proposal, which is currently a Stage 1 proposal, would add a new operator to JavaScript. This new operator would would act as syntax sugar to extend and make chained function more readable. To demonstrate, let’s start ... more


Sunday, 10 March, 2019 UTC

Corralling Monorepos with Yarn Workspaces

Corralling Monorepos with Yarn Workspaces

Maybe not the most popular opinion, but I absolutely love monorepos. When you’re starting a brand new project, it just makes sense to have a single repo and growing things from there. Unfortunately, as projects grow, things can get unwieldy. Next thing ... more


Saturday, 9 March, 2019 UTC

Getting Started with Animate.css

Getting Started with Animate.css

Animations. They can absolutely make or break the user experience of your application. When implementing CSS animations on your own, you’ll likely run into the same issues over and over again. Animate.css seeks to solve this issue by giving you access ... more


Friday, 8 March, 2019 UTC

Creating Admin Interfaces in React with react-admin

Creating Admin Interfaces in React with react-admin

Oftentimes applications exposing an API need an admin page to easily view and edit the data behind the application. Usually, creating one involves the painstaking process of building an interface, followed by manually creating every request to GET or ... more


Thursday, 7 March, 2019 UTC

Introduction to React 360

Introduction to React 360

React 360 (or React VR) is a library used to create virtual reality experiences with React and uses Three.js for rendering. As it is a React project, the API should be familiar to those that already know React. Usage of React 360 is similar to that of ... more


Thursday, 7 March, 2019 UTC

Build a Serverless Image Resizing Service - Part 1: Project Setup

Build a Serverless Image Resizing Service - Part 1: Project Setup

In my most recent article I showed you how to get Up and Running with the Serverless Framework. In this series we’ll be diving much deeper. I’ll be walking you through building a Serverless image resizing service. The service will be built using Serverless, ... more


Wednesday, 6 March, 2019 UTC

ReactXP: Building Cross Platform Apps

ReactXP: Building Cross Platform Apps

Building cross platform applications with React isn’t a new thing. Many companies have used (and still are using) React Native for mobile-first projects today. ReactXP looks to take this further by seeking to reuse the view-layer across multiple platforms, ... more


Tuesday, 5 March, 2019 UTC

D3.js: Understanding Selections and Comparing with Vanilla JavaScript

D3.js: Understanding Selections and Comparing with Vanilla JavaScript

This article aims to show how selections work within D3. We’ll start with a basic project that includes d3.js as a script with no build system: <!DOCTYPE html> <html lang="en"> <head> <title>D3: Selections</title> ... more


Sunday, 3 March, 2019 UTC

Getting Elements in JavaScript and the DOM

Getting Elements in JavaScript and the DOM

Oftentimes software libraries are created to help fill the shortcomings of a particular language. Libraries like jQuery introduced us to the idea of using CSS selectors to grab elements from the DOM, something that didn’t really exist at the time. Eventually, ... more


Saturday, 2 March, 2019 UTC

Making Progressive Web Apps (PWAs) with React

Making Progressive Web Apps (PWAs) with React

Progressive Web Applications, or PWAs, allow web developers to create web apps that can behave more like native applications. A huge selling point of PWAs is that they can work with poor network connectivity, or even with no connectivity at all! They ... more


Friday, 1 March, 2019 UTC

Ionic 4 and Angular: Tabs

Ionic 4 and Angular: Tabs

Tabs! They’re a stable way to manage multiple views in modern applications. In this article, we’ll be looking at how to use Tabs with Ionic 4. We’ll be using Ionic and Angular for this example, but as Ionic components are standard Web Components, the ... more


Thursday, 28 February, 2019 UTC

Creating a Live Search Feature in React Using Axios

Creating a Live Search Feature in React Using Axios

Axios is a powerful HTTP client that allows to easily implement Ajax requests in a JavaScript app. We’ve covered the basics of using Axios with React here, so you can read that first if Axios or Axios + React is all new to you. In this tutorial we’ll ... more


Wednesday, 27 February, 2019 UTC

Capacitor: Running a Web App on Mobile

Capacitor: Running a Web App on Mobile

Capacitor, a project built by the team behind Ionic, is a great way to take your JavaScript web applications and get them running on iOS, Android, desktop (via Electron) or the web platform. It allows you to access the native device’s SDKs and aims to ... more


Wednesday, 27 February, 2019 UTC

Ionic 4 and React

Ionic 4 and React

Mobile applications built with React typically use React Native for their library of choice. Ionic has a similar mission, but achieves it in a different way. Built with the Stencil Web Component compiler, all of the Ionic components and surrounding plugin ... more


Tuesday, 26 February, 2019 UTC

A Look at Scopes, Context, Object Reference and Instantiation in JavaScript

A Look at Scopes, Context, Object Reference and Instantiation in JavaScript

In this article, I would like to explain some tricky concepts in JavaScript that can get really confusing, depending on where you are in your development journey. Namely, I’ll discuss object references, scopes, context and instantiation in JavaScript. ... more


Friday, 22 February, 2019 UTC

Start Something Amazing with Hackathon Starter

Start Something Amazing with Hackathon Starter

The struggle of the blank page is real. Where does one begin? Do you dive right into building mission critical functionality or do you build a basic login system for the hundredth time? Maybe it’s better to focus on building a killer CI/CD pipeline before ... more


Saturday, 16 February, 2019 UTC

Tough Actin' ReactN

Tough Actin' ReactN

Out of the box, React’s state management is limited to a component’s scope or at the very most, a shared state that requires wiring components together. This lack of a global state is why things like Redux and various other packages exist. New on the ... more


Thursday, 14 February, 2019 UTC

Creating PWAs with Ionic 4

Creating PWAs with Ionic 4

Did you know that 53% of users will abandon a site if it takes longer than 3 seconds to load? Progressive web apps, or PWAs for short, solve this issue by creating faster and more reliable interfaces. This helps to grow engagement and increase conversions. ... more


Wednesday, 13 February, 2019 UTC

Using JavaScript Mixins

Using JavaScript Mixins

When it comes to advanced class composition, JavaScript has quite a number of approaches - a true smorgasbord of options. A type of pattern that is rarely spotted in the wild is the mixin-based inheritance pattern. Mixins are usually skipped by new JavaScript ... more