Develop, Debug, Learn? A time to re-think our tooling.

I remember when this was all fields…

And then we added labels…

JavaScript, DHTML, Unobtrusive JavaScript, Flash/Air/Flex, DOM Scripting, AJAX, Comet…

A logical order…

Learn Develop Debug

Then we added abstractions…

And build processes…

Alas… Learn Depend Develop Debug

Caught in the rush…

https://pxhere.com/en/photo/489670

people.focus()

This is not about us. This is about our tech legacy.

Filling the needs - musts

Availability Accessibility Security Mutability

Adding quality - should

Enhanced performance Extended availability Customisabilty

Creating delight - want

Making full use of the platform in a safe manner Predict usage and prevent simple mistakes

developers === people

Demand overload!

Performance Security Accessibility Interoperability App-readiness Maintenance Automation Frameworks Libraries CLI/Tool customisation https://pxhere.com/en/photo/1554913

We work on faith…

🦄

Missed opportunities

https://pxhere.com/en/photo/630291

A tale of fixing a typo…

We have amazing tech, and yet nobody is happy.

The full stackoverflow developer.

What went wrong?

https://pxhere.com/en/photo/977180

Context switching is mentally exhausting – really!

Rethinking tooling… Prevent us from doing things wrong instead of patching up what we created.

A more natural approach…

Develop Learn Debug

Holistic developer tools: Lightweight, preconfigured and open to feedback and contribution.

Two sides to our stack

Editor Browser (Developer Tools) Docs(MDN / CanIUse…)

This is powerful and flexible.

Problem: You can’t know everything

In-context documentation and linting – learn while you code.

aka.ms/webhint4code

Problem: Context switching is tiring

Editing in elements

aka.ms/elements4code

Wild idea: Open source code is a resource

aka-ms/ai-autocomplete

Sorry - I have no easy answers.

But I know that an open mind, open ears and open source can fix this.

Automation is happening everywhere.

This is a good time to be open to make it easy to become a developer.

This is your world to build.

Editor Browser Docs

Merci beaucoup! Chris Heilmann

aka.ms/workwithchris @codepo8 @edgedevtools @msedgedev