tech/webdev magazine

February 28, 2019

Advanced JavaScript Logging Using console.group()

Thursday, February 28, 2019 Teklinks

I've always been a great fan of the Chrome Developer Tools when it comes to debugging JavaScript code. Despite a great step-by-step debugger, the browser console is still my favorite and most frequently used tool for quick inspection.

Full article

February 26, 2019

Node.js & JavaScript Testing Best Practices (2019)

Tuesday, February 26, 2019 Teklinks

As an independent Node.js consultant I’m engaged and review 10+ projects every year and my customers justifiably ask to focus on testing. A few months ago, I started to document here the insights and repeating errors I observe at the field and suddenly it piled-up into 30 testing best practices.

Full article

12 Concepts That Will Level Up Your JavaScript Skills

Tuesday, February 26, 2019 Teklinks

JavaScript is a complex language. If you’re a JavaScript developer at any level, it’s important to understand its foundational concepts. This article tackles 12 concepts that are critical for any JS developer to understand, but in no way represents the full breadth of what a JS developer should know.

Full article

February 23, 2019

Tips on React for large scale projects

Saturday, February 23, 2019 Teklinks

It’s been two years time that I’ve met React and immediately fell in love with it. The way that React works, as a declarative, not-so-large library created exclusively to build rich User Interfaces provides everything as necessary (plus a rich ecosystem with tons of add-ons).

Full article

Headless CMS: REST vs JSON:API vs GraphQL

Saturday, February 23, 2019 Teklinks

We compare REST, JSON:API and GraphQL — three different web services implementations — based on request efficiency, operational simplicity, API discoverability, and more. The web used to be server-centric in that web content management systems managed data and turned it into HTML responses.

Full article

How to set up & deploy your React app from scratch using Webpack and Babel

Saturday, February 23, 2019 Teklinks

So you’ve been using create-react-app a.k.a CRA for a while now. It’s great and you can get straight to coding. But when do you need to eject from create-react-app and start configuring your own React application? There will be a time when we have to let go of the safety check and start venturing out on our own.

Full article

February 22, 2019

Using CSS Grid the right way

Friday, February 22, 2019 Teklinks

CSS Grid is robust, flexible, and a refreshing paradigm shift from other CSS layout systems. While these are selling points for Grid, they also make it hard to learn.

Full article

How to Test Your Frontend with the Cypress.io Framework

Friday, February 22, 2019 Teklinks

Modern JavaScript frameworks present an easier and more organized way to create web applications. However, they also add complexity that sometimes breaks things in a subtle yet impactful way. To combat this and ensure we don’t introduce more bugs than we fix, we can turn to automated frontend testing.

Full article

February 21, 2019

Progressive Web Applications: A Progressive State of the Web

Thursday, February 21, 2019 Teklinks

Progressive Web Applications is a term that was coined in 2015 by designer Frances Berriman and Google Chrome engineer Alex Russell. It was coined to denote applications that take advantage of modern browsers and the capabilities they offer to create offline-capable, device-hardware accessible and relatively fast modern web applications that tend to provide a native application like User Experience.

Full article

The Smart Ways to Correct Mistakes in Git

Thursday, February 21, 2019 Teklinks

The world of software development offers an infinite amount of ways to mess up: deleting the wrong things, coding into dead ends, littering commit messages with typos, are a mere few of the plentitude. ​​Fortunately, however, we have a wonderful safety net under our feet in the form of Git when we’re working with version control.

Full article

Build Mobile-Friendly Web Apps with React Native Web

Thursday, February 21, 2019 Teklinks

Over the years, building web applications that are mobile friendly has become easier with the advent of media queries and the introduction of service workers. Using media queries, we could make web applications that different shapes when viewed on mobile devices.

Full article

Guide to Monorepos for Front-end Code

Thursday, February 21, 2019 Teklinks

Monorepos are a hot topic for a discussion. There have been a lot of articles recently about why you should and shouldn’t use this type of architecture for your project, but most of them are biased in one way or another.

Full article

Salary Negotiation Tips from White Men in Tech: Part 1

Thursday, February 21, 2019 Teklinks

First Marcus Carey and Jennifer Jin released the @tribeofhackers book and inspired me to get back to researching to make my digital book a physical reality in 2019. This is an excellent response, but for some, it is the beginning of a longer conversation that some are not prepared to have.

Full article

February 20, 2019

The Essential Tools for Programmers

Wednesday, February 20, 2019 Teklinks

This is a list of essential tools and services from my coding workflow that I think should be part of every web programmer’s toolkit. Whether you a building a simple “Hello World” app or a complex web application, these tools should make your coding easier and increase productivity. 1.

Full article

Working with TypeScript in Visual Studio Code

Wednesday, February 20, 2019 Teklinks

TypeScript and Visual Studio Code are two amazing products created by Microsoft, and - surprise surprise- they work amazing together! Let's take a look at how Visual Studio Code makes it a breeze to work with and configure TypeScript! Install the TypeScript package globally and create a ".

Full article

February 15, 2019

HTML Snapshot Testing with Node

Friday, February 15, 2019 Teklinks

It’s been almost a year since my posts on Excel workbook snapshot testing and PDF snapshot testing. Both of these have proven to be very valuable in our automated test suite and have allowed us to easily catch regressions, manually inspect the differences, and then update as needed.

Full article

To Grid or to Flex?

Friday, February 15, 2019 Teklinks

However, reading tweets individually doesn’t tell the whole story. In this article I want to unpack when and where you might want to use Grid or flexbox, and some reasons for choosing one or the other.

Full article

Trunk-based Development vs. Git Flow

Friday, February 15, 2019 Teklinks

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.

Full article

February 14, 2019

Do we still need JavaScript frameworks?

Thursday, February 14, 2019 Teklinks

As a web developer, I try to assess my toolbox regularly and determine if I can do without this or that tool. Recently, I have been investigating just how easy it is to develop a complex front end application without a front end framework.

Full article

February 13, 2019

Angular Development Best Practices

Wednesday, February 13, 2019 Teklinks

In this article, we are going to show what we consider to be the best practices in Angular while develop the client side project in this framework. During the development process it is really easy to forget about some rules or recommendations in Angular, so having the reference to look at from time to time is a good way to refresh memory.

Full article

Making Google Fonts Faster⚡

Wednesday, February 13, 2019 Teklinks

If you use Google Fonts on your website or web application, a few additional steps can lead to much faster load times. In this article, I will show you how to: Google Fonts is hosted on a pretty fast and reliable content delivery network (CDN), so why might we consider hosting on our own CDN?

Full article

Learning JavaScript Design Patterns

Wednesday, February 13, 2019 Teklinks

Design patterns are reusable solutions to commonly occurring problems in software design. They are both exciting and a fascinating topic to explore in any programming language. One reason for this is that they help us build upon the combined experience of many developers that came before us and ensure we structure our code in an optimized way, meeting the needs of problems we're attempting to solve.

Full article

February 12, 2019

Debugging Angular CLI inside VSCode with Browser Preview

Tuesday, February 12, 2019 Teklinks

Incase you haven’t heard about it yet, Kenneth Auchenberg — Program Manager on the VSCode team recently released an incredible extension to the marketplace, allowing you to run & debug not only Angular applications, but all applications debug right inside of VSCode!

Full article

Manage your Node App using Docker Like a Pro

Tuesday, February 12, 2019 Teklinks

Docker, the most popular tech among developers. It is one of the widely adopted technology at an enterprise level because of its great containerizing feature along with many other features that highly increases the productivity of projects from development to shipping.

Full article

February 10, 2019

Jest Snapshots for API Contract Testing

Sunday, February 10, 2019 Teklinks

Jest is a great JavaScript testing tool - it’s simple, fast and easy to use. One of the key features that I enjoy using for UI testing is its [snapshot testin](http://bit.ly/2SAFPw0], a quick way of capturing the output of a test and comparing against an expected result.

Full article

10 React mini-patterns

Sunday, February 10, 2019 Teklinks

Over the last few years, I’ve worked on a handful of decent-sized React projects, and many, many pint-sized ones. Throughout this magical journey, a number of patterns have come up that I find myself repeating again and again. Because that’s what patterns are.

Full article

February 8, 2019

Set Up Jenkins CI in 30 Minutes

Friday, February 08, 2019 Teklinks

Do you want to experiment with Jenkins CI in a local setup? In this post, we will set up a local Jenkins CI server, create a build job for a simple Spring Boot Maven project, and push the created Docker image to DockerHub.

Full article

Let's talk JS ⚡: unit testing

Friday, February 08, 2019 Teklinks

If you're new to programming or you're just a hobby programmer and haven't ever done any kind of open source project then you might feel a bit skeptical about the idea of testing your code.

Full article

February 7, 2019

How Gatsby is so blazing fast

Thursday, February 07, 2019 Teklinks

Performance greatly affects the user experience. Gatsby builds fast websites out-of-the-box. When creating the tool, they noticed that slow websites are slow in different ways, but fast websites are fast in similar ways. So baking optimization approaches in a framework resulted in Gatsby.

Full article

February 5, 2019

What Is Functional Programming?

Tuesday, February 05, 2019 Teklinks

This is my take on what functional programming really is, in a way that will make sense to a jobbing programmer just trying to Get Stuff Done. Two? Only one, surely?

Full article

? A Kubernetes Developer Workflow for MacOS

Tuesday, February 05, 2019 Teklinks

Kubernetes development is not one-size-fits-all. Maybe you’re learning Kubernetes with Minikube on your local machine; maybe you’re part of a large organization with many clusters; maybe your cluster is an on-prem lab, or lives in the cloud.

Full article

What Does Vue 3.0 Mean for Web Development?

Tuesday, February 05, 2019 Teklinks

Last November, Vue creator, Evan You, showcased the key updates on Vue 3.0 — the latest iteration of the rising Javascript framework. These optimizations make Vue more efficient, modular, and easy to use. I will discuss these changes and the impact I believe they’ll have following Vue 3.

Full article

February 3, 2019

Keeping your code clean

Sunday, February 03, 2019 Teklinks

Some minutes later, one of the judges who was a senior engineer walked up to my desk with a look of disapproval on her face and muttered: “Your code is not clean, It’s messy!” and that was the beginning of my journey towards a cleaner code.

Full article

? The Top 50 Developer Tools of 2018

Sunday, February 03, 2019 Teklinks

It’s that time of the year again! The 5th Annual StackShare Awards have arrived! ? This is your one-stop resource for developer tools, with a wrap up of what was hot in 2018 and what to be on the lookout for in 2019.

Full article