Recomendados
Más contenido relacionado
Más de Luc Princen
Block the System
- 1. BLOCK THE SYSTEM Richtig geile klasse! @LucP - Meetup Utrecht - 22 Mei
- 2. @LucP
- 4. @LucP
- 9. @LucP
- 10. Wat een programmeur wil... data vorm functie
- 16. "ES6" in vier slides... Meer? Check de course van Wes Bos! @LucP
- 17. "ES6" in vier slides... function( param1, param2 ){ Return 'Hello World' } ( param1, param2 ) => { 'Hello World' } Functions Toen Nu @LucP
- 18. "ES6" in vier slides... var test = 'Hello World'; console.log( test ) /-> Hello World let test = 'Hello World'; console.log( test ); /-> Hello World test = 'Hello'; console.log( test ); /-> Hello const myVar = 'Can't touch this'; myVar = 'Let's try anyway' /-> ERROR! Let / Const Toen Nu @LucP
- 19. "ES6" in vier slides... Var HelloWorld = new function(){ Init: function(){ //logic here } } Class HelloWorld extends Component{ constructor(){ super(...arguments); } } Classes Toen Nu @LucP
- 20. "ES6" in vier slides... <script type="text/javascript" src=". Import 'Sort' from 'gutenberg-sortable' Components Toen Nu @LucP
- 22. Webpack = samenvoegen Babel = zorgen dat 't werkt @LucP
- 24. 1 ding installeren 3 bestandjes kopiëren 2 terminal commando's NodeJS. Hier te downloaden package.json npm install webpack.config.js .babelrc npm run dev @LucP
- 26. De anatomie van een block @LucP
- 27. - naam - meta-data (icoon, categorie, etc) - attributen - edit - save registerBlockType() @LucP
- 28. Let's jump to the code! @LucP Full example: github.com/lucprincen/my-plugin.git
- 29. @LucP
- 31. @LucP 😟 🤨
- 34. Accessibility Google Lighthouse meting, 6-11-2018@LucP
- 35. HTML: <aside> Sidebar <section> Tekst <article> Content <header> titel + intro <footer> related + further links <section> <section> <section> <section> <footer> (page) <header>
- 36. Conclusie @LucP Ga bouwen, Ga proberen, Echt... het is makkelijker dan je denkt.
- 37. Zijn er nog vragen? @LucP