Needle in a haystack - Advanced DevTools usage

Sep 2015

14 Mon

15 Tue 08:30 AM – 05:35 PM IST

16 Wed 09:45 AM – 06:00 PM IST

17 Thu 08:45 AM – 05:35 PM IST

18 Fri 08:15 AM – 05:55 PM IST

19 Sat 09:45 AM – 05:50 PM IST

20 Sun 10:00 AM – 06:00 PM IST

Make a submission

MLR Convention Centre, J P Nagar, Bangalore

JSFoo is India’s premier JavaScript conference. This year is the fifth edition.

The theme for the 2015 edition is the future of JavaScript.

We are looking for talks and workshops from academics and practitioners who are at the cutting edge of developments in JavaScript.

We want to hear all about:

Advances in browser JavaScript
JavaScript in hardware
Functional JavaScript
Cutting edge developments, including original work
ES6

Editorial panel

Santosh Rajan, founder Geekskool
Shwetank Dixit, Extensions Program Manager and Web Evangelist, Opera Software
Sindhu S, Recurse Center alumni
Zainab Bawa, editorial coordinator, co-founder at HasGeek

HasGeek believes in open source as the binding force of our community. If you are describing a codebase for developers to work with, we’d like it to be available under a permissive open source license. If your software is commercially licensed or available under a combination of commercial and restrictive open source licenses (such as the various forms of the GPL), please consider picking up a sponsorship. We recognize that there are valid reasons for commercial licensing, but ask that you support us in return for giving you an audience. Your session will be marked on the schedule as a sponsored session.

Workshops

If you are interested in conducting a hands-on session on any of the topics falling under the themes described above, please submit a proposal under the workshops section. We also need you to tell us about your past experience in teaching and/or conducting workshops.

BOF sessions

If you are interested in doing an unconference during the breakout sessions, propose a topic which will be of interest to the community.

Important dates:

Deadline for submitting proposals: 31 July 2015
Conference dates: 18-19 September
Workshops: 15, 16, 17 and 20 September

Hosted by

JSFoo

JSFoo is a forum for discussing UI engineering; fullstack development; web applications engineering, performance, security and design; accessibility; and latest developments in #JavaScript. Follow JSFoo on Twitter more

All submissions

Previous Next

Needle in a haystack - Advanced DevTools usage

Submitted Jul 30, 2015

Section: Full talk Technical level: Advanced

The talk will cover the latest on the Chrome DevTools. The audience can expect an introduction to its the toolset with the help of near real life examples. More specifically, look forward to

Understanding how to check your app for memory leaks and find out if your app needs memory optimizations.
How to create your own Chrome DevTools extension and customize it?
Understanding how you can debug faster. The latest advancements in the Debugger allow it to be used to control the flow of more than just scripts.

Outline

The DevTools offer a set of powerful debugging and analysis tools to developers by enabling access to the internals of web pages. While most of us use the browser tools on a day to day basis for styling or basic script debugging, the Chrome DevTools offer much more than just this.
I came across such use of DevTools on a previous project where they helped us in solving a major memory leak due to recurring event bindings. From then on, the DevTools have only gotten powerful and now it is paramount that we incorporate their use in our everyday development process.
Some insights about the talk:

The talk will be in the form of small examples each corresponding to common problems faced when building front end heavy web applications. Taking each example, the idea would be to apply the available DevTools and see how they allow us to detect and, pin point the source of, performance bottlenecks.
The talk will discuss the usage of some powerful debugging techniques enabled by the DevTools like Memory snapshot comparisons or the Object allocation tracker.
Some popular extensions for the Chrome DevTools.

Requirements

Prior experience working with a JavaScript Console/DevTools would be recommended.

Speaker bio

Manan is a full stack developer at ThoughtWorks. While he has experience working with various backend technologies including languages like Ruby, Java, he is quite fond of JavaScript on the front end. He places a strong emphasis on writing better JavaScript code ensuring quality through the use of modern day testing tools including libraries like Jasmine, Mocha, Sinon etc.
Manan firmly believes that non performant JavaScript has an adverse effect on the success of an application and likes to keep up to date with tools and practices that enable better performance.