Being Awesome with Chrome DevTools

msankhala

Chrome Devtools has become every web developer's everyday tool. Chrome Devtools is always evolving and there are lots of features being added to Devtools. There are many more features which can make you more productive and help you quickly find bug in Javascirpt code.

Highly used feature of Chrome Devtools is Element tab or Console Tabs. But there are few other tabs like Network tab, Timeline, Application Tab, Audits tab and few more which can help you to identify front End performance and rendering issue with your application. There are few hidden or under utilized features which will blow your mind.

What level of knowledge should attendees have before walking into your session?

This session suite well to both BackEnd developers and FrontEnd developers. If you are at beginner level of web development this session will bring you at next level of frontEnd debugging.

What will your session accomplish and what will attendees walk away having learned?

  • In this session i'll have a working application and will explain each feature of Chrom Devtools by demonstration.
  • You will learn many tips and tricks which you never thought of have been there.
  • I'll explain what is workspace in Chrome Devtools and how you can map files loaded in browser to your local fileSystem so that whenever you make change in browser the same change will be made in file as well.
  • Be productive with SASS css preprocessor. Directly see SASS in Chrome Devtools and make changes directly there.
     

Register NOW

Session Track

Front End

Experience Level

Beginner

Drupal Version