Automating all the wrong things - You Gotta Love Frontend Keynote

1. Automating all the wrong things… Chris Heilmann @codepo8, You got to love frontend, Tel Aviv, June 2016

2. Of innovation and impatience Chris Heilmann @codepo8, Future Decoded, London, Nov 2015 CHRIS HEILMANN @CODEPO8

3. https://twitter.com/MrMichaelShaw/status/746271419995140096/photo/1

4. ① ② ③ ④ ⑤ ⑥ ⑦ Old and new issues of the web Tooling and insights A serious threat Quite a mess An old response A new beginning A great opportunity

5. ① ② ③ ④ ⑤ ⑥ ⑦ Old and new issues of the web The web is defined as independent of platform 🤖🍎🖼🐧

6. ① ② ③ ④ ⑤ ⑥ ⑦ Old and new issues of the web Independent of browser…

7. ① ② ③ ④ ⑤ ⑥ ⑦ Old and new issues of the web Independent of connectivity… 🚲🏍🚗🚜🚄✈

8. ① ② ③ ④ ⑤ ⑥ ⑦ Old and new issues of the web Independent of location… 🗺

9. ① ② ③ ④ ⑤ ⑥ ⑦ Old and new issues of the web Independent of ability… ♿👀./0

10. ① ② ③ ④ ⑤ ⑥ ⑦ Old and new issues of the web Independent of skill set - anyone can be a publisher 🚪

11. ① ② ③ ④ ⑤ ⑥ ⑦ Old and new issues of the web We constantly keep forgetting that. 🙄

12. ① ② ③ ④ ⑤ ⑥ ⑦ Old and new issues of the web To make it easier for us, we make our own perfect world… 🌏💰🍾🦄🌈

13. ① ② ③ ④ ⑤ ⑥ ⑦ Old and new issues of the web

15. ① ② ③ ④ ⑤ ⑥ ⑦ Old and new issues of the web This is hurtful to the web and to our jobs. ☠

16. ① ② ③ ④ ⑤ ⑥ ⑦ Old and new issues of the web We deliver sub-optimal solutions that have a expiration date whilst preaching that the web is better than native environments because of its longevity. 🚧

19. ① ② ③ ④ ⑤ ⑥ ⑦ Tooling and insights We live right now in a beautiful world for web development. 🎉🍻

20. ① ② ③ ④ ⑤ ⑥ ⑦ Tooling and insights Our browsers are evergreen, and we have incredibly exciting APIs to create engaging solutions. 🎊🎈🎇

21. ① ② ③ ④ ⑤ ⑥ ⑦ Tooling and insights I’d go as far as saying that we have no excuses, seeing just how far our tooling has advanced over the years. 🔧🔨🔩

22. ① ② ③ ④ ⑤ ⑥ ⑦ Tooling and insights We have insight into how browsers work and where our solutions misbehave. 🔍

23. ① ② ③ ④ ⑤ ⑥ ⑦ Tooling and insights http://www.webpagetest.org

24. ① ② ③ ④ ⑤ ⑥ ⑦ Tooling and insights http://www.webpagetest.org

25. ① ② ③ ④ ⑤ ⑥ ⑦ Tooling and insights https://csstriggers.com/

26. ① ② ③ ④ ⑤ ⑥ ⑦ Tooling and insights Our browser developer tools allow for inspection and creation at the same time. 🔦🖌

27. ① ② ③ ④ ⑤ ⑥ ⑦ Tooling and insights Almost all of our creation tools are extensible and we can add functionality we want to them. 🔭

28. ① ② ③ ④ ⑤ ⑥ ⑦ Tooling and insights code.visualstudio.com

29. ① ② ③ ④ ⑤ ⑥ ⑦ Tooling and insights

30. ① ② ③ ④ ⑤ ⑥ ⑦ Tooling and insights https://html.spec.whatwg.org/multipage/forms.html#inappropriate-for-the-control

31. ① ② ③ ④ ⑤ ⑥ ⑦ Tooling and insights https://github.com/Microsoft/vscode/pull/7152

32. ① ② ③ ④ ⑤ ⑥ ⑦ Tooling and insights Examining and altering code in a secure manner has never been more accessible to us - we can contribute.

35. ① ② ③ ④ ⑤ ⑥ ⑦ A serious threat

36. ① ② ③ ④ ⑤ ⑥ ⑦ A serious threat https://developer.microsoft.com/en-us/microsoft-edge/platform/catalog/

37. ① ② ③ ④ ⑤ ⑥ ⑦ A serious threat Mobile was the new hype - apps were the solutions to everything. 📱

38. ① ② ③ ④ ⑤ ⑥ ⑦ A serious threat Our web technologies weren’t good enough to match it - by design the mobile world was not web friendly. 💸🗑

39. ① ② ③ ④ ⑤ ⑥ ⑦ A serious threat We tried to beat native by playing by its own rules. 📦

40. ① ② ③ ④ ⑤ ⑥ ⑦ A serious threat Web solutions on the mobile playing field needed to be nimble and fast. 👟🏁

41. ① ② ③ ④ ⑤ ⑥ ⑦ Quite a mess http://httparchive.org

42. ① ② ③ ④ ⑤ ⑥ ⑦ Quite a mess http://httparchive.org

43. ① ② ③ ④ ⑤ ⑥ ⑦ Quite a mess We rely on fixing cross-browser issues and differences in form factors by adding more and more libraries. 😏🐌😩🐢

44. ① ② ③ ④ ⑤ ⑥ ⑦ Quite a mess Many of the things that clog up the web are not needed any longer - the platform moved on and we should with it. 🚀

45. ① ② ③ ④ ⑤ ⑥ ⑦ Quite a mess

46. ① ② ③ ④ ⑤ ⑥ ⑦ An old response Alas, every time the web got a new form factor, we consider it a necessity to totally change our ways… 🔀

47. ① ② ③ ④ ⑤ ⑥ ⑦ An old response Taking a page from the book of application and service design, we’re applying task runners and package managers to optimise the outcome of our products.

48. ① ② ③ ④ ⑤ ⑥ ⑦ An old response Often this is to undo bad practices after they’ve been applied or feels like overkill.

49. ① ② ③ ④ ⑤ ⑥ ⑦ An old response Nothing says this is the wrong way of approaching the issue. It may make our market more professional. 💼👓👔

50. ① ② ③ ④ ⑤ ⑥ ⑦ An old response It does, however, make it harder to start publishing on the web and can be discouraging for new beginners… 😕

51. ① ② ③ ④ ⑤ ⑥ ⑦ ⏲ An old response There is something to be said for being open to solutions that do deliver good results right now…

52. ① ② ③ ④ ⑤ ⑥ ⑦ An old response

53. ① ② ③ ④ ⑤ ⑥ ⑦ An old response

54. ① ② ③ ④ ⑤ ⑥ ⑦ A new beginning Fact is though, that if you start fresh now, or you want to refresh your knowledge, you’re in for a treat! 🍬

55. ① ② ③ ④ ⑤ ⑥ ⑦ A new beginning https://remysharp.com/2016/05/28/state-of-the-gap We have parity with native mobile platforms.

60. ① ② ③ ④ ⑤ ⑥ ⑦ A new beginning There is no shortage on up-to-date, free information in form of articles, videos and even full online courses. 🗞

61. ① ② ③ ④ ⑤ ⑥ ⑦ A new beginning Time to reconsider how we tell people about our craft and how to teach them new topics based on great old ideas rather than a script or a tool to replace them. 🏫

62. ① ② ③ ④ ⑤ ⑥ ⑦ A new beginning

63. ① ② ③ ④ ⑤ ⑥ ⑦ A new beginning

64. ① ② ③ ④ ⑤ ⑥ ⑦ A great opportunity We are right now in a very short time frame to embrace an incredibly exciting opportunity… 🌪

65. ① ② ③ ④ ⑤ ⑥ ⑦ A great opportunity The form factor of native apps and closed marketplaces is rapidly falling apart. 💩

66. ① ② ③ ④ ⑤ ⑥ ⑦ A great opportunity People are tired of constant update requests and notifications from apps they installed. 🛎

67. ① ② ③ ④ ⑤ ⑥ ⑦ A great opportunity Updates are too big and take too long to download. 🕰

68. ① ② ③ ④ ⑤ ⑥ ⑦ A great opportunity They also take up too much data on mobile contracts with limited data access per month. 💸

69. ① ② ③ ④ ⑤ ⑥ ⑦ A great opportunity App download numbers tanked, on average in the US every month no new apps get installed. 📉 http://www.recode.net/2016/6/8/11883518/app-boom-over-snapchat-uber http://qz.com/253618/most-smartphone-users-download-zero-apps-per-month/

70. ① ② ③ ④ ⑤ ⑥ ⑦ A great opportunity The reason is the limited distribution model of market places. (an issue the web can solve!)

71. ① ② ③ ④ ⑤ ⑥ ⑦ A great opportunity If you are savvy about the web and you want to move things forward, look into Service Workers. 🔧 https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API

72. ① ② ③ ④ ⑤ ⑥ ⑦ A great opportunity Service Workers is a browser/JavaScript API that allows you to cache and react to network requests. It also allows you to send notifications to users about updates. 🛰

73. ① ② ③ ④ ⑤ ⑥ ⑦ A great opportunity If there is one thing to be part of right now, it is Progressive Web Apps. We have a unique opportunity right now to move the web front and centre in a declined closed technology market. 🦄

74. ① ② ③ ④ ⑤ ⑥ ⑦ A great opportunity https://www.youtube.com/playlist?list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb

75. ① ② ③ ④ ⑤ ⑥ ⑦ A great opportunity

76. ① ② ③ ④ ⑤ ⑥ ⑦ A great opportunity

77. TODA! CHRIS HEILMANN @CODEPO8 CHRISTIANHEILMANN.COM

Automating all the wrong things - You Gotta Love Frontend Keynote

You are reading a preview.

Check these out next

Automating all the wrong things - You Gotta Love Frontend Keynote

More Related Content

Slideshows for you (20)

Viewers also liked (17)

Similar to Automating all the wrong things - You Gotta Love Frontend Keynote (20)

More from Christian Heilmann (20)

Recently uploaded (20)