Accessibility Made Easy with Angular CDK

Keyboard focus and navigation are essential when developing for the accessible web. Many users rely on a keyboard when they surf the web.
If a user doesn’t use other input mechanisms, they’ll have a tough time interacting and navigating your site unless it’s keyboard navigable.
In this article, we’ll learn how Angular CDK makes adding this ability easier. - http://bit.ly/2QzgNZl

#angular

Accurately Measuring Layout on the Web

Nolan Lawson offers some techniques for accurately measuring what’s going on when we render things on the web. - http://bit.ly/2RAkW0v

#css

Building Your First MongoDB App with Node.js

Whether you’re new to MongoDB or to Node.js itself, this is very introductory. - http://bit.ly/2P95dUr

#nodejs

A comparison of Server Side Rendering in React and Angular applications

In this article, we will talk about what Server Side Rendering(SSR) is and discuss how Server Side Rendering (SSR) can be achieved in both React and Angular applications. Towards the end, we will also do a brief comparison of the ease of enabling SSR and the approach that we need to take to do so. - http://bit.ly/2C4gfXI

#react #angular #ssr

How to Test React Components using Jest and Enzyme

A bumper packed tutorial that covers both unit & integration tests on an example codebase. - http://bit.ly/2C1omUC

#react #testing

Authentication in Angular with NRGX Part 1

In this article, we are going to walk through what the NgRx library is, as well as share common use case scenarios for each application. The scope of the example project will cover the login of the application using token-based authentication. When the user logs in, the token will be stored in local storage. When he or she logs out, the token will be removed. - http://bit.ly/2RysUHp

#angular

Writing multiple Vue components in a single file

Writing multiple components in one file is a pattern from React. - http://bit.ly/2Qufyuo

#vue

How to Use the Animation Inspector in Chrome Developer Tools

Kezz Bracey gives a rundown of which animation dev tools are available in Chrome, how to access them, and what they can do for you. - http://bit.ly/2C5q9s4

#chrome #devTools

Create Vue Apps Visually with the Vue UI Tool

Most JavaScript frameworks these days usually have some sort of Command Line Interface (CLI) that enables users quickly scaffold applications and get straight to building apps, without doing repetitive set up tasks. - http://bit.ly/2zWWsHU

#vue

The Shapes of CSS

A pretty epic demonstration of producing a variety of shapes (I counted 45!) using CSS and pseudo elements. - http://bit.ly/2CBPJG9

#css

Building a Complex Financial Chart with D3 and d3fc - http://bit.ly/2C9d4ht

#d3js

Angular Material - Part One

Here, we’ll learn about Angular Material which is a collection of components that give our applications modern look and feel. - http://bit.ly/2yejyc7

#angular

ColorBox

Colorbox is an online tool for building color systems for accessible UIs that scale. - http://bit.ly/2En7gDx

#colorBox #tools

A Simple React Cheatsheet

A nicely formatted cheatsheet that covers basic code for things like higher order components, React Router, and basic components. - http://bit.ly/2QBmB4z

#react

16 Product Management Mental Models

Example: the Pareto Principle states that roughly 80% of all outputs comes from 20% of the effort. - http://bit.ly/2yjIE9o

#productManagement

How to Create a PWA Game using Preact in 5 Steps - http://bit.ly/2A2IHry

#preact

On Node Framework Popularity

Findings from asking over 800 developers their thoughts on various Node HTTP frameworks. It won’t be a surprise that Express.js is the most used, but what is the most liked? - http://bit.ly/2A8LxLm

#nodejs

Deep Dive Into The New Vue Devtools v5.0

Vue Devtools version 5 has bought amazing new features to the already powerful debugging tool. Features include performance profiling, route tracking, live editing the Vuex store, and a new settings panel. - http://bit.ly/2ITOoun

#vue #devTools

A Practical Guide to Reusable Components

How to create a simple reusable React component, along with a few best practices involved in making better components. - http://bit.ly/2NvTQ7F

#react

Build Your First AR Webapp in Under 10 Minutes using ARjs

Discover how you can create your first augmented reality webapp using ARjs and deploy it so it can be accessible from your phone. - http://bit.ly/2Aet0NQ

#mobile #ar

Getting to Know Node’s child_process Module

How to call things like git, cpp, sh, etc, from a Node script. - http://bit.ly/2yi17TD

#nodejs