Moving forward with
3 keynotes, 4 tracks,
over 30 sessions, over 40 speakers,
and 6 full days of workshops.

If you've already mastered React for web development, it's easier than you think to make apps thanks to React Native. This class will get you started making native apps in under an hour by showing how your existing React skills map directly into React Native. Over the day you'll learn all the techniques needed to develop beautiful, powerful native apps, as well as techniques for debugging and extending your apps as they grow in size. Level: Intermediate. Equipment: Laptop with OS X 10.11 and Xcode 7.3 installed; internet connection.

In this one-day intensive course, we will dive deep into core mechanisms of the JS language, probably more than you ever have before. Our goal is to not merely understand what these things do, but how and why.

We will cover:

We will cover: •nested lexical scope •hoisting •closures •modules •'this' keyword •common oo patterns •object prototypes •delegation vs inheritance

The content of this course tracks roughly to the two "You Don't Know JS" books, "Scope & Closures" and "this & Object Prototypes".

Prerequistes: 1-2 years of solid core JS experience.

This session is for experienced software engineers who want to learn Node.js for the author of best sellers such as Practical Node, Pro Express and React Quickly.

One of the new, hot libraries in the JavaScript world is React and there is reason that it is getting so much attention: it offers some productivity gains you will not believe. In this workshop, we will cover React at a high level and then get in and write some code.

React is a library that totally eschews the traditional model-view-controller architecture in favor of consolidating all concerns of a component into a single location. This may seem to be a bad idea but it actually makes code very easy to read and maintain. This is, however, a break from the way we typically think. We will go over this new line of thinking, complete with little React examples to toy with.

By the end of this workshop, you will understand:

React, its purpose, and why you may want to use it How to bootstrap a new app and get React working for you The complete lifecycle of a React component Some battle-won React best practices as a result of having React code in production This weird, cool, new JavaScript dialect called JSX Have built several complete React components, including a little app

In this workshop, we'll cover the different parts of the React.js library, how to write clean reusable components, the concepts of the Virtual DOM, the JSX syntax, React components lifecycle hooks, and Universal Applications with React.

In this one-day workshop, we’ll dig into a bunch of new changes to JavaScript as of ES6 and even get a glimpse of a few things on the horizon. The most important takeaway is that ES6 is not about new capabilities, but rather new expressivity. If our goal is to write cleaner, clearer, more understandable code—and it should be—ES6 offers a myriad of improvements that make our efforts so much more effective. We’ll cover block scoping, rest/spread operators, defaults, destructuring, template literals, iterators, generators, and more.

In this workshop, we'll learn how React.js work, the benefits of readability, reusability, and composability of React components. How to read from and write to React's Virtual DOM. React synthetic events, DOM access, Controlled components. Mounting/Updating lifecycle methods. Working with data. The future of React. We'll also together build a "useful" React application from scratch. "Good understanding of the basics of React.js is required."

What? Is that even possible? We're sure as hell going to try! Since many of us are self taught and/or dropouts (myself included) we lack the advantages that a formal CS education can give. This additional theory can give us useful context to make tradeoffs in implementations and architectures.

We're going to cover:

Algorithms and Big O Analysis Recursion Sorting! Bubble Insertion Merge Quick Data Structures! Stacks, Queues and Priority Queues Maps and Sets Hash Tables Array Lists Linked Lists Binary Search Trees AVL Trees Functional Programming 101 in 30 mins Map Reduce Filter Who this class is for?

Anyone who wishes they had a better understanding of computer science concepts. This includes self-taught developers, designers who learned to code, or devs just starting down the path of learning to be a good coder.

You need to know JavaScript. We won't be going over syntax and we will be going fast. The focus will be on the concepts and not on the language.

Who this class is not for?

If you look at the list of concepts we're going over and say "I know most or all of those" then this class won't be for you. You're welcome to still come but this class will focus on getting everyone up on the same understanding.

The very talented Marshall Upshur will be TA'ing the class.

For many Frontend Engineers, setting up a webserver seems like a daunting task. Between purchasing a VPS, configuring Nginx/Apache, to actually getting your server to respond to queries, there are quite a few steps to running a server. This workshop will cover everything you need to do run a webserver to host your very own website; all from the perspective of a fellow Frontend Engineer.

Topics: - Setting up DNS - Setting up Nginx - Configuring your node server - Building a deploy system in JavaScript

In this workshop, we'll review the React.js library, write some components, then bring them to life with the Flux pattern! We'll talk about Actions from Action Creators, API functions, the Dispatcher, and the Stores. We will work with real JSON APIs from a Node server, and we'll practice what we learned by building a small project from scratch. "Good understanding of the basics of React.js is required."

More info coming.

More info coming

This workshop will give detail information to web developers about the desktop and mobile browser ecosystem in 2016 and how to create successful mobile applications for the browser and for native and fullscreen apps.

We will cover

• Mobile browsers ecosystem today
• Browser vs. web view engines
• Advanced Mobile Web Debugging and Profile
• Pushing the limits with hardware: accelerometer, magnetometer, gyroscope access; performance timing, 3D touch, full-screen APIs, AirPlay API, camera access, audio, battery, speech, bluetooth and more.
• New image formats for Responsive Images
• The Physical Web
• How to create full screen webapps (aka progressive webapps)

The workshop will include labs that can be executed directly on mobile phones easily based on an online coding tool.

Functional programming is a powerful pattern for organizing code, but it’s traditionally steeped in lots of academic terminology and rigor. This can be very intimidating and keeps a lot of developers away.

I practice what I call “Functional-Light Programming”, which is to try to find simple take-aways from overall FP patterns and apply them to my normal programming. This approach de-emphasizes terminology and formality and instead focuses on patterns we can learn to instinctually recognize and the tools we can use to address them.

Specifically, we’ll look at the basics of closure, pure (side-effect free) functions, immutable (unchangeable) data, and list-processing tools like map, reduce, and filter.

Functional programming is all the rage these days, but our codebases, libraries, and built-in methods are predominately Object-Oriented. Using OO syntax with functional constructs, we can write in a style compatible with either paradigm and enjoy the benefits of both.

We will explore disjunction, monoids, monads, and other algebraic abstractions to produce highly composable, safer, and simpler code.

In one-day intensive course, we will dive deeply into the topic of asynchrony. First, we'll look at callbacks and see why they are functional but insufficient for managing async flow control in our complex modern applications. We'll identify the two major problems that make up "callback hell" (no, nothing to do with nesting/indentation!).

Then, to clean up this mess, we'll look at two different ES6 mechanisms which each solve a different aspect of callback hell: generators and promises. We'll see that generators are about solving sync-looking async, while promises are about restoring trust to our continuations. And then we'll see how to compose promises with generators for solid async.

After gaining a firm grasp over these reinvented async methodologies, then we'll look some at higher-order async patterns, and learn ways of identifying when and where to apply them:

iterable sequences streams (reactive) CSP (channel-based concurrency) etc. To wrangle all these different async abstractions, we'll practice the exercises with the "asynquence" library.

Prerequistes: "Advanced JavaScript: Foundations" course, and/or 2-3 years of solid core JS experience.

In this workshop, we'll cover the different parts of the Relay framework and GraphQL, how these two work magically with React, and how they're proposing a shift in all the standard that we use and love today, from REST to MVC. We'll cover how to work with a GraphQL server, and how to write a GraphQL server. The operations of query and mutation, the arguments, variables, fragments, directives, and other features of GraphQL, and how to use them with Relay and React. "Good understanding of the basics of React.js is required."

Accelerate your career now by learning how to create dynamic data visualizations with React and D3, the most cutting edge and in demand libraries in front end web development today. Engineers who understand React and D3 are in high demand. Learn React and D3 today to take advantage of the growing popularity of these libraries.

This in-person workshop covers the intricacies of building fast and reusable data visualizations with React and D3. No boring list or Todo apps here. Attendees will learn by building fun games like Space Invaders or a particle generator.

We will step through each tab of the developer tools and learn all the great things it can do. After learning about each tab, we will pause for a quick assignment where we’ll have to use the tools we just covered to diagnose problems on real websites.

We’ll learn how to:

Force State

Diagnose a slow webpage

Persist changes to disk

Add breakpoints

Step through debug

Set a breakpoint on element modification

Audit a website

And much more!

One of the new, hot libraries in the JavaScript world is React and there is reason that it is getting so much attention: it offers some productivity gains you will not believe. In this workshop, we will cover React at a high level and then get in and write some code.

React is a library that totally eschews the traditional model-view-controller architecture in favor of consolidating all concerns of a component into a single location. This may seem to be a bad idea but it actually makes code very easy to read and maintain. This is, however, a break from the way we typically think. We will go over this new line of thinking, complete with little React examples to toy with.

By the end of this workshop, you will understand:

React, its purpose, and why you may want to use it How to bootstrap a new app and get React working for you The complete lifecycle of a React component Some battle-won React best practices as a result of having React code in production This weird, cool, new JavaScript dialect called JSX Have built several complete React components, including a little app

Web performance is a must known skill for every developer. In this workshop we will cover the basics of Web Performance Optimization, how to measure performance on desktop and mobile devices, what are the important differences on mobile browsers and practical tips to follow to achieve extreme web performance.

We will have time to make real live analysis on websites and understand how to separate Above-the-Fold content from the rest and when to do it.

Attendees will understand new concepts, such as Speed Index and new tools to profile, measure, analyze and improve websites' performance.

Functional programming is all the rage these days, but our codebases, libraries, and built-in methods are predominately Object-Oriented. Using OO syntax with functional constructs, we can write in a style compatible with either paradigm and enjoy the benefits of both.

We will explore disjunction, monoids, monads, and other algebraic abstractions to produce highly composable, safer, and simpler code.

This full day course will serve as crash course into web accessibility, either for empathetic/ responsible developers, or developers that require accessibility for government/ education projects. We will go over the official web accessibility guidelines, the different disabilities we need to cater to on the web, and practical examples of how to develop for accessibility. Topics would include proper web semantics, document structure, forms, tables, images/ multimedia, and a little bit of advanced accessibility with JavaScript and ARIA. Finally, we will go over a few testing tools to work into a developers workflow. A participant will leave with an understanding of what/ why of accessibility, and real-world techniques to improve access of their projects for everyone.

Angular 1 developers who wants to learn how to make the switch and dive deep into, components, services and Angular 2 architecture

What? Is that even possible? We're sure as hell going to try! Since many of us are self taught and/or dropouts (myself included) we lack the advantages that a formal CS education can give. This additional theory can give us useful context to make tradeoffs in implementations and architectures.

We're going to cover:

Algorithms and Big O Analysis Recursion Sorting! Bubble Insertion Merge Quick Data Structures! Stacks, Queues and Priority Queues Maps and Sets Hash Tables Array Lists Linked Lists Binary Search Trees AVL Trees Functional Programming 101 in 30 mins Map Reduce Filter Who this class is for?

Anyone who wishes they had a better understanding of computer science concepts. This includes self-taught developers, designers who learned to code, or devs just starting down the path of learning to be a good coder.

You need to know JavaScript. We won't be going over syntax and we will be going fast. The focus will be on the concepts and not on the language.

Who this class is not for?

If you look at the list of concepts we're going over and say "I know most or all of those" then this class won't be for you. You're welcome to still come but this class will focus on getting everyone up on the same understanding.

The very talented Marshall Upshur will be TA'ing the class.

As an author of React Quickly (Manning, 2016) I will teach front-end developers how to build web UIs with React.js. I'll show how to render React isomorphically, how to test it, and how to use React Router and Reflux data store.

More info coming

In this workshop we will get into practical examples of how to make an offline application for the web, using the latest specs. We will cover desktop and mobile webapps, using Appllication Cache, Service Workers, and other specs. We will learn how to detect connection and how to create a successful offline experience. We will cover how to use Push Notifications for the Web, how to setup notifications server-side using Node.js to connect to browsers' servers. Additionally, we will cover home screen webapps for Android and iPhone.

We'll take a deep dive into an opinionated pattern of state management in Redux that we use in production at Patreon. Attendees will learn to think clearly about the different types of client-side state (data, references to data, viewport state, ajax state, component ui state) and build reusable complex UIs. Introduces patterns of state management in Redux that emphasize code reuse more heavily than traditional Redux examples. Great for medium to large web teams. Usable not just in SPA but also in a multi-page architecture.