Developersummit
  • HOME
  • CALL FOR PAPERS
  • BUY TICKETS
  • CONTACT
  • INSIGHTS
  • ONDEMAND
saltmarch

GIDS news media, articles, insights and virtual events educate and illuminate its audiences so they can be fully prepared to deal with the new realities at work and in their professions.

Saltmarch On-Demand
Media

Our Experts

Videos On Demand

Insights

Call for Papers

Connect

About Us

Privacy Policy

Terms & Conditions

Code of Conduct

Contact Us

Subscribe to Developersummit

Get the latest event updates, and insights from today's leading voices.

© 2026-2027 Saltmarch. All rights reserved.

Web Refactoring into Testability Workshop
RegisterTwitterLinkedInFacebook

< session />

Web Refactoring into Testability Workshop

Fri, October 2 at 5:30 AM - 9:30 AM GMT+5:30FrontEnd

In his book Refactoring: Improving the Design of Existing Code, Martin Fowler gives a simple, compelling definition of the word: "noun: a change made to the internal structure of software to make it easier to understand and cheaper to modify without changing its observable behavior". The examples in the book are written in JavaScript and Java. Can the same principles be applied to web development?

In this workshop, expert Scott Davis (Web Architect and Developer Advocate, ThoughtWorks) brings the engineering rigor of Refactoring to an existing, perfectly functional website -- a website that works now, but might give anyone pause if they were tasked with adding some new functionality to it. The website is what Scott affectionately calls "20th Century Idiomatic" -- "page-centric" if one is feeling charitable; "monolithic" and "pathologically global" if less so.

Join Scott as he brings 21st Century web development practices and programming to the "internal structure" of the website -- web components and custom events; templates and shadow DOM; -- and modern testing tools -- Gauge and Taiko -- that "make it easier to understand and cheaper to modify without changing its observable behavior".

What you'll learn-and how you can apply it

By the end of this live, hands-on, online course, you’ll understand:

  • Refactoring and Testing strategies
  • HTML5 Custom Elements, Shadow DOM, HTML Templates, Custom Events
  • Free and open-source testing tools like Gauge and Taiko

And you’ll be able to:

  • Refactor a monolithic website into one based on framework-free, standards-based Web Components
  • Learn about modern testing strategies and tools

This training course is for you because...

  • You're a web developer
  • You work with standards-based HTML5 technologies
  • You want to become a better front-end web developer

Prerequisites

  • Basic familiarity with HTML, CSS, and JavaScript
  • We will be writing very little code from scratch. Most exercises involve rearranging existing code, finished labs will be provided for each exercise.

Recommended preparation:

  • Have NodeJS 10.x or higher installed on your local machine.
  • Use npm to download and install Taiko and Gauge.
  • Have a text editor or IDE of your choice ready to edit basic HTML, CSS, and JavaScript files, as well as a web browser to view your locally running web site.
  • Download or clone the GitHub repository link and bookmark the live demo website URL.

< speaker_info />

About the speaker

Scott Davis

Scott Davis

Web Architect and Digital Accessibility Advocate

Scott Davis is a Web Architect and Digital Accessibility Advocate, focusing on the multisensory aspects of web development. In a world where half of all Google searches are done by voice, and 80% of all social media videos are watched with the sound off and closed captions on, accessibility is a springboard for innovation.

Related Talks

Demystifying Micro-Frontends

Thu, October 1

Demystifying Micro-Frontends

Luca Mezzalira
Developing React Applications with Functional Components

Wed, April 26

Developing React Applications with Functional Components

Venkat Subramaniam
Codified Security

Thu, October 1

Codified Security

Eldar Marcussen

On-Demand Talks

4 Steps from JavaScript to TypeScript

4 Steps from JavaScript to TypeScript

Phil Nash
Demystifying Micro-Frontends

Demystifying Micro-Frontends

Luca Mezzalira
Unlock the Secret to Exceptional Digital Experiences

Unlock the Secret to Exceptional Digital Experiences

Padmaraj Moorthy, Jay Khatri
Make me Pretty

Make me Pretty

Emma Carter
Angular Dependency Injection In-Depth

Angular Dependency Injection In-Depth

Nir Kaufman
What's New in JavaScript (ES 2020) - Part I

What's New in JavaScript (ES 2020) - Part I

Raju Gandhi
All On-Demand »