“I need an estimate for this feature”

It is likely that no topic garners as much interest and controversy as that of estimating the delivery of software.

Full article

Read More

Puppeteer’ing in Firebase & Google Cloud Functions

Earlier this year, the Google Cloud team announced support for the Node.js 8 runtime in Google App Engine Standard. I had been stoked about this for a while because most of my server work these days happens in Node.

Full article

Read More

Checkbox vs Toggle Switch

Forms provide several controls that make it easier to collect input from users. Using the right control at right place is a challenge while designing forms. A checkbox control has three states: unselected, selected, and indeterminate.

Full article

Read More

Structuring a React Project — a Definitive Guide

React’s ecosystem aims to give users complete control over everything, without being tied to a any particular way of doing things. Still, while some common patterns and conventions have been established recently, one thing that the React community has stayed away from is standardizing a unified project structure.

Full article

Read More

Angular Directive Selectors Can Do More Than You Think!

If you have ever created an Angular directive before, you probably used the brackets ([]) notation as a selector. Most of the time it’s the preferred way, but it’s not a requirement. Actually, you can get pretty creative with the selectors used in your directives.

Full article

Read More

How to Install and Run Chrome OS Without Chromebook

Google Chrome OS is one of the emerging operating systems that’s gaining popularity, primarily due to its growing list of features. Although it was possible to run the Chromium OS (the base version of Chrome OS), on Windows yet it was not possible to run the actual OS.

Full article

Read More

Best Practices For Mobile Form Design

Users can be hesitant to fill out forms. That is why it is our goal as designers to make the process of filling out a form as easy as possible. Nick shares some techniques that can help you design effective forms. (This article is kindly sponsored by Adobe.

Full article

Read More

10 Ways to Misuse Angular

Co-written with Varun Vachhar. Any chainsaw that can cut down a tree can also take off a leg if used carelessly. Equally, any framework as powerful as Angular will inevitably contain traps for the unwary.

Full article

Read More

Using feature detection to write CSS with cross-browser support

In early 2017, I presented a couple of workshops on the topic of CSS feature detection, titled CSS Feature Detection in 2017. A friend of mine, Justin Slack from New Media Labs, recently sent me a link to the phenomenal Feature Query Manager extension (available for both Chrome and Firefox), by Nigerian developer Ire Aderinokun. This seemed to be a perfect addition to my workshop material on the subject.

Full article

Read More

How I recorded user behaviour on my competitor’s websites

Google’s team has tracked down my test site, most likely using the source code I shared and de-indexed the whole domain. Last time I publicly exposed a flaw, Google issued a manual penalty and devalued a single offending page. This time, there is no notice in Search Console.

Full article

Read More

How to Mash Up BLE, NodeJS, and MQTT to Get Internet of Things

We’re living in the world of connected devices. It has never been easier to roll your own and implement the functionality you actually want, rather than live with the lowest common denominator that the manufacture chose.

Full article

Read More

Vue.js Tutorial: An Example to Build and Prerender an SEO-Friendly Site

In a rush? Skip to tutorial steps or GitHub repo & live demo. Our product manager was pissed off. The crumbling app he was trying to pull data from was... disastrous.

Full article

Read More

Web Performance Made Easy: Google I/O 2018 edition

We've been pretty busy over the past year trying to figure out how to make the Web faster and more performant. This led to new tools, approaches and libraries that we’d like share with you in this article.

Full article

Read More

What exactly is Node.js?

Node.js is a JavaScript run-time environment. Sounds great, but what does that mean? How does that work? The Node run-time environment includes everything you need to execute a program written in JavaScript.

Full article

Read More

Testing Angular with Jasmine and Karma (Part 1)

In this tutorial we will be building and testing an employee directory for a fictional company. This directory will have a view to show all of our users along with another view to serve as a profile page for individual users.

Full article

Read More

The Easiest Way To Customize Bootstrap

Bootstrap 4 has a huge number of customization options that control nearly every aspect the framework - from major changes like the size of the grid, to tiny details such as the progress bar colors.

Full article

Read More

CSS and PWAs: Some Tips for Building Progressive Web Apps

The latest iteration of all of this is the progressive web app (PWA). A PWA is a software platform that aims to combine the best of both the Web and the native experience for website/app users. In this article on CSS and PWAs, we’re going to discuss a number of techniques that can be used when creating the CSS required for the development of PWAs.

Full article

Read More

10 Things You Will Eventually Learn About JavaScript Projects

JavaScript is an adventure. After almost a decade of both amateur and professional development in various industries, I believe everybody would agree on this one statement.

Full article

Read More

Building CLI Applications with NodeJS

As a developer, chances are you spend most of your time in your terminal, typing in commands to help you get around some tasks.

Full article

Read More

Want to learn Bootstrap 4? Here’s our free 10-part course. Happy Easter!

Bootstrap 4 represents a complete rewrite of the entire library, and it brings with it several new features and concepts to wrap your head around. So it can feel overwhelming to jump head-first into the documentation in order to learn it.

Full article

Read More

Build a Reusable Component with Angular Elements

Code reuse can be significant in any software project. By reusing code, developers can drastically cut development and maintenance time for software projects. This is the reason that every framework for developing software has a way to encapsulate functionality and reuse it.

Full article

Read More

How To Create an Instagram Bot With Node.js

As the news broke about Instagram hitting one billion monthly active users, I couldn’t help but create an account of my own and try to win myself some following.

Full article

Read More

NestJS as an Ionic 4 Backend

Back to my blog for a long time. Now take a small touch to NestJS. Yes, if you familiar with Ionic 2, 3 (and now Ionic 4 for Angular) you should take a look at NestJS, I think it’s a cool thing for Angular’s man.

Full article

Read More

Testing Components in React Using Jest and Enzyme

This is the second part of the series on Testing Components in React. If you have prior experience with Jest, you can skip ahead and use the GitHub code as a starting point.  In the previous article, we covered the basic principles and ideas behind test-driven development.

Full article

Read More

Resources I Used to Teach Myself Blockchain Development

I started investing in cryptocurrencies last year, and just kept going down the blockchain rabbit hole from there. Where I live especially, much of the blockchain community is focused on things like trading and investing in cryptocurrencies.

Full article

Read More

The most important lessons I’ve learned after a year of working with React

Starting out with a new technology can be quite troublesome. You usually find yourself in a sea of tutorials and articles, followed by millions of personal opinions. And every single one states that they found the “right and perfect way.”

Full article

Read More

A quick guide to squashing Git commits

Let's get one thing out of the way first: rewriting Git history just for the sake of having a pretty tree, especially with public repositories, is generally not advisable.

Full article

Read More

Angular Console — The UI for the Angular CLI

Today we are happy to announce Angular Console — the UI for the Angular CLI. Angular CLI transformed the Angular ecosystem. We no longer have to spend time maintaining our webpack configurations, figuring out how to make tests run, fixing source maps — the CLI does this for us.

Full article

Read More

10 Priceless Resources for JavaScript Learners

A career in software means a dedication to lifetime learning. We’re all learning to code, whether we just started, or we’ve been at it for years. I’ve built up a valuable collection of resources for people who are learning to code, or interested in deepening their understanding.

Full article

Read More

16 JavaScript Libraries for Creating Beautiful Charts

It is 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.

Full article

Read More

Why Small Teams Win And Bigger Ones Fail

We live in a world of abundance which in the end has a negative consequence on our way of thinking. And in the business world, we become cluttered in the need for more. More people, more resources, bigger offices, more products, more features — it’s a “more and more” era.

Full article

Read More

How to deal with dirty side effects in your pure functional JavaScript

So, you’ve begun to dabble in functional programming. It won’t be long before you come across the concept of pure functions. And, as you go on, you will discover that functional programmers appear to be obsessed with them. “Pure functions let you reason about your code,” they say.

Full article

Read More

Machine Learning in Node.js With TensorFlow.js

TensorFlow.js is a new version of the popular open-source library which brings deep learning to JavaScript. Developers can now define, train, and run machine learning models using the high-level library API.

Full article

Read More

Create & deploy websites in the cloud with the CodeSandbox, Contentful and Netlify trio

Building software products relies heavily on things like your favorite editor or IDE to be productive, it depends on installed dependencies like databases, shell programs or servers to actually run and update your software.

Full article

Read More

We’re under attack! 23+ Node.js security best practices

Web attacks explode these days as security comes to the front of the stage. We’ve compiled over 23 Node.js security best practices (+40 other generic security practices) from all top-ranked articles around the globe. The work here is part of our Node.

Full article

Read More

Walk Through Docker

What is Docker? Docker is the open platform for developers and system admins to build,ship and run distributed application on laptops,VM or cloud.Docker is widely used for operations to run multiple application in containerization form.

Full article

Read More

How we spent 30k USD in Firebase in less than 72 hours

#UnaVacaPorDeLaCalle became the largest crowdfunding campaign in Colombia, collecting 3 times more than the previous record so far in only two days! It also became one of the biggest political crowdfunding campaign in history.

Full article

Read More

Vue CLI 3.0 is here!

Over the past few months, we’ve been working really hard on the next generation of Vue CLI, the standard build toolchain for Vue applications. Today we are thrilled to announce the release of Vue CLI 3.0 and all the exciting features that come with it.

Full article

Read More

Turning an Angular 6 app into a Progressive Web App

This article shows how to add PWA (Progressive Web App) capabilities to your Angular 6 app. (spoil: it’s easy ? ) In the following, we will be using Angular 6 and I suppose that you already have created an Angular app.

Full article

Read More

Setup your own Webpack 4 config for React with Typescript

Webpack has become one of the most important tools for modern web development and yet, it is a blackbox to many developers. In this tutorial, we are going to setup our own basic Webpack 4 configuration from scratch for React with Typescript.

Full article

Read More

Architecture in Angular projects

One year ago, I published Understanding Angular modules (NgModule). This post was focused on a technical point: scope, to know when to import a NgModule. You should read it first, but it didn’t explain how to organize your own modules.

Full article

Read More

Learn How to Setup a CI/CD Pipeline From Scratch

A CI/CD Pipeline implementation, or Continuous Integration/Continuous Deployment, is the backbone of the modern DevOps environment. It bridges the gap between development and operations teams by automating the building, testing, and deployment of applications.

Full article

Read More

Deploy your Create React App with Docker and Ngnix

One of my main frustrations when it comes to Create React App, or really any frontend app that is served statically without a server backing it, is that your routes are now gone. You can access them from inside the app and go from page to page but if you try to access a page directly well…

Full article

Read More

How I gained commit access to Homebrew in 30 minutes

Since the recent NPM, RubyGems, and Gentoo incidents, I’ve become increasingly interested, and concerned, with the potential for package managers to be used in supply chain attacks to distribute malicious software.

Full article

Read More

11 Painful Git Interview Questions You Will Cry On

According to the latest Stack Overflow developer survey, more than 70 percent of developers use Git, making it the most-used VCS in the world. Git is commonly used for both open source and commercial software development, with significant benefits for individuals, teams and businesses.

Full article

Read More

Demo: GitLab + Jira + Jenkins

One of the things we love about GitLab is that while it can replace all your other software development lifecycle tools (no, really); it doesn't have to. Whether you want to rip and replace everything or use it for one or two stages of your workflow, alongside your existing toolset (for now, or forever), we've got you covered.

Full article

Read More

Top JavaScript Frameworks & Topics to Learn in 2017

The popularity of JavaScript has led to a very vibrant ecosystem of technologies, frameworks, and libraries. Along with all the amazing diversity and energy in the ecosystem comes a high degree of confusion for many. What technologies should you care about?

Full article

Read More

Wifi password hacking: Easily Hack WiFi Password Using New WPA/WPA2 flaw

Wifi password hacking has become popular as people are always in search of the free internet. But due to the advancement of technology, cracking passwords have become a difficult task to do. The reason is due to the implementation of WPA/WPA2 (wifi protected access) protocols.

Full article

Read More

Build A Real World Beautiful Web APP with Angular 6 - PART I

Today I am going to show you how to build a real world beautiful weather app that is production ready from scratch starting from design to development all the way to deployment using Adobe XD, Angular 6 & Firebase! I have designed the weather app in latest version of Adobe XD 2018.

Full article

Read More

Presentational and Container Components

There’s a simple pattern I find immensely useful when writing React applications. If you’ve been doing React for a while, you have probably already discovered it. This article explains it well, but I want to add a few more points.

Full article

Read More