How To Build a Real-time REST Application with FeathersJS
Introduction Feathers is a minimalistic real-time framework for web applications built over Express. With Feathers, in addition to using middleware, you can get real-time, RESTful services and ORM...
View ArticleHow To Lazy-Load Images with Intersection Observer
Introduction Images take up a high percentage of the size of your website. Some of these images are below the fold, which means they are not seen immediately by the website visitor. They will need to...
View ArticleClik here to view.
How To Install Elasticsearch, Logstash, and Kibana (Elastic Stack) on Ubuntu...
Introduction The Elastic Stack — formerly known as the ELK Stack — is a collection of open-source software produced by Elastic which allows you to search, analyze, and visualize logs generated from any...
View ArticleBuild a Real-Time Markdown Editor with Node.js
Introduction Markdown is a popular text format written in an easy-to-read way and is convertible to HTML. It is a markup format that has been popularized by sites such as GitHub and Stack Overflow....
View ArticleDemystifying ES6 Classes And Prototypal Inheritance
Introduction In the early history of the JavaScript language, a cloud of animosity formed over the lack of a proper syntax for defining classes like in most object-oriented languages. It wasn’t until...
View ArticleClik here to view.
Creating A Laravel 404 Page Using Custom Exception Handlers
Introduction PHP Exceptions are thrown when an unprecedented event or error occurs. As a rule of thumb, an exception should not be used to control the application logic such as if-statements and should...
View ArticleClik here to view.
Deploying a Node App to Digital Ocean
Warning: For the latest information, refer to the documentation for creating 1-Click NodeJS Droplets on DigitalOcean. Introduction There are various platforms that help with deploying Node.js apps to...
View ArticleAll About the Built-In AngularJS Filters
Introduction You may not know this - but AngularJS comes with many handy filters built-in. I see programmers reinventing the wheel and reimplementing functionality that already exists all the time....
View ArticleClik here to view.
Top 10 Podcasts for Web Developers
Introduction A Web Developer’s need to learn never ends, so what better way to take in the latest technologies than listening to a podcast?! You can listen while you drive, clean the house, take a...
View Article3 Useful TypeScript Tips for Angular
Introduction These are the 3 tips I found pretty handy while working with TypeScript: Eliminating the need to import interfaces Making all interface properties optional Stop throwing me an error, I...
View ArticleClik here to view.
VS Code 1.32: Autocomplete in Vue Templates
Introduction The Visual Studio Code 1.32 February update is out now and with it comes some great new features for Vue users. Let’s run through the list of features that are in the new 1.32 update:...
View ArticleBuilding Custom AngularJS Filters
Introduction Not too long ago we took a look at some of the built-in Angular filters. The built-in filters cover many common use cases including formatting dates, currencies, limiting the number of...
View ArticlePretty URLs in AngularJS: Removing the #
Introduction By default, AngularJS will route URLs with a hashtag. For example: http://example.com/ http://example.com/#/about http://example.com/#/contact It is very easy to get clean URLs and remove...
View ArticleClik here to view.
Integrating Social Login in a Ruby on Rails Application
Introduction I remember the old days when people had to register for an account separately on each website. It was a boring and tedious process to repetitively enter the same information over and over...
View ArticleClik here to view.
Using npm as a Build Tool
Introduction Every developer will love this saying “It is hard to build software without using a build tool.” To get rid of the repetitive tasks, we are using build tools. If you think Gulp has killed...
View ArticleClik here to view.
Easy and Fast Emails with Laravel 5.3 Mailables
Introduction Laravel 5.3 has just been released and there are a ton of great new features. One of the major improvements is in how you send mail in your applications. Let’s take a look at sending...
View ArticleClik here to view.
Make A Real-Time Chat Room Using Node Webkit, Socket.io, and MEAN
Introduction Development folks work tirelessly to make building programs as easy as possible. The JavaScript, Web, and Mobile app developers communities have increased drastically since Node and...
View ArticleClik here to view.
Using Angular 2's Model-Driven Forms with FormGroup and FormControl
Introduction There are two ways to build forms in Angular 2, namely template-driven and model-driven. In this article, we will learn about building model-driven form with validation using the latest...
View ArticleSingle Page Apps with AngularJS Routing and Templating
Introduction Single-page apps are becoming increasingly popular. Sites that mimic the single-page app behavior are able to provide the feel of a phone/tablet application. Angular helps to create...
View ArticleClik here to view.
How to Log Client-Side JavaScript Errors
Introduction Over the last few years, browsers got some superpowers. They evolved from simple viewers for HTML & CSS to platforms executing our beloved web applications. This is opening the doors...
View ArticleCreate a Globally Available Custom Pipe in Angular 2
Introduction In this tutorial, we will learn about what is pipe, how to build a custom pipe, how to make the pipe available application-wide. Live example here in plnkr. Default Pipe Angular 2 comes...
View ArticleGoogle Material Design Input Boxes in CSS3
Introduction Google Material Design is all the rage right now. With Google announcing the new design philosophy and using Polymer to create rich animated applications, many developers are starting to...
View ArticleMake Material Design Websites with the Materialize CSS Framework
Introduction Materialize is a Responsive CSS Framework based on Google’s Material Design Language. In this tutorial I will explain what material design is and then we will build a portfolio website...
View ArticleClik here to view.
Build a RESTful API with Flask – The TDD Way: Part 2
Introduction In Part 1 of this series, we learned how to create a RESTful API the TDD way. We covered writing tests and learned a lot about Flask. If you haven’t read Part 1, please do because this...
View ArticleClik here to view.
Write React Faster with Simple React Snippets
Introduction I’m a big fan of speeding up every part of your development. If you shave off seconds here and there multiple times a day, you’ll save a ton of time over the course of a year. This...
View ArticleClik here to view.
Comparing Node.js to Go
Introduction The approach of this article is this: You are a seasoned Node.js developer and are looking to learn a new language, but you don’t want to go deep, just see how things compare with your...
View Article11 Great Icon Fonts for Your Projects
Introduction Icon fonts are great tools for building applications and websites nowadays. They have a great many benefits over fixed-sized icons like: infinitely scalable stylable with CSS (change size,...
View ArticleClik here to view.
Build a Single Page Time Tracking App with Vue.js: Introduction
Introduction Vue.js is simple. It is so simple that people often dismiss it as only suitable for small projects. While it is true the Vue.js core is just a view layer library, there are in fact a...
View ArticleError handling in React 16 using Error Boundaries
Introduction If you have built a React app at any point in your programming career, you probably have experienced an error at some point that was cryptic and did not provide any meaningful context on...
View ArticleClik here to view.
Build a Custom JavaScript Scrollspy Navigation
Introduction The content of an HTML document can be very long and difficult to access only through the scroll. Because of this arduous task, developers often use internal links (page jumps) as an...
View ArticleResponsive Carousel Component with Angular 2
Note: Updates: March 22, 2016: Provided a Demo Link which is available on Plunker March 21, 2016: Updated a poorly formatted markdown. A { instead of a [ for a link. Introduction The web is growing....
View ArticleUnderstanding Laravel Middleware
Introduction HTTP Middlewares provide a convenient mechanism for filtering HTTP requests entering your application. Laravel, for example, has a middleware for verifying a user’s authentication. Some...
View ArticleDisplay Time Relatively in Angular
Warning: Moment.js is no longer actively maintained. And ngx-moment has replaced angular-moment. Introduction Displaying time relatively has become popular in the past few years. This can be seen...
View ArticleClik here to view.
Build a RESTful JSON API With Rails 5 - Part Three
Note: Part one of a three-part series. Build a RESTful JSON API With Rails 5 - Part One Build a RESTful JSON API With Rails 5 - Part Two Build a RESTful JSON API With Rails 5 - Part Three Introduction...
View ArticleGet Beautiful Syntax Highlighting For Your Website Code with PrismJS
Introduction For websites like ours, code blocks and pre tags are necessities. Making these code blocks look good and function well is a big part of having your tutorial or example understood and...
View ArticleUsing Parcel In A Vue.js App
Introduction When it comes to bundler, Webpack seems to be the de-facto bundler within the Vue.js community. In this tutorial, I will be showing you how to use Parcel in a Vue.js application completely...
View ArticleA Quick Guide to Using LiveReload with Gulp
Introduction Tired of having to refresh your browser every single time you make changes to your LESS/SASS/CSS files? This article will take you step-by-step to getting LiveReload integrated in your...
View ArticleClik here to view.
Build A Media Library with React, Redux, and Redux-saga - Part 1
Introduction Building applications with React can be overwhelming even after you’ve understood the elegant philosophy behind it. More so, managing large applications with React can be confusing at...
View ArticleHow to Setup GitLab on a DigitalOcean Droplet
Warning: For the latest information, refer to the documentation for installing and configuring GitLab or the 1-Click App for GitLab Enterprise Edition. Introduction Okay – GitLab isn’t really your own...
View ArticleClik here to view.
Animating More Elements Along SVG Paths with JavaScript (Part 2)
Introduction In a previous tutorial we introduced a new library that allows us to animate elements along an SVG path called PathSlider. In addition, we put into practice the use of this library and...
View ArticleClik here to view.
Password Strength Meter in AngularJS
Introduction In this tutorial, we would be creating a simple registration form with just fields for fullname, email, and password. We would use zxcvbn to estimate the strength of the password in the...
View ArticleWhat's New In ExpressJS 5.0
Introduction Express 5.0 is currently in the alpha release stage and it will not be quite different from Express 4. While the underlying API remains the same as that of Express 4, you may need to watch...
View ArticleAngularJS SEO with Prerender.io
Introduction AngularJS is an excellent framework for building websites and apps. Built-in routing, data-binding, and directives among other features enable AngularJS to completely handle the front-end...
View ArticleEasy Node Authentication: Linking All Accounts Together
Note: This article is part of our Easy Node Authentication series. Getting Started and Local Authentication Facebook Twitter Google Linking All Accounts Together Upgrading Our “Easy Node...
View ArticleClik here to view.
Best Sublime Text 3 Themes of 2015 and 2016
Introduction Sublime Text is an incredibly powerful editor. Not only does it have a great amount of features, it can also look good. We’ve gone through and looked at the best themes of 2014; let’s have...
View ArticleCSS3 Page Landing Animations
Introduction Today we’ll be looking at ways to spice up when people land on our sites. I just experimented with this a little bit on a personal project, CODE Hearted. You can see the logo and content...
View ArticleClik here to view.
Automate Tasks by Creating Custom Artisan command in Laravel
Introduction Out of the box, Laravel comes installed with a lot of helpful commands available to use in an application. But as your application grows, you might find it time-wasting, performing some...
View ArticleClik here to view.
Using Git Hooks in Your Development Workflow
Introduction Git, a version control system created by Linus Torvalds, author of the Linux kernel, has become one of the most popular version control systems used globally. Certainly, this is because of...
View ArticleClik here to view.
Prevent Errors from Crashing Gulp Watch
Introduction Developers are a lazy bunch. Or at least I assume we are. Because of this reason we tend to build tools that make our work faster. From highly customizable editors to task runners. With...
View ArticleUnderstanding JavaScript Closures: A Practical Approach
Introduction Learning a new language involves a series of steps, whereas its mastery is a product of patience, practice, mistakes, and experience. Some developers will have enough knowledge to deliver...
View Article