tech/webdev magazine

May 31, 2019

An Exercise Program for the Fat Web

Friday, May 31, 2019 Teklinks No comments

When I wrote about App-pocalypse Now in 2014, I implied the future still belonged to the web. And it does. But it's also true that the web has changed a lot in the last 10 years, much less the last 20 or 30. Websites have gotten a lot … fatter.

Full article

May 30, 2019

Unit Tests, How to Write Testable Code and Why it Matters

Thursday, May 30, 2019 Teklinks No comments

Unit testing is an essential instrument in the toolbox of any serious software developer. However, it can sometimes be quite difficult to write a good unit test for a particular piece of code. Having difficulty testing their own or someone else’s code, developers often think that their struggles are caused by a lack of some fundamental testing knowledge or secret unit testing techniques.

Full article

Angular v8 is Released!

Thursday, May 30, 2019 Teklinks No comments

Angular's 8.0.0 release is here! This is a major release that brings some nice features. For the official blog post, check the official Angular post on Medium. Let's talk about some of the changes.

Full article

May 28, 2019

Set Up End-to-End Tests with Puppeteer and Mocha

Tuesday, May 28, 2019 Teklinks No comments

Recently, I managed to set up end-to-end tests on Puppeteer and Mocha in our project, and I want to talk about the general process and techniques when working with these tools. Puppeteer is an extraordinarily popular library, and its use in combination with Jest is found in the examples most often.

Full article

JavaScript ES6: Classes

Tuesday, May 28, 2019 Teklinks No comments

Objects in programming languages provide us with an easy way to model data. Let’s say we have an object called user. The user object has properties: values that contain data about the user, and methods: functions that define actions that the user can perform.

Full article

May 26, 2019

Offscreen Loading

Sunday, May 26, 2019 Teklinks No comments

Just as the name implies, offscreen images are images that appear below the fold. Since users can't see offscreen images when they load a page, there's no reason to download the offscreen images as part of the initial page load.

Full article

May 23, 2019

When to Automate a Test

Thursday, May 23, 2019 Teklinks No comments

“Let’s automate testing as much as possible.” That always sounds like a good idea, right? It’s the way the world is going in general, isn’t it? In software testing, automation can be a huge productivity enhancer, but only in certain contexts.

Full article

When to use React Suspense vs React Hooks

Thursday, May 23, 2019 Teklinks No comments

Monads and Applicative Functors are extensively used in functional programming. There is a relationship between them and React Suspense for Data Fetching and React Hooks APIs. This is a quick and simple introduction to Monads and Applicatives along with a description of their similarities.

Full article

May 22, 2019

Flexible data tables with CSS Grid

Wednesday, May 22, 2019 Teklinks 1 comment

Now that we've launched, I can finally talk about the secret project I've been working on for the last two years. One interesting piece of the Teamwork CRM puzzle was the "list view". It's a powerful page component which exists seven times in the app — a table on steroids essentially.

Full article

I charged $18,000 for a Static HTML Page

Wednesday, May 22, 2019 Teklinks No comments

Not too long ago, I made a living working as a contractor where I would hop from project to project. Some were short term where I would work for a week and quickly deliver my service. Others lasted a couple months where I would make enough money to take some time off.

Full article

How to RxJS in Angular

Wednesday, May 22, 2019 Teklinks No comments

After a few years of Angular frontend development with heavy use of RxJS I decided to put some of my personal key learnings into a concise writeup. In this article, I’m assuming that you already have some basic understanding of how Observable-streams, as well as the different Subject-types work.

Full article

May 21, 2019

May 20, 2019

Parallel streaming of progressive images

Monday, May 20, 2019 Teklinks No comments

Progressive image rendering and HTTP/2 multiplexing technologies have existed for a while, but now we've combined them in a new way that makes them much more powerful. With Cloudflare progressive streaming images appear to load in half of the time, and browsers can start rendering pages sooner.

Full article

May 18, 2019

May 15, 2019

How to create a Sticky Hero section

Wednesday, May 15, 2019 Teklinks No comments

We recently published the Sticky hero component, a sticky section that reveals its content on scrolling. In this article, we'll see how to recreate that effect. Heads-up: we won't be using the scroll event!

Full article

May 14, 2019

7 Useful JavaScript Tricks

Tuesday, May 14, 2019 Teklinks No comments

Just like every other programming language, JavaScript has dozens of tricks to accomplish both easy and difficult tasks. Some tricks are widely known while others are enough to blow your mind. Let's have a look at seven JavaScript tricks you can start using today!

Full article

The 2019 React Developer RoadMap

Tuesday, May 14, 2019 Teklinks No comments

The React JS or simply React is one of the leading JavaScript libraries for developing front-end or GUI of web applications. Backed by Facebook, React JS, has grown by leaps and bounds in recent years and became the de-facto library for component-based GUI development.

Full article

May 9, 2019

Who Are Design Systems For?

Thursday, May 09, 2019 Teklinks No comments

Twitter Facebook It helps them build faster. They get good quality "out of the box" if they aren't particularly great at HTML and CSS themselves. They want to be accessible and Bootstrap has been through the accessibility ringer. [Insert your reason.

Full article

May 8, 2019

Getting To Know The MutationObserver API

Wednesday, May 08, 2019 Teklinks No comments

In complex web apps, DOM changes can be frequent. As a result, there are instances where your app might need to respond to a specific change to the DOM. For some time, the accepted way to look for changes to the DOM was by means of a feature called Mutation Events, which is now deprecated. The W3C-approved replacement for Mutation Events is the MutationObserver API, which is what I’ll be discussing in detail in this article.

Full article

Why GraphQL is the future of APIs

Wednesday, May 08, 2019 Teklinks No comments

Since the beginning of the web, developing APIs has been a difficult task for developers. The way we develop our APIs must evolve with time so that we can always build good, intuitive and well-designed APIs. In the last few years, GraphQL has been growing in popularity among developers.

Full article

May 7, 2019

How to Profit from Cryptocurrency

Tuesday, May 07, 2019 Teklinks No comments

Cryptocurrency is one of the most risky yet rewarding investments in our current era. All kinds of people having made huge amounts of money by investing into cryptocurrency, from tech nerds to average Joes.

Full article

May 4, 2019

create-react-app v3, What's new?

Saturday, May 04, 2019 Teklinks No comments

When you're looking to setup your React developer environment, create-react-app is one of the go to ways to go about it. This package allows you to do so with minimal configuration as it creates most of the boilerplate code needed to get you up and running.

Full article

May 2, 2019

How to know what to test

Thursday, May 02, 2019 Teklinks No comments

Practical advice to help you determine what to test. Knowing how to test is great and important. I've created a LOT of content that teaches people the fundamentals of testing, how to configure tools, how to write tests for specific scenarios, and so on.

Full article

May 1, 2019

A Software Engineering survival guide

Wednesday, May 01, 2019 Teklinks No comments

The first few years of my career were a time of intense learning. I encountered the realities of being a software engineer and had to acquire many skills that I didn’t know I needed. Looking back, it would sure have been nice to know the things I know now.

Full article

Build a Slack App in 10 Minutes with MongoDB Stitch

Wednesday, May 01, 2019 Teklinks No comments

Slack is not only the fastest growing startup in history, but it's also an app by the same name and one of the most popular communication tools in use today. We use it extensively at MongoDB to foster efficient communications between teams and across the company. We're not alone.

Full article