Tag: jamesh

Learning always takes more time than we'd like. If you’re learning JavaScript, these six mental tricks will help you get there faster.

Learn how to use jQuery's getJSON helper to load JSON-encoded data from a server using a GET HTTP request.

Need to test your React components? Check out Jest, a testing framework by Facebook with some great features that make testing React components a breeze.

You don't need to be working on a fancy, large-scale project to use Webpack. James Hibbard demonstrates how you can use it to bundle a simple static site.

Learn date-fns, a functional date library, and a lightweight alternative to Moment.js. With 130+ functions for all occasions, it's like Lodash for dates.

Learn how the JavaScript function setTimeout() works, how it can be used with other libraries like jQuery, and see examples and links to further reading.

Take advantage of QR codes without the need for a native app. Dmitri and Paul demonstrate how to build a QR code reader using just HTML, CSS and JavaScript.

Yaphi Berhanu creates a JavaScript clock widget to demonstrate how coding your own components (and not using plugins) leads to leaner, more efficient code.

This step-by-step guide will show you how to install npm, and master common commands in the Node Package Manager (npm) command-line interface.

Lukas White takes an in-depth look at DropzoneJS — an extremely configurable JavaScript library that takes that makes dealing with file uploads fun again.

Yaphi and James walk you through making your own simple JavaScript quiz. This is a fun exercise and a great way to learn a variety of coding techniques.

Lukas White and James Hibbard show how to create a simple command-line app that interacts with the GitHub API to initialize Git repositories.

This guide shows how to use the mysql module to connect to your database and perform basic CRUD operations, before moving on to some more advanced uses.

Sort an array of objects in JavaScript dynamically. Learn how to use Array.prototype.sort() and a custom compare function, and avoid the need for a library.

This article, sponsored by New Relic, provides an introduction to the automated task runner, Gulp.js, and shows how it can be used to improve page size.

Michael introduces SimpleWebRTC, showing how to painlessly implement WebRTC in web applications by creating a cross-browser text and video messaging app.

Matt Burnett conducts a whistle-stop tour of ten essential Sublime Text plugins that will make you a happier and more productive JavaScript developer.

Feras Khoursheed introduces you to FuseBox, a lightweight module bundler that serves as a faster, simpler and ultimately more flexible webpack alternative.

Jeff Mott guides you through a step-by-step approach to JavaScript object creation — from object literals to factory functions and ES6 classes.

Samier Saeed walks you through the best way to implement a singleton in JavaScript and examines how that has evolved with the rise of ES6.

Dan Prince demonstrates ten ways you can use native ES6 features (such as arrow functions & collection methods) to replace Lodash in your projects.

Jeff Mott takes an in-depth look at ES6 classes starting with the basics, then moving on to discuss inheritance, encapsulation, polymorphism and much more.

Craig's latest tutorial explains how to use complex-sounding ES6 destructuring assignment shorthand syntax to simplify your code and save typing effort.

Craig describes how to use proxies in ES6 to perform meta-programming operations such as intercepting object property inspections and function calls.

Symbols, a new primitive type, are one of the lesser-known features of ES6. Nonetheless, they can come in quite handy, as Nilson Jacques demonstrates.

Manjunath compares AngularJS and Angular 2+, covering differences and new features including AtScript, improved dependency injection and a brand new router.

Create new Angular 2 applications, scaffold components, run tests, and build for production with Jurgen Van de Moere's guide to Angular CLI

Jurgen Van de Moere takes an existing Angular 2+ app and refactors it into a more modular component architecture, making use of reusable "dumb" components.

George Martsoukos digs into the art of animating Bootstrap carousels with stylish-looking animations using GSAP — the GreenSock Animation Platform.

Michael and James introduce nvm, a handy command-line tool that allows you to install multiple versions of Node.js and switch between them with ease.

Jani Hartikainen gets you started with unit testing your JavaScript — an important, but often overlooked part of development — using Mocha and Chai.

M. David Green demonstrates how you can start thinking functionally in JavaScript, by refactoring some all-too-common imperative code to a functional style.

Are you an Angular dev looking to get started with React? If so, then join Mark Brown for a guided tour of the differences and similarities between the two.

jQuery Form Wizard is a jQuery plugin for creating form wizard or form flow without refreshing your page or webpage. We have listed 6 of them in this post.

Calibre is a fully-automated tool suite for auditing & improving performance. Here's how to use it to detect the impact of running JavaScript on your site.

Camilo Reyes looks at the observer pattern — a handy pattern to use for keeping parts of a page in sync in response to events and the data they provide.

Read Grab Our Free Printable Functional JavaScript Cheat Sheet and learn JavaScript with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more.

Brain Greig shows you how to get up and running with Headless Chrome and demonstrates how to capture screenshots of pages as you use it to navigate a site.

Almir Bijedic demonstrates how to use the Polymer library to create a custom Google Maps component and embed it into a WordPress site as a handy widget.

Nowadays, new features are added to browsers at a rate of knots. Oliver Williams shows how polyfills let you write modern code, which will work everywhere.

Take a step along the path to library-free development & join Giulio Mainardi for look at six native DOM manipulation methods that were inspired by jQuery.

From architecture options to wrapping everything in an Express project, Simon Holmes looks at what you need to consider when planning a MEAN stack app.

Adding social login to your SPA needn't be a difficult task. Graham Cox demonstrates how to easily authenticate your users via Google and Facebook.

Craig Buckler takes a renewed look at why, in 2017, some users might disable JavaScript and asks if progressive enhancement is still worth the effort.

Join Brandon Morelli to learn and understand the basics of callbacks in JavaScript, when they're useful and how to use them.

Graham Cox introduces Cucumber, a framework that runs BDD-style acceptance tests, which can be understood by non-technical people involved in a project.

Creating beautiful charts from custom data sets has never been easier. With the aid of the AnyChart charting library, Roman Lubushkin shows you how.

Functional code is often touted as easier to test. M. David Green examines that claim and demonstrates how to get started testing functional JavaScript.

Ben Edelstein shows how to make redux logging a breeze with LogRocket — a DVR for web apps, that records literally everything that happens on your site.

Camilo Reyes explains the best practices for proper error handling in JavaScript, including how to deal with errors thrown by asynchronous code.

Vildan Softic demonstrates how to structure an Aurelia app to use a React/Redux architecture, without sacrificing the power of Aurelia's two-way binding.

Giulio Mainardi looks at event propagation in JavaScript. He examines event bubbling & capture and shows how they fit into the basic JavaScript event flow.

Mike Cantelon demonstrates various strategies for testing Node applications and offers some handy tips and tricks for debugging failing tests.

Ado Kukic shows how to use Auth0 (a universal identity platform) to add authentication to an API & send authenticated requests to it from an Angular app.

Roman Lubushkin introduces you AnyChart, demonstrating its powerful API and visually appealing chart types by means of 10 easy-to-follow examples.

Albert Senghor shows how to make a sticky navigation menu, similar to the one you find on Medium, that drops back into view as your scroll up the page.

JavaScript is well suited to desktop scripting tasks. James Hibbard looks at how you can leverage JavaScript's power to write your own shell scripts.

Jani Hartikainen looks at testdouble.js (a new mocking library with a streamlined API) and puts it head-to-head with Sinon.js, the JS test double incumbent.

Steve Kinney introduces some tips & tricks for debugging Electron applications and shows how you can use Visual Code to set breakpoints in the main process.

James Kolce shows you how to use Caporal.js — a framework for building command line apps with Node.js — to create your own project scaffolding generator.

Get a solid understanding of the language from first principles, as Tania Rascia explains the basics of JavaScript operators, conditionals and functions.

A recent report indicated that outdated JavaScript dependencies on the web could pose a bigger problem than previously thought. James Hibbard takes a look.

Sebastian Seitz gives you a crash course in DOM manipulation with vanilla JavaScript, abstracting the more verbose parts into a set of helper functions.

Don't let accessibility be an afterthought! Join Manuel Matuzovic for some easy-to-implement tips and tricks to improve users interactions with your site.

Elio Qoshi is joined by Kris Borchers, JS Foundation Executive Director, to talk about the organization's beginnings, current projects and what lies ahead.

What is the best book for learning JavaScript? James Hibbard presents 3 of his favorites, outlining their target audiences & their strengths and weaknesses.

Yaphi Berhanu demonstrates how to plan your web dev projects, making them an iterative process and breaking large problems into small bite-size pieces.

Pavels Jelisejevs introduces React Storybook, demonstrating how it aids collaboration and eases the pain of maintaining the UI components in your projects.

Create beautiful graphics with ease, as Roman Lubushkin introduces you to GraphicsJS, a new and powerful open-source, SVG-based JavaScript drawing library.

The results of our 2017 JavaScript survey are in! James Hibbard takes a look at how you answered and addresses some of the comments raised.

M. David Green uses filtering to limit a data set & chaining to combine the results with map/reduce. The result—clean code that performs complex operations.

Azat Mardan outlines 10 Node.js best practices you should be following in order to level up your Node skills today.

Azat Mardan presents 10 tips, tricks and best practices to help you become a better Node developer in the year ahead.

In the first editorial of 2017, James Hibbard outlines one of his learning goals for the coming year and wants to know  - what are yours? 

Craig Buckler reviews the winners and losers, innovations and trends, challenges and discussion points of JavaScript in 2016.

Julian Motz introduces NW.js, a framework for creating native applications using web technologies like HTML, JavaScript and CSS.

Vildan Softic looks at using Aurelia with Redux to manage state in your Aurelia apps, and in so doing builds a markdown editor with undo/redo functionality.

Christian Heilmann and Rita Zhang look at the benefits of releasing your code as an open source project, as well as the pitfalls to avoid.

Rob Eisenberg takes a look at the future of Aurelia, from tooling to server-side rendering to a look at Aurelia UX, Aurelia's open source sister framework.

Yaphi Berhanu explains why trying to learn JavaScript by working on projects can be misguided, and offers tips on a better approach.

What does open source mean to you? James Hibbard attempts to answer this question in the run up to SitePoint's open source week.

This article on jQuery tables runs through a selection of jQuery-powered plugins to create, extend or enhance your tables. These plugins range in their scope from light restyling to fully feature-packed solutions.

From autocompletion to locking down your dependencies, Craig Buckler shares 10 npm tips and tricks that are guaranteed to make you a ninja. Heeeeyah!

James Wright introduces you to the Web Audio API and demonstrates how to add notification sounds to a user interface in an bandwidth-friendly manner.

Jedd Ahyoung demonstrates how to combine the power of PDF.js and the Aurelia framework to create a custom PDF viewer with two way data binding.

In 2016, is it acceptable to build a website that doesn't work without JavaScript? Join James Hibbard to find out the answer.

James Hibbard demonstrates how to open a modal window with a time delay — a potentially useful technique to highlight a call to action on your site.

With the aid of seven comprehensive demos, Mark Brown introduces you to Choo — a fun new framework for building single page apps in a functional manner.

Jeremy Wilken takes a high-level look at Angular 1.5 components, from design principles, to application architecture with a lot more in between.

Moritz Kröger discusses his experiences of using Redux without React — the problems  faced, the solutions attempted and the lessons learned along the way.

In this tutorial Dudley Storey introduces you to the Web Animations API, which lets you construct animations and control their playback with JavaScript. 

James Hibbard asks how you stay relevant in this fast-paced industry and suggests an altruistic method of keeping your skill set up-to-date.

Behrooz Kamali takes an in-depth look at elasticsearch — a scalable, high-performance search engine — demonstrating how to integrate it into a Node project.

Learning never stops, so how do you keep up in this fast paced industry? Tim Severien shows how simple, fun experiments are the gateway to self-improvement.

Pavels Jelisejevs introduces ESLint, a highly configurable tool which analyses your code and highlights (or optionally fixes) any bugs or issues it finds.

Paul Wilkins demonstrates various JavaScript refactoring techniques to make your code more generic & strike the balance between readability and reusability.

Jack Rometty takes you on a tour of Chart.js 2.0 and its various chart types. He includes plenty of easy-to-follow examples to drop in to your next project.

How do you start a new web design project? Do you reach for the tools that make you productive, or the latest shiny JavaScript framework?

Mark Brown explains why he uses the Standard JS style guide & how a JavaScript style guide can help reduce friction when working as part of a team.

Dan Prince looks at factory functions in JavaScript, examining the different types, their use cases & how they allow us to separate data from computations.