Pavan has been building Frontend applications for close to 15 years. In this time he has used a variety of technologies, tools and platforms ranging from Java, .Net/WPF to iOS/macOS and of course the Web platform. For the past 8 years he has been building large scale financial apps for some of the big names on the Wall St. Most of his focus these days is on Angular (1.x, 2.x), React, Node.js and a variety of client-side tools and libraries.
Pavan is also a published author of WPF Control Development Unleashed, was Microsoft MVP for Client App Dev (2008-2011) and is the creator of QuickLens, a Mac App for UI Designers/Developers. He also likes to write articles and create videos courses at Tuts+.
He loves to spend his free time playing Ping Pong or sketching on his iPad Pro :-)
UI Development is a great confluence of Computer Science and Art. At the core, it is a matter of applying sound Software Engineering principles. However, in the daze of current UI trends, frameworks and libraries, we sometimes get distracted from the core principles.
This talk is about re-orienting ourselves with the core ideas and practices that surround effective UI Development. Not surprisingly, many of these ideas have been embraced by current frameworks and libraries. We will take a step back, peel some of the layers and look at the building blocks of effective UI Engineering. Few things we will touch upon include:
- Decomposing a Wireframe
- Thinking in layers
- Component-Oriented development
- Optimizing the Single Threaded UI
Chrome DevTools offers a comprehensive set of tools to analyze and inspect your web pages. What is lesser known is a whole gamut of shortcuts and tricks that can make you far more productive. It’s time this knowledge becomes more commonplace. Join me as we cover a wide variety of tips and tricks for the most popular Web Debugging Tool.
