Understanding CSS Writing Methodologies

In this post we’re going to see what CSS writing methodologies are, some well known methodologies, and how they can be useful to us in optimizing our CSS code. Let’s start with the simplest question to get the ball rolling. What is a methodology?

Full article

Read More

You’re Doing Feedback All Wrong

Managers are expected to give feedback. It goes with the responsibility of leading a team of employees. The idea is that by giving compliments and constructive criticism, they will correct errors and improve the performance of their employees. If they do this task well, their teams will excel.

Full article

Read More

Sass Best Practices: Tips And Tools For Developers

Much like how jQuery revolutionized vanilla JavaScript, Sass has revolutionized vanilla CSS. Most developers who learn Sass agree that they’d never want to go back. Many also agree that the biggest problem with new developers is the way they use Sass, not Sass itself.

Full article

Read More

Customizing Angular CLI 6 build — an alternative to ng eject

So your Angular 6 project just went a bit beyond TODO app and you have to customize your build configuration. The question is how? In Angular CLI 1.x (Angular 5) you had ng eject command for this, which was ejecting the whole underlying webpack configuration and allowing you to modify it as you please.

Full article

Read More

Reasons to Love Jest: The Test Framework

We had Tape, Mocha, Ava, and now Jest. Let’s see what this is all about! What new app am I going to build today? I need something to write some Jest tests for...

Full article

Read More

Building A Node.js Express API To Convert Markdown To HTML

Markdown is a lightweight text markup language that allows the marked text to be converted to various formats. The original goal of creating Markdown was of enabling people “to write using an easy-to-read and easy-to-write plain text format” and to optionally convert it to structurally valid XHTML (or HTML).

Full article

Read More

The CSS Handbook: a handy guide to CSS for developers

CSS is often quickly dismissed as an easy thing to learn by developers, or one thing you just pick up when you need to quickly style a page or app. Due to this reason, it’s often learned on-the-fly, or we learn things in isolation right when we have to use them.

Full article

Read More

Wrap a Vanilla JavaScript Package for Use in React

Complex web projects often require the use of 3rd party widgets. But what if you're using a framework while a widget is only available in pure JavaScript? To use a JavaScript widget in your project, the best approach would be to create a framework specific wrapper.

Full article

Read More

An Introduction To Storybook: Organize How You Build JS Components

What is Storybook? Storybook is an open source tool for developing UI components in isolation and it integrates pretty well with most front end frameworks including React, Vue, and Angular and a host of other frameworks.

Full article

Read More

How to Detect Hidden Surveillance Cameras With Your Phone

A family recently discovered a rude surprise at their Airbnb: a hidden camera disguised as a smoke detector in the living room. Here are two ways to check for cameras—in an Airbnb or elsewhere—using only an iPhone or Android phone.

Full article

Read More

Make Browsing GitHub Easier and Faster with Octotree

GitHub is an amazing tool that many of us developers use on a daily basis. While GitHub has many great features, one thing that I've always found it to lack is browsing speed. They've got keyboard shortcuts to get to the search bar (/) but it still isn't the easiest.

Full article

Read More

The Ways to Use React

Before we can jump into learning more about the specifics of React, it's important to talk about all the ways we can use React. This will give us a good mental overview to see how React can be added to any project. In a nutshell, it comes down to the following:

Full article

Read More

The tools and resources that landed me a front-end developer job

Learning front-end development can be a bit overwhelming at times. There are so many resources and tools, and so little time. What should you pick? And what should you focus on? In my previous article How I switched careers and got a developer job in 10 months, I talked about my journey.

Full article

Read More

How to use React.lazy and Suspense for components lazy loading

React 16.6 brought code-splitting to a new level. You can now load your components when it’s really needed without installing additional libraries. Another way to say: “loading on demand or in parallel” is lazy-loading.Opposite of lazy-loading is eager-loading.

Full article

Read More

How to Use Chart.js to Beautifully & Easily Make JavaScript Charts

Chart.js is a JavaScript tool which allows you to generate charts for a webpage. It is an approachable way to create beautiful charts with little effort. Due to the good examples and solid documentation, it won’t take long to get your data on the page. It also seems to be widely adopted.

Full article

Read More

Redis vs. MySQL Benchmarks

In this article, we will be discussing the performance benchmarks of Redis and MySQL. To begin with, we will start with the introduction and installation of Redis on an Ubuntu machine. Then we will move towards the benchmarking between these two.

Full article

Read More

The 2019 Web Developer RoadMap

Hello Guys, I hope you are doing great in 2019. I am sure you all have already made your goals by now and thinking about how to achieve those goals. If one of your goals is to learn to code or to become a Web Developer in 2019 then I have something great to share with you today, the 2019 Web Developer RoadMap.

Full article

Read More

Beyond Create React App: React Router, Redux Saga, and More

Learn how to scaffold a React Single-Page Application with some sensible and opinionated defaults. Today, you will learn how to scaffold a React Single-Page Application (SPA) with some sensible and opinionated defaults.

Full article

Read More

How to clone an array in JavaScript

JavaScript has many ways to do anything. I’ve written on 10 Ways to Write pipe/compose in JavaScript, and now we’re doing arrays. Ever since ES6 dropped, this has been the most popular method.

Full article

Read More

How to Build a News App with Ionic 4 & Angular

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.

Full article

Read More

Front-end Developer Handbook 2019

This is a guide that everyone can use to learn about the practice of front-end development. It broadly outlines and discusses the practice of front-end engineering: how to learn it and what tools are used when practicing it in 2019.

Full article

Read More

How to install Nextcloud on Raspberry Pi

NextCloud is an excellent, open source server application that gives users the ability to get a Dropbox-like file-syncing experience on a home server. The software is built to be lean, and run on nearly anything, which makes it perfect to use on the Raspberry Pi.

Full article

Read More

“Who the Fuck Am I?”: The Ultimate Guide to Personal Values

For the last few years, I’ve had an idea for a satirical self-help article called, “The Productivity Secrets of Adolf Hitler.” The article would feature all the popular self-help tropes—goals, visualizations, morning routines—except expressed through the exploits of Hitler.

Full article

Read More

The Best React Extension for VS Code

When working with React, there's lots of code that gets repeated over and over....and over and over again. Eventually, you start to think, "there's got to be a better way". Don't worry, there is! In this article we will look at the ES7 React/Redux/GraphQL/React-Native snippets** **extension.

Full article

Read More

Stack Overflow Developer Survey 2019

Each month, about 50 million people visit Stack Overflow to learn, share, and build their careers. We estimate that 21 million of these people are professional developers and university-level students.

Full article

Read More

How to understand a component’s lifecycle methods in ReactJS

In this article, we are going to explore the lifecycle methods of ReactJS. But, before moving ahead to React’s different lifecycle methods, we should understand what it is. As we know, everything in this world follows a cycle (say humans or trees). We are born, grow, and then die.

Full article

Read More

Tips & Tricks for Gatsby

For some time now I've been trying to publish quick tips about Gatsby on Twitter, because the community loves such short, useful tips. Accordingly, I had already created a Twitter moment back then - but why only content from me? On January 6th of this year I also called the community to share their quick tips (with great success).

Full article

Read More

The key to loving your job in the age of burnout

In 2009, two US professors set out to study zookeepers and aquarium workers in an effort to discover what kept them motivated at work. The results pointed to an overwhelming similarity: The keepers gained a deep sense of meaning from their jobs.

Full article

Read More

What you should know about JavaScript arrays

Let me make a bold statement: for loops are often useless and make the code hard to read. When it comes to iterating over an array, finding elements, sorting it or whatever you want, there’s probably an array method out there that you can use.

Full article

Read More

Trunk-based Development vs. Git Flow

In order to develop quality software, we need to be able to track all changes and reverse them if necessary. Version control systems fill that role by tracking project history and helping to merge changes made by multiple people. They greatly speed up work and give us the ability to find bugs more easily.

Full article

Read More

Functional Programming with JavaScript in 3 Steps

Functional programming has its roots in lambda calculus, a mathematical concept dating back to the 1930s. That might sound daunting, but it’s really not. Without going into the mathematical theory, these principles will introduce you to some of the wonders of functional programming and its benefits for your software.

Full article

Read More

How to Start Flying with Angular and NgRx

One of the biggest challenges with any application is managing data. In the world of Angular, there are a lot of patterns to follow to manage your application. These typically involve using decorators like Input and Output, or things like RxJs Observables to watch for data changes.

Full article

Read More

Reduce, Reduce, Reduce

After my last article on map, filter, and reduce there was an outpour of requests to do an article on just reduce. This time let’s dive into all the fun things you can do with reduce. Before we do that though, let’s make sure we really understand how it works.

Full article

Read More

The Definitive Guide to Web Scraping with NodeJs & Puppeteer

So you’ve probably heard of Web Scraping and what you can do with it, and you’re probably here because you want some more info on it. Web Scraping is basically the process of extracting data from a website, that’s it.

Full article

Read More

Imperative vs Declarative Programming

At this point, you’ve undoubtedly heard about imperative programming vs. declarative programming. You might have even searched for what those terms actually mean. Sadly, you probably encountered a definition similar to this

Full article

Read More

Getting creative with the Console API!

Debugging in JavaScript has always been inseparably connected with the Console API, which is most of the time used only through console.log(). But, did you know that it doesn't have to be this way? Hasn't console.

Full article

Read More

A Business Model Blueprint for Professional Service Firms: The Value Logic

This is the third post of a series of posts in which I discuss how to apply the business model protototyping approach to professional service firms. You can find the list of all posts in the series here.

Full article

Read More

Of Mice and BEM: Getting Past Common Problems With CSS Organization

The CSS naming convention of Block, Element, Modifier, or BEM, can be a tough concept to grasp. The fundamentals of this naming convention are fairly straightforward, but a lot gets lost in translation as developers begin implementing the tool.

Full article

Read More

Learn the fundamentals of a good developer mindset in 15 minutes

Are all the above statements familiar? Every minute a developer from any part of the World says (or thinks) any of the above statements and wishes to cry. Why?

Full article

Read More

Useful Tools for Developers

Some below tools helped me a lot when i needed it. Feel free to add more tools, if you know more tools and if you want to help the developer's community. Comment below what tool you already know, or what tool you do not know and will help you a lot.

Full article

Read More

JavaScript Inheritance vs Composition

This post is designed to be read after you read JavaScript Inheritance and the Prototype Chain. Previously we looked at how to accomplish inheritance in JavaScript using both ES5 and ES6.

Full article

Read More

Building a Raspberry Pi security camera with OpenCV

In this tutorial, you will learn how to build a Raspberry Pi security camera using OpenCV and computer vision. The Pi security camera will be IoT capable, making it possible for our Raspberry Pi to to send TXT/MMS message notifications, images, and video clips when the security camera is triggered.

Full article

Read More

The Science of Product Management

Over the past five years, I’ve trained over 5000 Product Managers who were new to the field. These have been at large companies, small companies, online, in person. The works. While the work has been incredibly rewarding, it’s also left me conflicted.

Full article

Read More

Building a Custom Sitemap for Your Gatsby.js Site

Building static sites with React.js using Gatsby.js seem to be more and more a topic of debate when you require an easy to deploy setup, blazing fast speed and smooth developer experience.

Full article

Read More

From front-end developer to a DevOps: An intro to CI/CD

There’s plenty of educational materials, courses, and tutorials. Every day, endless blog posts and articles sprout like mushrooms after rain. Anyone who wants to become a homegrown pro has access to everything they need — usually for free.

Full article

Read More

Top 21 Angular Interview Questions | Theory and Practice for 2019

Angular, one of the go-to solutions for today’s front-end development, is a powerful tool loved by many developers. Introduced just a few years ago, in 2016, it took the web development world by storm: the Angular team at Google utilized all of their knowledge to design the best framework for creating web applications. Today, Angular, along with React and Vue.js, dominates web development.

Full article

Read More

12 JavaScript Tricks You Won’t Find in Most Tutorials

When I began learning JavaScript, I made a list of every time-saving trick that I found in other people’s code, on code challenge websites, and anywhere other than the tutorials I was using.

Full article

Read More