This workshop will cover a variety of tools and techniques that you can use to optimize the performance of web sites and debug problems that arise, both during your own testing and ones reported by users. During the workshop there will be time for you to use the tools on web sites of your choosing, so come prepared with a computer and a list of sites that you would like to inspect. They don't need to be your own sites, you can tear apart a popular web site if you would like.

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!

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.

Closure scope, context, protos and prototypes are common confusing topics when jumping into a rich JavaScript environment. In this workshop, not only will these topics be covered, but how JavaScript sets up data in memory will also be discussed. Join for a hands on approach to breaking JavaScript down to its core functionality.

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.

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.

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.

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.

You have got a great idea for a mobile app and you want to get started. You prototype wireframes, hire(or become) ios developer, hire(or become) android developer , maintain 2 codebases , 2 separate test suites.. - Not anymore.

What if you could start with just wireframes and build them into your polished MVP just being on one language,one codebase,one repository,and one test suite. Hello Ionic!.

Ionicframework combines the power of angularjs ,smartness of phonegap/cordova to produce native like hybrid html mobile apps.

While most UI frameworks are just javascript/css, ionic goes a step further to combine UI libraries with phonegap plugins to provide a continuous experience while coding hybrid apps.Its also one of the very few frameworks which has UI transitions/graphics very closely matching with the native UI elements/transitions.

What you'll learn

• How to get started with writing native like apps using ionicframework.
• Theming your app using sass.
• Writing unit-tests for ionic apps using karma-jasmine.
• How to distribute your apps for beta testing among your friends/folks/testers without publishing to appstores.

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.

HTML5 based apps are fast becoming the norm in the Web Application world. Thanks to browser adopting the HTML5 specs quickly we are able to get the support in the browser faster than expected. If you are planning to build a HTML5 based Web App you need a framework which can understand HTML5 out of the box. Introducing Kendo UI Core - A Free Open Source Client Side JavaScript Framework which is based on HTML5. Its a complete package which includes DataSource, MVVM, Templating, Validation, Globalization and Widgets. Attend this session to know what Kendo UI Core has to offer you and your project. At the end of this session you will be familiar with all the things Kendo UI has to offer and you will only need this package for all your needs.

“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.

To provide multimedia communication between things in “ Internet of things “.

The WebRTC based comm stack will provide solutions like real time streaming between IOT endpoints for usecases like Owner Recognition , Intrusion Detection in security , Face Detection Alarm etc . The solution would use WebRTC streams, web communication network , Augmented reality algorithms and program logic to achieve multiple usecases.

If you read this title and thought, "Meh, I’m a beginner and don’t write complex code to worry about that", or "My framework must be taking care of that no?", or "Huh? Whats all that about dude?", this session is just for you.

I’d like to talk to you about what memory leaks are, how they occur and, most importantly, why you should care. With JavaScript becoming ever so prominent, it’d be fun to get to know the common caveats and understand what happens under the hood a little better.

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.

The primary objective of this session is to showcase Javascript as a viable language for mathematical and scientific computing. We’re going to explore some of the best libraries out there for symbolic math, statistics, set theory, as well as machine and deep learning, as well as talk about how tools like NaCl and d3.js, can be used for mathematical models that can run in the browser, and on the server.

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.

Functional Reactive Programming is a slightly different take towards asynchronous programming which helps creating simple and powerful software with good architecture. FRP reduces the complexity of a asynchronous code by providing a unifying concept to cover most things asynchronous, and the result is a easy to build and easy to maintain architecture. Reactive programming is a powerful concept, Meteor is a living proof of that. FRP is another, more advanced (imho) flavour of reactive programming.

This session we'll create a moderately complex app called YARR (Yet Another RSS Reader) which is a decentralised social network of blogs, using jQuery and RxJS without any front-end isomorphic javascript framework. We're going framework-less for this session so we could concentrate only on FRP concepts which might be little hard to grasp for those who do little Functional Programming (sadly, most of Js devs). This session will demonstrate how FRP leads to a saner architecture for apps without relying on a framework for forcing your hand to do so.

Maintaining a jQuery plugins website is hard but equally rewarding. In this talk I am going to outline some of the initial difficulties I have faced and its corresponding learnings. jquer.in also played an important role into how I become a Front End Developer. Even now it plays a huge role into improving my writing skills, coding skills, contacts.

Responsive Web Design [RWD]is an extremely simple design methodology, through media queries. In this talk, we share our experience of implementing RWD for a large scale public facing project, having 3000+ dynamic page content.

We will cover Device Neutral Design, the Challenges faced and how jQuery came to our rescue.

Most of us use jQuery for seemingly everything including simple stuff like processing dialog windows. While jQuery allows us the abstraction powerful abstraction around cross-browser API differences, it can also prove to be a "security nightmare" due to the ways of usage.This session will take you through common jQuery security mistakes including XSS, data validations, inline events, URL encoding, hosted plugins and how to avoid them. The session will cover tools like like JSHint,JSLint and purifiers on the client and server side to secure webapps and avoid common pitfalls.

In today's responsive world, user experience and application performance is becoming more important than ever. Jankiness is a thing of the past, though it still haunts many web applications, let's under the working of jQuery code so that it doesn't haunt your web application.

React JS challenges lot of conventional ideas in web development at the same time providing a simple model for web development. Lets start rethinking with components, virtual DOM, JSX and see how React really shines! In this talk we will take whirlwind tour of React JS. 

We will be building an application based on Open Library API which will help us cover core features of React. At the end of session, we will have a complete app built using React.

Advances in technology is leading to an exponential growth of available data. However, there is a significant difference between possessing data and making sense of it. Data visualization helps to overcome this issue by representing relevant data in an easy to understand manner, and is even more important in the field of Health Care as data in this case may have a direct impact on human life. Data-Driven Documents (D3) is a modern day tool which helps in creating interactive visualizations of complex data and does so easily by binding data with elements in a document.

 During this presentation, we will understand the meaning and importance of relevant data-visualization, types of data-visualization and the factors that come into play when choosing a particular type of visualization. We will also learn about D3 as a visualization tool and go through some examples of visualizations using D3. We will also focus on importance of visualizations from the perspective of Healthcare.

Elm combines the rigour of a strongly and statically typed language with a very nice and usable semantics. Although the language looks very similar to Haskell or ML and is based on a similar type system, it is surprisingly easy to learn. It is built on a few basic and simple principles that compose together very well to build complex applications.

In this session we will look at the Elm language, talk a bit about its static signal graph and build a simple web app using Elm.

Over the period, web has transformed itself from 'Document oriented' (web pages) to 'Data oriented' (sections, objects) to now Semantic. As conceived by the visionary (Tim-Berners Lee), Web 3.0 is the Semantic Web. And, Linked-Data is the first step towards it. Though the concept of Semantic web existed for long, the developers are still grappling with right usage. In the current context of voice assistants like 'Google Now' and 'Siri', linked data is essential for better context aware user experience. 

In the process of creating exceptional user experience, learn how semantic data helps during phases of information architecture, user interaction and UI design.