Write in Google Docs, Publish in WordPress. Here’s how.

Google Docs is the go-to document creation tool for both teams and individuals. It offers advanced collaboration and editing tools for free and without any limitations. However, when it comes to moving the document from Google Docs to your WordPress website, it doesn’t play very well.

Full article

Read More

Understanding Scope in JavaScript

Scope is an important, yet ambiguous concept in JavaScript. Used correctly, it allows you to leverage good design patterns and helps you avoid bad side effects. In this article, we will dissect the different types of scope in JavaScript and how they work deep down in order to write better code.

Full article

Read More

React Crash Course for Beginners, Part 1

In this tutorial series we'll dive right into using React as we build a fully working app to display a gallery of movies. Learning how to build an app from scratch is a great opportunity to practise using all the key features of React whilst levelling up your development skills.

Full article

Read More

Asynchronous Chat With Rails and ActionCable

Rails 5 has introduced many new cool features and ActionCable is probably the most anticipated one. To put it simply, ActionCable is a framework for real-time configuration over web sockets.

Full article

Read More

Set Up a React Environment, Part 4

React has been known in the past for being difficult to get started creating apps, as you really had to understand how to configure build tools manually. This is even before you write a single line of React code.

Full article

Read More

Get Sheet Done — using Google Spreadsheets as your data backend

If you want to rapidly prototype your next web apps, try using Google Spreadsheets as your data backend. With a small library I created called get-sheet-done, you can have a free cloud database with GUI editor up and running in less than 5 minutes.

Full article

Read More

The anatomy of a Bootstrap dashboard that earns $1,000s each month

We at Creative Tim have always wanted to deliver great tools to all the web developers who are using our products. If you want to read more about how we’ve built our business and what is our drive, you can check this article: Growing a side project into a $17,000 month business.

Full article

Read More

Is Success Down To The Quality Of Your Work?

One of the biggest fallacies of our industry is that good work speaks for itself. It is a self-delusional lie that those with a good reputation tell themselves to explain their success. I will let you in on a secret; I am not that amazing at my job. Don’t get me wrong; I am good.

Full article

Read More

Set Up a React Environment, Part 3

Throughout the rest of this tutorial series, we'll focus on setting up React locally. The first of these approaches is similar to CodePen, where the React scripts were inserted dynamically into your HTML file, before being rendered in the output window.

Full article

Read More

Angular 1.6's Possibly unhandled rejection errors

If you’ve updated to AngularJS 1.6.x, kudos! There’s not much that’s needed to get an app running with 1.5 to work with 1.6. But, a very common error that starts appearing in people’s consoles after this upgrade is the dreaded..

Full article

Read More

JavaScript Scope and Closures

Scopes and closures are important in JavaScript. But, they were confusing for me when I first started. Here's an explanation of scopes and closures to help you understand what they are. Let's start with scopes.

Full article

Read More

Build a Rotten Tomatoes Clone with GraphQL and Auth0

TL;DR: In this tutorial, we'll cover how to build a slim clone of the popular Rotten Tomatoes app. GraphQL, the query language for APIs created by Facebook will play a role in building the backend for this app and we'll use React and Apollo.

Full article

Read More

Set Up a React Environment, Part 2

If you are new to React then, understandably, you just want to get coding, and play around with some simple components to see how React works. You really don't want to have to wade through a lengthy setup process in the first instance.

Full article

Read More

Create Zip Files with JavaScript

While we're doing amazing things with JavaScript on the server side, it's important not to take our eyes off of some of the great stuff happening on the client side.

Full article

Read More

Getting started with Puppeteer and Chrome Headless for Web Scrapping

For sure, Chrome being the market leader in web browsing, Chrome Headless is going to be industry leader in Automated Testing of web applications. So, I have put together this starter guide on how to get started with Web Scrapping in Chrome Headless.

Full article

Read More

Set Up a React Environment, Part 1

React is a JavaScript library for building user interfaces (UI). It's maintained and developed by Facebook, and is one of the most popular tools for creating web apps today. However, it's had a bit of a reputation for not being very user friendly to set up a React app, particularly for beginners.

Full article

Read More

Implementing GraphQL Using Apollo On an Express Server

GraphQL is a data query language for APIs and runtime, a specification that defines a communication protocol between a client and server. At its core, GraphQL enables flexible, client-driven application development in a strongly typed environment.

Full article

Read More

CSS Architecture and the Three Pillars of Maintainable CSS

If you have ever inherited bad CSS with the obligation of maintaining it, you might have felt some empathy towards others who would maintain your code in the future. In extreme cases, developers have no other choice, but to completely rewrite the CSS of an application.

Full article

Read More

Struggling to Find Great Senior JavaScript Developers? Mentorship is the Answer

The more I study the impact of mentorship on the teams we work with, the more I’m blown away by the magnitude of change it produces. The cost of mentorship increases on a linear scale with time, but the impact of mentorship increases on an exponential scale, with compounding productivity returns orders-of-magnitude greater than the time and money invested.

Full article

Read More

Explaining React's license

A few weeks ago, the Apache Software Foundation (the ASF) made a decision to list the BSD + Patents license as a Category-X license. This move affects users of much of Facebook's open source software, but especially the popular React project and the constellation of projects around it.

Full article

Read More

A crash course on testing with Node.js

JavaScript is a beautiful language. You must believe I’m crazy. Maybe you’re crazy for agreeing with me. But why would I say something like this? As a language, JavaScript gives you no support whatsoever.

Full article

Read More

Building a Blog With Next.js and styled-components

Next.js is an awesome new framework for building universal React applications. In simple terms, that means you can use React to render templates on the server, as well front-end components the way you’re most likely used to.

Full article

Read More

Ionic 3 Consuming REST API using New Angular 4.3 HttpClient

This tutorial aims to simplified consuming REST API on Ionic 3 mobile apps using the new Angular 4.3 HttpClient. You can compare this new way of accessing or consuming REST API with the previous way on Angular 2 or 4.

Full article

Read More

A 120 Days Plan to Become a Better Developer #120DaysBetterDev

Since I made an intensive plan for myself to level up and ace technical coding interviews, I decided to share it with you. Sometimes you just need to see the plan unfold to get started, so I’ll be happy if it can be of use to anyone.

Full article

Read More

Firebase: 5 way-too-common misconceptions

I’ve been reading a lot of online commentary recently about Firebase. Mostly — it must be pointed out — written by developers who hate Firebase. You can almost hear the little veins standing out on their foreheads.

Full article

Read More

Preloading ngrx/store with Route Guards

Using ngrx/store (and some love for ngrx/effects) is definitely a great step for my productivity when managing state in Angular, and I want to share a small setup that’ll allow you to preload data as normal with a Route Guard.

Full article

Read More

How to Use Tor With a VPN: Tutorial to Install IPVanish

Tor is an anonymity network that spans the globe and works to ensure that its users are protected from censorship, detection and invasion of privacy. Its current name is derived from “The Onion Router”, which was its original project name.

Full article

Read More

UP: deploy serverless apps in seconds

Last year I wrote Blueprints for Up, describing how most of the building blocks are available to create a great serverless experience on AWS with minimal effort. This post talks about the initial alpha release of Up.

Full article

Read More

How Machines Learn: A Practical Guide

You may have heard about machine learning from interesting applications like spam filtering, optical character recognition, and computer vision. Getting started with machine learning is long process that involves going through several resources.

Full article

Read More

How do you separate components?

There is nothing inherently wrong with having large components in a React app. In fact, for stateful components, it is absolutely expected that they’ll have a bit of size. The thing about state is that it generally doesn’t decompose very well.

Full article

Read More

5 laws every developer should know

Laws - or principles - can give us guidance and teach us lessons from our peers’ mistakes. In this article, I will introduce you to five laws I always have in the back of my mind when designing or implementing a software.

Full article

Read More

10 JavaScript concepts you need to know for interviews

There are thousands of people learning JavaScript and web development in the hopes of getting a job. Often, self-learning leaves gaps in people’s understanding of the JavaScript language itself. It’s actually surprising how little of the language is needed to make complex web pages.

Full article

Read More

Create Advanced Components in Angular

In this article, we are going to learn how to create a dynamic component that uses ng-content. We are going to learn advanced techniques like how to create an injector and passing TemplateRef or a Component as content. To demonstrate all this, we will create a tooltip.

Full article

Read More

Javascript ES6 — Exploring the New Built-In Methods

Amongst the new features released with the new ES6 standard in Javascript are a bounty of new built-in methods. These new methods aim to simplify and standardize some familiar scenarios that developers encounter when working with JS data types like Numbers, Strings, Object and Arrays.

Full article

Read More

Catch bugs systematically: how to build a GitLab CI testing pipeline in 4 steps

Your first app is a hit the day it’s launched. But one week later, you realize that it has no retention. You discover that this is because whenever a user clicks the “send” button, their comments get posted twice. The bug was so minor, but it killed your momentum. But that’s okay.

Full article

Read More

Docker Swarm vs Kubernetes: Pros and Cons

Have you ever found yourself stuck choosing between Docker vs. Kubernetes? Well, if you did, then you are not the only one. Both of them are excellent container services, and the choice heavily depends upon your requirements or your team.

Full article

Read More

Increase your web development skill-set: 150 animated tips on Chrome DevTools

I’ve published over 150 animated gifs which showcase how to use Chrome DevTools — as part of my Dev Tips newsletter. For most tips, you can fully grasp the feature in less than 30 seconds. I also provide a text based alternative if you want to read more about it.

Full article

Read More

The 18 Best IFTTT Applets To Automate Your Life

IFTTT stands for If This Then That. It is a familiar nomenclature if you are in to coding. It’s how we teach computers how to make decisions. IFTTT takes that idea applies it to open APIs.

Full article

Read More

Converting from Speech to Text with JavaScript

In this tutorial we are going to experiment with the Web Speech API. It's a very powerful browser interface that allows you to record human speech and convert it into text. We will also use it to do the opposite - reading out strings in a human-like voice. Let's jump right in!

Full article

Read More

My Docker Cheat Sheet

I’ve been using Docker for years now, in my previous professional experiences and for my company (eralabs.io) customers and I wanted to share my knowledge, and that’s why I started Painless Docker Course.

Full article

Read More

How Do I Download an Entire Website for Offline Reading?

Even though WiFi is everywhere these days, you will find yourself without it from time to time. And when you do, there may be certain websites you wish you could access while offline — perhaps for research, entertainment, or posterity.

Full article

Read More

Implementing Push Notifications: Setting Up & Firebase

You know those the little notification windows that pop up in the top right (Mac) or bottom right (Windows) corner when, for example, a new article on our favorite blog or a new video on YouTube was uploaded? Those are push notifications.

Full article

Read More

YOLO: Real-Time Object Detection

You only look once (YOLO) is a state-of-the-art, real-time object detection system. On a Titan X it processes images at 40-90 FPS and has a mAP on VOC 2007 of 78.6% and a mAP of 48.1% on COCO test-dev. Prior detection systems repurpose classifiers or localizers to perform detection.

Full article

Read More

Using Chart.js in Angular With ng2-charts

Chart.js is a popular JavaScript charting library and ng2-charts is a wrapper for Angular 2+ that makes it easy to integrate Chart.js in Angular. Let’s go over the basic usage. This sets the base type of the chart. The value can be pie, doughnut, bar, line, polarArea, radar or horizontalBar.

Full article

Read More

Angular TDD – Creating a component

In this blogpost, I will explain how to create an Angular component using TDD and show how it affects the code coverage report. This blogpost assumes the following has been installed on your machine.

Full article

Read More

Image Optimization in Advanced Web Development

Web-quality imagery is always a balancing act between using the smallest possible file size while providing good image quality.

Full article

Read More

I built a chatbot in 2 hours and this is what I learned

We spend about 5 hours on our smartphones every day as per this study from Flurry. Not only is this statistic surprising in its own right, about 65% of this time is spent on communication related activities like social media, texting, emailing and phone calls. That’s 3 hours and 15 minutes. Every.

Full article

Read More

Realtime Server Monitoring App with Angular 4 , Node.js & Chart.js

This article will show you how to build a very simple monitor that allows you to observe some OS parameters, such as free memory available. We will be using Node.js, Angular 4, and Chart.js – and all you need is Angular IDE.

Full article

Read More

How to Add Multiple Instant App Features to Your App

In this three-part series we’ve been exploring Android instant apps, a new feature that provides an entirely new way of reaching users who don’t currently have your app installed on their device.

Full article

Read More

Building a RESTful API With Koa and Postgres

In this tutorial, you’ll learn how to develop a RESTful API with Koa 2 and Postgres. You’ll also be taking advantage of async/await functions, from ES2017, and test driven development (TDD). This tutorial requires Node v7.6.0 or greater.

Full article

Read More