The list of solidified ES6 has kept growing and we, on the client side, just get greener with envy. Many of these new features won’t be supported in a broad base of browsers for years to come, but there is hope for us nonetheless. While we don’t have the ease of flipping a command line flag, like node, to bask in the warm sunlight of ES6 sugar, we can build a system that gives us similar results.

Using a combination of shims and transpilers, we can enjoy these new language features while still maintaining support for all of the browsers you’d need. I'll first explain some of the great new additions to the JavaScript programming language and example use cases with code that take advantage of ES6's elegance for client side development. I will go through the details of setting up a development environment with source maps for debugging the code that you wrote, rather than what is generated by a transpiler.

After listening to this talk, I hope your jealousy will be soothed, and I know that your curiosity will be satisfied.

 
4 favorite thumb_down thumb_up 2 comments visibility_off  Remove from Watchlist visibility  Add to Watchlist
 

Outline/structure of the Session

In a 2 hour workshop, I’d like to go through a few high level methods to use in participant’s real live codebases and what features/functionality are unlocked with each method. Additionally, I’ll have the participants try out these features on their local machines. 
 

Learning Outcome

My goals for each portion of the workshop are described in the outline section.

Target Audience

Intermediate to expert JavaScript developers

schedule Submitted 2 years ago

Comments Subscribe to Comments

comment Comment on this Proposal
  • Niranjan Janardhana
    By Niranjan Janardhana  ~  2 years ago
    reply Reply

    Hi,

      Had a quick look at the slides, they are awesome!

    If this is the latest presentation, thought of sharing few observations,

    - Slide 05: 2014 can be changed to 2015?

    - Slide 16, 23: "Chicago" can be changed to "Bengaluru" ?

     

    Thanks.

    • John K. Paul
      By John K. Paul  ~  2 years ago
      reply Reply

      It's not actually the latest presentation. The latest can be found here and those changes have been made http://johnkpaul.github.io/presentations/jqcon/2015/es6-overview/#/

      Thank you for looking through it though! I'm glad that you liked it. 


  • Liked Darcy Clarke
    keyboard_arrow_down

    Darcy Clarke - The Future of Video

    60 mins
    Keynote
    Intermediate

    In this talk we’ll examine the past and present of video experiences on the web; Touching on Codecs, Containers, Encoders and Decoders. We'll also quickly review Digital Rights Management & the Encrypted Media Extension spec and why it's important in our future. Atop all of this, we'll showcase examples of pure JavaScript video implementations, bypassing proprietary video formats and browser limitations.

  • Liked Anmol Agrawal
    keyboard_arrow_down

    Anmol Agrawal - Fun with JavaScript and Arduino

    Anmol Agrawal
    Anmol Agrawal
    Developer Evangelist
    PubNub
    schedule 2 years ago
    Sold Out!
    45 mins
    Talk
    Beginner

    “Internet of things” is the concept of basically connecting any device with an on and off switch to the Internet.

    IoT has been possible through devices like Arduino, Raspberry Pi and many more. Initially, working with them started with C/C++. Now, you can do the same with different languages like Python, Ruby, JavaScript, Go and more languages are coming to this landscape. NodeJS, frameworks and npm has built an environment like no other. Just with the the fundamental knowledge of JavaScript and reading through API docs, one can easily get started with IoT. That's what I will be showing.

    I would like to share my approach, resources etc I learned from and show things that are possible.

  • Naresh Jain
    Naresh Jain
    Founder
    ConfEngine.com
    schedule 2 years ago
    Sold Out!
    90 mins
    Demonstration
    Intermediate

    Over the past decade, eXtreme Programming practices like Test-Driven Development (TDD), Behavior Driven Developer (BDD), Refactoring and Continuous Integration have fundamentally changed software development processes and inherently how engineers work. Practitioners claim that it has helped them significantly improve their development speed, design quality and responsiveness to changing requirements. Software professionals across the board, from Internet startups to medical device companies to space research organizations, today have embraced these practices. But can these practices be applied to front-end development? Especially jQuery plugin development?

    This demo will show how we can test drive a jQuery plugin with the help of various patterns, strategies, tools and techniques. Participants will understand how they can apply this approach for testing any jQuery code.

  • Darcy Clarke
    Darcy Clarke
    Developer, Designer, Speaker, Entrepreneur, Mentor & Advocate
    Independant
    schedule 2 years ago
    Sold Out!
    240 mins
    Workshop
    Intermediate

    What do SASS, LESS & Stylus all have in common? They all mimic features we already have, natively, in JavaScript. Variables, Functions, Inheritance, Modularity and a whole lot more are all solved problems. Let's change how we think about approaching creating our styles and utilize the power of the most ubiquitous language already within our projects. You'll learn just how easy and powerful it it is to write JavaScript to generates CSS. This will change your world!

  • Liked Bodil Stokke
    keyboard_arrow_down

    Bodil Stokke - What Every Hipster Should Know About Functional Reactive Programming

    60 mins
    Keynote
    Beginner

    In the space of only 45 minutes, we’ll attempt to introduce asynchronous functional programming in JavaScript with RxJS, apply it to solve the problem of callback hell once and for all, and write a complete game using RxJS, JQuery and ponies.

  • Liked Shyam Purkayastha
    keyboard_arrow_down

    Shyam Purkayastha - Famo.us : A new kind of Web UI for the future

    45 mins
    Demonstration
    Intermediate

    Famo.us is a pure javascript UI framework which deviates from traditional web development approach around declerative coding & brings in the ability to marry different visual elements under the HTML5  and Open Web umbrella ( such as CSS3, Canvas, SVG & WebGL ) to create absolutely stunning user interfaces. In this talk we are going to have a look at some of the capabilities of famo.us by means of a few demonstrations. We will demonstrate a few web applications built with Famo.us, right from the basic apps, to the more engaging ones , all the way to the more advanced applications which can arguably thwart any traditional multimedia content consumption platform in favour of the web.  

  • Liked Alexis Abril
    keyboard_arrow_down

    Alexis Abril - MV* - Practical Applications with CanJS

    Alexis Abril
    Alexis Abril
    Developer
    Bitovi
    schedule 2 years ago
    Sold Out!
    90 mins
    Tutorial
    Intermediate

    Structure of client side applications is a debated topic. While there are many varied approaches, I will take you through concepts we use at Bitovi when building complex applications. Separation of concerns, thin server architecture, and how we structure our data layer are a few of the many topics we will touch in this tutorial session.

  • Liked Dave Methvin
    keyboard_arrow_down

    Dave Methvin - Don't Make These jQuery Mistakes

    Dave Methvin
    Dave Methvin
    President
    jQuery Foundation
    schedule 2 years ago
    Sold Out!
    60 mins
    Keynote
    Intermediate

    You can find solutions to thousands of jQuery problems on the Internet in blog posts, StackOverflow answers, or on Github. The problem is, many of those answers and code snippets are very obsolete! The web development world of 2006 that jQuery was born into is very different than the world of 2015, and jQuery has evolved to keep up. Yet there are still features inside of jQuery that only remain because of compatibility concerns, not because they're a good idea in modern web development.

    This talk will discuss features of jQuery that are best to avoid if you want a fast web site or HTML app that works with the widest range of browsers--even browsers that haven't yet been released! You'll also learn how using some of these features can make it very hard to follow modern practices such as Responsive Design. For each feature, you'll learn the modern 2015 way to do each of these tasks.

  • Liked John K. Paul
    keyboard_arrow_down

    John K. Paul - Why is React “functional"?

    John K. Paul
    John K. Paul
    VP of Engineering
    Penton Media
    schedule 2 years ago
    Sold Out!
    45 mins
    Keynote
    Intermediate

    We all know that React works, but being functional implies so much more than the typical dictionary definition would imply. Using React and Om as an example, I’d like to walk you through some tenets of functional programming. A win much bigger than the words ‘virtual dom’ exists in React, and through my examples, you’ll see what makes reasoning about functional systems such a treat. 

  • Liked Kris Borchers
    keyboard_arrow_down

    Kris Borchers - Contributing to the jQuery Foundation

    Kris Borchers
    Kris Borchers
    Executive Director
    jQuery Foundation
    schedule 2 years ago
    Sold Out!
    240 mins
    Workshop
    Beginner

    The jQuery Foundation has a number of projects that it supports and it relies on the community of users and supporters of those projects to keep them running and healthy. From code to documentation to websites and more, we are always looking for help. In this workshop, we'll cover how to set yourself up for success when contributing to one of our projects. We'll cover topics like system configuration, filing bugs, code conventions, CLAs and more and then we'll dive in and start working on your first contributions to our projects.

  • Liked Alexis Abril
    keyboard_arrow_down

    Alexis Abril - Grunt - A Bitovi Case Study

    Alexis Abril
    Alexis Abril
    Developer
    Bitovi
    schedule 2 years ago
    Sold Out!
    20 mins
    Demonstration
    Beginner

    Grunt is a popular tool used to help development teams script tasks of all types together in an easy to use, repetitive process. In this session we will show you how we use Grunt at Bitovi to develop and deploy large, maintainable, testable applications.

  • Liked Kris Borchers
    keyboard_arrow_down

    Kris Borchers - The jQuery Foundation - More than just jQuery

    60 mins
    Keynote
    Beginner

    The jQuery Foundation is always working toward making the web accessible to everyone through our efforts in open source projects, standards and the web community. This talk will highlight many of the efforts we are currently focussed on and we'll also dive into some of the projects we've been working on with the community to give you an idea of current outcomes of those efforts and demonstrate some of the uses of those projects. Though jQuery and its related projects are still important to the web, this talk will focus more on the other efforts the jQuery Foundation is involved in that many may not know about.

  • Liked Myles Borins
    keyboard_arrow_down

    Myles Borins - Live coding a musical instrument with the web-midi + web-audio api's

    45 mins
    Case Study
    Intermediate

    Imagine a world where you can plug a digital controller into a computer, open a a browser, and start controlling a sophisticated algorithmically generated music environment with the touch of a button. With the web-midi api landing in chrome 43 this type of experience will soon be possible to everyone running a modern computer. This session will explore building a midi-controllable generative synthesizer LIVE using the web-midi api for controlling user input, and the web-audio api for synthesis.

    The talk will explore the history of the Midi protocol, and follow the path to where it finally is being supported in browsers. It will introduce some basic music theory, what is a key, what is an octave, as well as some basic composition theory. It will introduce digital signal processing, the concept of a unit generator, how the web-audio api works, and how you can use it to build a basic synthesizer. This will all be presented in the form of a live coding session, building a working instrument from first principals (and a couple modules).

    At the end of the session we will have a working instrument that can be used to make some music that we can all groove to!