 Resources from Joe Maddalone in 2024

Regular expressions are a useful tool for dealing with text data. They allow us to slice and dice strings, and useful extract information in our applications.

Regex is also complex, and many developers will spend their entire career looking up even the most trivial of regex operations.

This course will help improve your regex skills, and teach a solid core of useful tools that you can use every day with confidence!

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

Regex in Javascript

We can identify the start and end of a line using Line Anchors.  When dealing with multiple line matches we can utilize the multiline regular expression flag.

Find Patterns at the Start and End of Lines with Line Anchors in Regular Expressions

Regular Expression Word Boundaries allow to perform "whole word only" searches within our source string.

Find the Start and End of Words with Regular Expression Word Boundaries

React is one of the web’s most popular frameworks for building JavaScript applications. 

If you know what you’re doing, React can drastically simplify how you build, use, and maintain code.

Whether you’re a React newbie or you’re ready for advanced techniques, you can level-up with egghead. Explore our in-depth courses, lessons, and community resources to build more powerful applications and crack open your career.

react

Starting with React 0.13.0 you can write components using ES6 classes.  In this lesson we'll walk through some of the syntax differences.

React components in ES6 classes

In this lesson we'll explore debugging our React Native application in an actual iOS device.

React Native: Debugging on an iOS Device

In this lesson we'll learn two ways to construct a Regular Expression in Javascript, explore the methods available to us directly from the RegExp constructor, use Regular Expressions with String.prototype methods, and build a simple regex highlighter.

Get Started with Regular Expressions in JavaScript

The simplest use of Regular Expressions is to find a plain text pattern. In this lesson we'll look at at finding plain text patterns as well as using the metacharacter "." and how to escape a metacharacter.

Find Plain Text Patterns using Regular Expressions

Regular Expression Quantifiers allow us to identify a repeating sequence of characters of minimum and maximum lengths.  In this lesson we'll use Regular Expression Quantifiers to match repeated patterns, common Quantifier patterns, and using shorthand for those common Quantifier patterns.

Use Regular Expressions to Find Repeated Patterns

Regular Expression Character Classes define a group of characters we can use in conjunction with quantifiers.

Use Character Classes in Regular Expressions

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

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

Use Shorthand Regular Expression Character Classes

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

Since React is only interested in the V (view) of MVC, it plays well with other toolkits and frameworks. This includes [AngularJS](https://egghead.io/technologies/angularjs) and [D3](https://egghead.io/technologies/d3).

React Fundamentals: Integrating Components with D3 and AngularJS

In this lesson we'll capture groups of characters we wish to match, use  quantifiers with those groups, and use references to those groups in String.prototype.replace.

Create Capture Groups in Regular Expressions

Lookaheads allow us to match a pattern followed by another pattern without including the second pattern in our match.

Use Lookaheads in Regular Expressions

React enables us to write isomorphic applications that pre-render on the server and then respond to user interaction on the client side.

Introduction to Isomorphic React

In this lesson we'll look at some simple ways to customize TabBarIOS, creating a scrollable tab area, and implementing custom icons in TabBarIOS.Item.

React Native: TabBarIOS Customization

React.addons provides CSSTransitionGroup for easily implementing basic CSS animations and transitions.

React Animation with CSSTransitionGroup

Spring is the simplest component available to us in React-Motion.  It allows us to transition from a defaultValue to an endValue leaving what to do with that value as it transitions up to us.  In this lesson we'll create a simple Spring and use it to update the style of our component.

React-Motion: Introduction to the Spring Component

Cascading Style Sheets bring order and beauty to our applications.

CSS combinators allows us to reference the DOM relationship between two or more elements in CSS.

Using CSS Combinators to Identify Siblings and Descendants in CSS

The `file` input type is missing from the ng-model directive, so you need to "roll your own" solution for file uploads with AngularJS. 

File Uploads

Actions contain no functionality, but rather describe an event in our application.  In this lesson we will describe our Actions as they relate to our application.  These Actions will then be available for triggering in our Views and for execution in our Store.

Topics

Instructors

Content Type

Joe Maddalone