Resources for Web Developers in 2022

React Native lets you build mobile apps using only JavaScript. It uses the same design as React, letting you compose a rich mobile UI from declarative components.

react-native

In this lesson we'll look at the PanResponder API in React Native and create a draggable view.  PanResponder is a high level wrapper around Gesture Responder System providing us with new and simpler object called gestureState to track the state of pan gestures.

React Native: PanResponder Basics

AngularJS is an open-source JavaScript framework, maintained by Google, that assists with running single-page applications. Its goal is to augment web-based applications with model–view–controller (MVC) capability, in an effort to make both development and testing easier.

angularjs

*if*-statements can add serious complexity and beg for refactoring. You can use polymorphic functions to simplify your ifs and dynamically call the appropriate method.

Refactoring: Polymorphic Functions

RxJS is a library for composing asynchronous and event-based programs by using observable sequences. 


rxjs

Let's conclude this course by reviewing what an Observable is: a way of representing many values being delivered in push-style from a lazy producer to a consumer. Let's also see how the Observable alone is not everything in RxJS. It serves as the foundation to operators, which are the most useful feature of RxJS.

Observables are the foundation in RxJS

D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.

D3 debugging is fully supported within Chrome Dev Tools. This is extremely useful!

Debugging with Dev Tools

JavaScript® (often shortened to JS) is a lightweight, interpreted, object-oriented language with first-class functions, most known as the scripting language for Web pages, but used in many non-browser environments as well such as node.js or Apache CouchDB. It is a prototype-based, multi-paradigm scripting language that is dynamic, and supports object-oriented, imperative, and functional programming styles.

javascript

By default, Travis will build all branches, tags, and Pull Requests. Because we're building our master branch before we release, we don't need Travis building our releases. Also, we don't care to have Travis build all the branches. So we're going to limit Travis to only build our master branch and Pull Requests by configuring travis via our `.travis.yml` file.

Limit Built Branches on Travis

elasticsearch

Elasticsearch offers two API endpoints for updating documents. In this lesson you will learn how to use those endpoints to replace entire documents in the store and update partial information within a document.

Update data in Elasticsearch

PostgreSQL is a powerful, open source object-relational database system.

postgres

What if your foreign keys are more complex than a single field? Postgres lets you enforce foreign key constraints across multiple fields with a similar syntax to defining complex primary keys.


Create Foreign Keys Across Multiple Fields in Postgres

Cascading Style Sheets bring order and beauty to our applications.

Animations and transitions, when used appropriately, can help inform users how they are interacting with an application and how the user interface is responding. This video takes a simple example of adding a transition to this React/Redux application using React's CSSTransitionGroup.

Inform the User of Interactions with CSS Transitions

Up until now we've just looked at bar charts. A handy chart, no doubt, but D3 offers a variety of charts you can work with. In this lesson we'll convert the bar chart into a basic scatter (or bubble) chart.

Scatter Plot

Learn the ins and outs of creating chart axes in D3, as well as some options for customizing them.

Creating Axes with D3

This video discusses the default interpolation in GIF Loop Coder, and four distinct ways to change that interpolation to add variety to your animations.

GIF Loop Coder - Interpolation

Animating with arrays is super simple with GIF Loop Coder, but using an animation function can give you the power to create much more complex animations.

GIF Loop Coder - Animation Functions

In this lesson we'll learn shorthands for common character classes as well as their negated forms.