Pratik Patel

React.js Workshop

9:00 AM MDT

React.js is a view library from Facecbook for building performant user-interfaces in JavaScript. In this session, we'll explore React.js and understand why it's a great step forward for building complex UI's that run fast. We'll code up an example web application using React.js and step through the basics of using the library while discussing concepts like the virtual DOM and components.

This is a HAND-ON WORKSHOP, INTRODUCTORY LEVEL. Please come with a laptop, and if possible, with the software needed pre-installed (Instructions below). We'll cover these topics - both in code and in discussion format, and do as many as we can in the time alloted:

• React components
• Lifecycle
• Properties
• State
• Using React-Bootstrap components
• Signaling & Messaging between Component
• Handling Events
• All coding done in ES6 style
• Modern React application structure, setup, and build
• Writing tests
• React Router
• Discussion of Flux architecture
• REST/Network ops within React
• React architecture
• Component composition
• Discussion of Redux and Functional Web Architecture (time permitting!)

ES2015: Using tomorrow's JavaScript today!

2:45 PM MDT

You don't have to wait to use the next generation JavaScript language until all browsers support it - using transpilation you can start using it today and future proof your code and make it more elegant NOW! See the details for the topics covered.

In this rapid fire, live-coding session, we'll look at the features in ES2015:
arrows
classes
enhanced object literals
template strings
destructuring
default + rest + spread
let + const
iterators + for..of
generators
unicode
modules
module loaders
map + set + weakmap + weakset
proxies
symbols
subclassable built-ins
promises
math + number + string + array + object APIs
binary and octal literals
reflect api
tail calls

Continuous Integration for Web & JavaScript Projects

4:30 PM MDT

This session covers the basics of setting up a Web & JavaScript project for Continuous Integration. The goal is to apply the same engineering practices as for projects coded in Java. Topics covered:

• Build tool for JS: Grunt
• Integrating JSHint
• Automated testing setup
• Other tools as part of a build process: Webpack, transpiliation

This session covers the basics of setting up a Web & JavaScript project for Continuous Integration. The goal is to apply the same engineering practices as for projects coded in Java. Topics covered:

• Build tool for JS: Grunt
• Integrating JSHint
• Automated testing setup
• Other tools as part of a build process: Webpack, transpiliation

Fun for all ages: Modding & Hacking Minecraft with ScriptCraft

8:30 PM MDT

Want to get your kids interested in programming? Maybe you're a kid at heart too? Come to this session and learn how to use ScriptCraft for Minecraft modding!

In this session, I'll discuss Minecraft modding with ScriptCraft. We'll start with an overview of Minecraft and ScriptCraft. We'll see how we install the necessary software to get our modding environment ready. Then we'll interact with Minecraft by writing code commands directly from within Minecraft! Finally, we'll build some cool mods and invoke them from Minecraft. If you're interested in getting your kids into Minecraft, come to this session to get a primer on everything you need to get them interested and hacking their own code.

Migrating to ES2015 workshop, part I

1:30 PM MDT

In this fun 2 part workshop, we'll do a series of exercises to convert “old school” JavaScript code to ES2015, or ECMAScript 2015 code. ES2015 just got finalized, but you don't have to wait to use it. Using transpilation as part of your build process, you can quickly start using it TODAY. See the details below to get a flavour for what we'll be hacking in this fast-paced workshop.

We'll do exercises to convert legacy JavaScript code to ES2015 to help you understand how to migrate existing code and write new code in the new version of the language:
arrows
classes
enhanced object literals
template strings
destructuring
default + rest + spread
let + const
iterators + for..of
generators
unicode
modules
module loaders
map + set + weakmap + weakset
proxies
symbols
subclassable built-ins
promises
math + number + string + array + object APIs
binary and octal literals
reflect api
tail calls

Migrating to ES2015 workshop, part II

3:15 PM MDT

In this fun 2 part workshop, we'll do a series of exercises to convert “old school” JavaScript code to ES2015, or ECMAScript 2015 code. ES2015 just got finalized, but you don't have to wait to use it. Using transpilation as part of your build process, you can quickly start using it TODAY. See the details below to get a flavour for what we'll be hacking in this fast-paced workshop.

We'll do exercises to convert legacy JavaScript code to ES2015 to help you understand how to migrate existing code and write new code in the new version of the language:
arrows
classes
enhanced object literals
template strings
destructuring
default + rest + spread
let + const
iterators + for..of
generators
unicode
modules
module loaders
map + set + weakmap + weakset
proxies
symbols
subclassable built-ins
promises
math + number + string + array + object APIs
binary and octal literals
reflect api
tail calls

High Performance JavaScript Web Apps Architecture

5:00 PM MDT

In this session, we'll dig deep into the performance aspects of JavaScript and the Web Browser. Single page web applications are becoming popular very quickly, and understanding the low-level and high-level aspects of the browser platform and JavaScript runtimes embedding in them are important.

We'll cover topics such as browser pipe-lining, memory management, testing and measuring performance.