Tools & Libraries

Managing Dates and Times Using Moment.js – Website Design Article

Working with dates and times in JavaScript has always been a bit cumbersome. Native date methods are verbose and the API is often inconsistent. That’s why if you ask a date-related question on StackOverflow, you’ll often hear the reply “Use Moment.js”. What Is Moment.js? Moment.js is a Swiss Army knife for working with dates in JavaScript. It allows you to parse, validate, manipulate, and display dates and times using a clean and concise API. In this article I’ll show you…

Read More

Build a JavaScript Command Line Interface (CLI) with Node.js — SitePoint – Website Design Article

As great as Node.js is for “traditional” web applications, its potential uses are far broader. Microservices, REST APIs, tooling, working with the Internet of Things and even desktop applications: it’s got your back. Another area where Node.js is really useful is for building command-line applications — and that’s what we’re going to be doing in this article. We’re going to start by looking at a number of third-party packages designed to help work with the command line, then build a…

Read More

How to Build a News App with Svelte — SitePoint – Website Design Article

Svelte is a new JavaScript UI library that’s similar in many ways to modern UI libraries like React. One important difference is that it doesn’t use the concept of a virtual DOM. In this tutorial, we’ll be introducing Svelte by building a news application inspired by the Daily Planet, a fictional newspaper from the Superman world. About Svelte Svelte makes use of a new approach to building users interfaces. Instead of doing the necessary work in the browser, Svelte shifts…

Read More

Introduction to Vue.js and the Quasar Framework — SitePoint – Website Design Article

In recent years, we’ve seen a proliferation of JavaScript tools and frameworks, such as Angular and React. I remember when I bought a book about Grunt.js: it was already being dropped by developers, who had started using other tools like Gulp, “the streaming build system”. But anyone who jumped on that train was likely to switch again really fast, because webpack came along and replaced them all. But among JavaScript frameworks, one has seen particularly rapid growth in recent years:…

Read More

Introduction to Vue.js and the Quasar Framework — SitePoint – Website Design Article

In recent years, we’ve seen a proliferation of JavaScript tools and frameworks, such as Angular and React. I remember when I bought a book about Grunt.js: it was already being dropped by developers, who had started using other tools like Gulp, “the streaming build system”. But anyone who jumped on that train was likely to switch again really fast, because webpack came along and replaced them all. But among JavaScript frameworks, one has seen particularly rapid growth in recent years:…

Read More

18+ JavaScript Libraries for Creating Beautiful Charts – Website Design Article

It’s practically impossible to imagine any dashboard without graphs and charts. They present complex statistics quickly and effectively. Additionally, a good graph also enhances the overall design of your website. In this article, I’ll show you some of the best JavaScript libraries for graphs and charts. These libraries will help you create beautiful and customizable charts for your future projects. While most of the libraries are free and open source, some of them provide a paid version with additional features.…

Read More

Build a Superhero Database — SitePoint – Website Design Article

Curious about all the buzz surrounding GraphQL, but not quite sure why you should be excited? You’re in the right place! We’ll shed some light on what GraphQL is and give you an opportunity for some hands-on experience. Let’s start by clearing the air and answering the $20,000 question: what is GraphQL? No, it’s not an obscure function on your TI-89. It’s a query language at heart — or query specification more accurately — that can be used to fetch…

Read More

A Beginner’s Guide to npm — the Node Package Manager — SitePoint – Website Design Article

Node.js makes it possible to write applications in JavaScript on the server. It’s built on the V8 JavaScript runtime and written in C++ — so it’s fast. Originally, it was intended as a server environment for applications, but developers started using it to create tools to aid them in local task automation. Since then, a whole new ecosystem of Node-based tools (such as Grunt, Gulp and Webpack) has evolved to transform the face of front-end development. This popular article was…

Read More

How to Build a News App with Ionic 4 & Angular — SitePoint – Website Design Article

In this tutorial we’ll be using Ionic 4 to build a news application that makes use of a third-party news API. Ionic 4 is the latest version of Ionic, a mobile framework originally built on top of Cordova and Angular. Ionic allows users to create hybrid mobile apps with HTML, CSS and JavaScript and their related web technologies. What makes Ionic 4 the best version yet is that it’s now framework agnostic. This means it’s not dependent on Angular anymore,…

Read More

a Minimalist Framework for Creating Universal Vue.js Apps — SitePoint – Website Design Article

Want to learn Vue.js from the ground up? Get an entire collection of Vue books covering fundamentals, projects, tips and tools & more with SitePoint Premium. Join now for just $9/month or try our 7 day free trial. Universal (or Isomorphic) JavaScript is a term that has become very common in the JavaScript community. It’s used to describe JavaScript code that can execute both on the client and the server. Many modern JavaScript frameworks, like Vue.js, are aimed at building…

Read More

How to Build Your First Static Site with Gatsby — SitePoint – Website Design Article

Thinking about getting on the JAMStack bandwagon? If your answer is Yes, then Gatsby, one of the hottest static site generators around, could be just what you’re looking for. JAM stands for JavaScript, APIs, and Markup. In other words, when the dynamic parts of a site or app during the request/response cycle are taken care of by JavaScript in the client, all server-side processes take place using APIs accessed over HTTPS by JavaScript, and templated markup is prebuilt at deploy…

Read More