tech/webdev magazine

May 31, 2019

How to git squash in 6 Steps

Friday, May 31, 2019 Teklinks

When using a source code management system, we mostly intend to create a new branch to implement functionalities rather than always pushing everything to the main branch.

Full article

Build a Beautiful Landing Page with Tailwind CSS v1

Friday, May 31, 2019 Teklinks

Cascading Style Sheet(CSS) is used for creating aesthetically good looking websites. CSS are styling rules that are applied to a web page to make it look beautiful. Whenever a web page is being displayed, the browser renders the webpage alongside with the defined CSS rules.

Full article

An Exercise Program for the Fat Web

Friday, May 31, 2019 Teklinks

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

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

Using hooks to replace Redux

Thursday, May 30, 2019 Teklinks

As a beginner React developer coming from Vue, I found myself struggling with Redux and all the boilerplate needed to make simple state management the right way: action types, action…

Full article

Angular v8 is Released!

Thursday, May 30, 2019 Teklinks

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

When code turns into a horror story

Tuesday, May 28, 2019 Teklinks

We all have horror stories when it comes to code. It starts off innocently until it turns morphs into Stephen King’s level of horror, turning the most optimistic among us into killer clowns. While I…

Full article

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

Tuesday, May 28, 2019 Teklinks

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

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

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

“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

Intro to Progressive Web Apps (PWAs) in Angular

Thursday, May 23, 2019 Teklinks

More than just a buzzword, a Progressive Web App, or PWA, is a set of guidelines to utilize modern browser features in a way that creates a more app-like user experience. We won’t go into all the details that make an application a PWA, because it all sort of depends on who you ask.

Full article

When to use React Suspense vs React Hooks

Thursday, May 23, 2019 Teklinks

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

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

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

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

Deep dive into the Angular CLI

Tuesday, May 21, 2019 Teklinks

The Angular CLI is a command line interface for Angular. Its primary purpose is to assist developers with building Angular applications. Angular CLI was introduced together with the second version of Angular.

Full article

What’s New in Tailwind CSS v1

Tuesday, May 21, 2019 Teklinks

Tailwind has finally released a major version of the utility based styling library. Tailwind is a utility-based CSS framework that just hit a big milestone: v1!!!

Full article

May 20, 2019

GraphQL vs REST: putting REST to rest

Monday, May 20, 2019 Teklinks

When you need to build an API, your mind will likely jump to REST, the de facto standard for API creation. However, this is about to change with GraphQL, as its popularity quickly rises.

Full article

Building Live Streaming App with Node.js and React

Monday, May 20, 2019 Teklinks ,

I’ve been working on an app which lets you live stream your desktop. It takes in an RTMP stream from the broadcaster and transcodes it into HLS stream that viewers can watch in their web browsers. In this tutorial, I’ll show how you can build your own video streaming app with Nodejs.

Full article

Parallel streaming of progressive images

Monday, May 20, 2019 Teklinks

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

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

10 Interesting JavaScript and CSS Libraries for May 2019

Wednesday, May 15, 2019 Teklinks

Our mission at Tutorialzine is to keep you up to date with the latest and coolest trends in web development. That’s why every month we release a handpicked collection of some of the best resources that we’ve stumbled upon and deemed worthy of your attention.

Full article

Using Create React App to Make React Applications

Wednesday, May 15, 2019 Teklinks

Usually when you create a React application, you’ll be creating a single page app (SPA). In order to make setting up single page apps easier, a CLI tool called create-react-app was made. The CLI tool makes it quick to create React applications.

Full article

May 14, 2019

Rendering large lists with react-window

Tuesday, May 14, 2019 Teklinks

If you use React and need to display large lists of data efficiently, you may be familiar with react-virtualized. It's a windowing library by Brian Vaughn that renders only the items currently visible in a list (within a scrolling "viewport").

Full article

7 Useful JavaScript Tricks

Tuesday, May 14, 2019 Teklinks

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

Full-Stack TypeScript with Ionic, Angular, and NestJS Part 1

Tuesday, May 14, 2019 Teklinks

Welcome to the first post in a new series we’re kicking off all about building a full stack TypeScript app using Ionic, Angular and NestJS. TypeScript is a powerful language that is a superset of JavaScript, with some additional features added to help build out large scale applications.

Full article

The 2019 React Developer RoadMap

Tuesday, May 14, 2019 Teklinks

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

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

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

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

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

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

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

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

Practical RxJS and Angular

Wednesday, May 01, 2019 Teklinks

Working with RxJS is a little bit like having superpowers: your powers allow you to do extraordinary things, but they’re easy to misuse, and when that happens — it can be quite dangerous!

Full article

Build a Slack App in 10 Minutes with MongoDB Stitch

Wednesday, May 01, 2019 Teklinks

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