Web Components zijn een paar nieuwe web platform API's met focus op encapsulatie en hergebruik. Web Components brenght het "component manier van programmeren" naar de browser. Maar brengt ook complexiteit met zich mee als je applicaties volledig op de component manier wilt programmeren. Kan een pure functionele programmeer taal hulp bieden?

2. JORDY MOOSJORDY MOOS

10. Ik hoorde net dat ING ... haat en ... doet

12. Ik hoorde net dat @JordyMoos ... haat en
... doet

14. ADDING A BIT OF STATIC TYPE CHECKINGADDING A BIT OF STATIC TYPE CHECKING
TO A WORLD OF WEB COMPONENTSTO A WORLD OF WEB COMPONENTS

15. VOEG EEN BEETJE ‘STATIC TYPE CHECKING’VOEG EEN BEETJE ‘STATIC TYPE CHECKING’
TOE AAN EEN WERELD VAN WEBTOE AAN EEN WERELD VAN WEB
COMPONENTSCOMPONENTS

22. WEB COMPONENTSWEB COMPONENTS
Web platform APIs
Component-based engineering
Encapsulation and Reusability

23. WEB PLATFORM APISWEB PLATFORM APIS
Custom Elements
Shadow DOM
HTML Template
HTML Imports

24. CUSTOM ELEMENTSCUSTOM ELEMENTS

25. SHADOW DOMSHADOW DOM

26. HTML TEMPLATEHTML TEMPLATE

27. HTML IMPORTSHTML IMPORTS

28. HTML IMPORTSHTML IMPORTS
ES MODULESES MODULES

30. WEB COMPONENTSWEB COMPONENTS

31. MAAR HET BELANGRIJKSTE ...MAAR HET BELANGRIJKSTE ...

32. HET IS EEN WEB STANDAARDHET IS EEN WEB STANDAARD

33. LATEN WE KIJKEN HOE WEB COMPONENTSLATEN WE KIJKEN HOE WEB COMPONENTS
WERKENWERKEN

40. ATTRIBUTES IS EEN GOEIE MANIER OM AANATTRIBUTES IS EEN GOEIE MANIER OM AAN
DATA TE KOMENDATA TE KOMEN

41. MAAR JE WILT SOMS OOK INFORMATIEMAAR JE WILT SOMS OOK INFORMATIE
DELENDELEN

45. LIBRARIESLIBRARIES
Polymer
Hybrids
Skate.js

66. ELMELM
Usability
Performance
Robustness

67. ELMELM
Pure Functional language

68. ELMELM
Pure Functional language
Statically Typed

69. ELMELM
Pure Functional language
Statically Typed
Strongly Typed

70. "NO RUNTIME ERRORS""NO RUNTIME ERRORS"

71. SORRY GEEN ELM QUIZ!SORRY GEEN ELM QUIZ!

75. ELM EXAMPLEELM EXAMPLE

83. ELM LIVE DEMOELM LIVE DEMO

84. VOEG EEN BEETJE ‘STATIC TYPE CHECKING’VOEG EEN BEETJE ‘STATIC TYPE CHECKING’
TOE AAN EEN WERELD VAN WEBTOE AAN EEN WERELD VAN WEB
COMPONENTSCOMPONENTS

85. COMBINEER WEB COMPONENTS EN ELMCOMBINEER WEB COMPONENTS EN ELM

95. "CONCLUSIE""CONCLUSIE"
Split the Logic and View layer
Elm for the logic
Web Components for the view

96. "CONCLUSIE""CONCLUSIE"
Bind je niet vast aan een framework
Web Standaarden en talen gaan langer mee
Schrijf code dat blijft. Ipv code wat je elkaar opnieuw
moet schrijven

97. TAKE AWAYTAKE AWAY
Ga niet blind op een ding
Probeer dingen te combineren en te gebruiken waar
ze goed voor zijn
Experimenteer

98. CODECODE
github.com/JordyMoos/elm-quiz
github.com/JordyMoos/jm-quiz
github.com/JordyMoos/elm-polymer-shop

99. LEER OVER WEB COMPONENTSLEER OVER WEB COMPONENTS
https://github.com/thepassle/webcomponents-from-
zero-to-hero

100. LEER OVER ELMLEER OVER ELM
guide.elm-lang.org
Play with the ELM

101. THANK YOUTHANK YOU

102. THANKS FOR THE LOGO PASCALTHANKS FOR THE LOGO PASCAL
https://twitter.com/passle_

103. ABOUT MEABOUT ME
https://www.linkedin.com/in/jordy-moos-8a809754/
https://twitter.com/jordymoos
https://github.com/jordymoos