Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
@mikehale#wcchi
Gutenberg: You Can't Teach an Old Dev New Tricks
WordCamp Chicago 2018
Mike Hale
Stompgear - Founder
Freelance WordPress Developer
● Startups
● SaaS
● eCommerce
● Agencies
● Fortune 500
Stompge...
Matt Mullenweg - State of the Word - WordCamp US 2015
/cgi-bin/
1995: Common Gateway Interface & PERL
1996: Active Server Pages (IIS3)
2002: ASP.Net
C#, MVC, Core...
2011: WordPress & PHP
Ready, Set, GO?
★ wp.element
● XML/HTML like syntax used by React
● Extension to the JavaScript language
● Used by preprocessors
● Won't run in a brows...
● .babelrc config file
● "Transpiles" JSX to JavaScript
● Allows for modern syntax in older browsers
Babel
Babel
● Dependency Graph Manager
● Bundle multiple source files
● "Loaders" (like tasks in Gulp or Grunt)
● Configure Dev server...
● Node.js is a fast, cross-platform JavaScript runtime
environment
● NPM: Node Package Manager
○ Installs packages (code l...
Now
Next...
WordCamp US 2015 by echofoxtrot is licensed under CC BY-NC 2.0
The Future
Morten Rand-Hendriksen
Gutenberg & The Future of WordPress
WordCamp US 2017
https://wordpress.tv/2017/11/28/mor...
New WP Block Editor Development Course by Zac Gordon
Foundation and Examples for Building
Blocks
● How the Block Editor Works
● Creating Custom Blocks
● Working with Native Bl...
create-guten-block
Ahmad Awais
Zero-configuration developer toolkit
No configuring React, Webpack,
ES6/Next, ESLint, Babel...
@MikeHale
Stompgear - Founder
Freelance WordPress Developer
● Startups
● SaaS
● eCommerce
● Agencies
● Fortune 500
Stompge...
Gutenberg: You Can't Teach an Old Dev New Tricks - WordCamp Chicago 2018
Gutenberg: You Can't Teach an Old Dev New Tricks - WordCamp Chicago 2018
Gutenberg: You Can't Teach an Old Dev New Tricks - WordCamp Chicago 2018
Gutenberg: You Can't Teach an Old Dev New Tricks - WordCamp Chicago 2018
Gutenberg: You Can't Teach an Old Dev New Tricks - WordCamp Chicago 2018
Gutenberg: You Can't Teach an Old Dev New Tricks - WordCamp Chicago 2018
Gutenberg: You Can't Teach an Old Dev New Tricks - WordCamp Chicago 2018
Gutenberg: You Can't Teach an Old Dev New Tricks - WordCamp Chicago 2018
Gutenberg: You Can't Teach an Old Dev New Tricks - WordCamp Chicago 2018
Gutenberg: You Can't Teach an Old Dev New Tricks - WordCamp Chicago 2018
Gutenberg: You Can't Teach an Old Dev New Tricks - WordCamp Chicago 2018
Gutenberg: You Can't Teach an Old Dev New Tricks - WordCamp Chicago 2018
Gutenberg: You Can't Teach an Old Dev New Tricks - WordCamp Chicago 2018
Gutenberg: You Can't Teach an Old Dev New Tricks - WordCamp Chicago 2018
Gutenberg: You Can't Teach an Old Dev New Tricks - WordCamp Chicago 2018
Gutenberg: You Can't Teach an Old Dev New Tricks - WordCamp Chicago 2018
Gutenberg: You Can't Teach an Old Dev New Tricks - WordCamp Chicago 2018
Gutenberg: You Can't Teach an Old Dev New Tricks - WordCamp Chicago 2018
Gutenberg: You Can't Teach an Old Dev New Tricks - WordCamp Chicago 2018
Prochain SlideShare
Chargement dans…5
×

0

Partager

Télécharger pour lire hors ligne

Gutenberg: You Can't Teach an Old Dev New Tricks - WordCamp Chicago 2018

Télécharger pour lire hors ligne

Gutenberg is coming, and it’s bringing a lot of changes to how WordPress themes and plugins will be developed. What does that mean for a a grumpy, old developer like me? Well if you want to keep working in WordPress, it means it’s time to buckle down and lean something new. In this session we’ll cover some of the changes Gutenberg means for developers, and all the new tools, languages and libraries you need to to learn to start to develop with Gutenberg.

Livres associés

Gratuit avec un essai de 30 jours de Scribd

Tout voir
  • Soyez le premier à aimer ceci

Gutenberg: You Can't Teach an Old Dev New Tricks - WordCamp Chicago 2018

  1. 1. @mikehale#wcchi Gutenberg: You Can't Teach an Old Dev New Tricks WordCamp Chicago 2018
  2. 2. Mike Hale Stompgear - Founder Freelance WordPress Developer ● Startups ● SaaS ● eCommerce ● Agencies ● Fortune 500 Stompgear Digital Marketing
  3. 3. Matt Mullenweg - State of the Word - WordCamp US 2015
  4. 4. /cgi-bin/ 1995: Common Gateway Interface & PERL
  5. 5. 1996: Active Server Pages (IIS3)
  6. 6. 2002: ASP.Net C#, MVC, Core...
  7. 7. 2011: WordPress & PHP
  8. 8. Ready, Set, GO?
  9. 9. ★ wp.element
  10. 10. ● XML/HTML like syntax used by React ● Extension to the JavaScript language ● Used by preprocessors ● Won't run in a browser ● Syntactic Sugar JSX
  11. 11. ● .babelrc config file ● "Transpiles" JSX to JavaScript ● Allows for modern syntax in older browsers Babel
  12. 12. Babel
  13. 13. ● Dependency Graph Manager ● Bundle multiple source files ● "Loaders" (like tasks in Gulp or Grunt) ● Configure Dev server for "hot" reloading Webpack
  14. 14. ● Node.js is a fast, cross-platform JavaScript runtime environment ● NPM: Node Package Manager ○ Installs packages (code libraries) ○ Dev or Prod Environments Node.js & NPM
  15. 15. Now
  16. 16. Next...
  17. 17. WordCamp US 2015 by echofoxtrot is licensed under CC BY-NC 2.0
  18. 18. The Future Morten Rand-Hendriksen Gutenberg & The Future of WordPress WordCamp US 2017 https://wordpress.tv/2017/11/28/morten-rand-hendriksen-gutenberg-the-future-of-wordpress/
  19. 19. New WP Block Editor Development Course by Zac Gordon
  20. 20. Foundation and Examples for Building Blocks ● How the Block Editor Works ● Creating Custom Blocks ● Working with Native Blocks ● Options for Theme Developers ● Example Blocks ● Modern JS/ES6+, JSX, React, webpack & babel
  21. 21. create-guten-block Ahmad Awais Zero-configuration developer toolkit No configuring React, Webpack, ES6/Next, ESLint, Babel... https://github.com/ahmadawais/create-guten-block
  22. 22. @MikeHale Stompgear - Founder Freelance WordPress Developer ● Startups ● SaaS ● eCommerce ● Agencies ● Fortune 500 Stompgear Digital Marketing

Gutenberg is coming, and it’s bringing a lot of changes to how WordPress themes and plugins will be developed. What does that mean for a a grumpy, old developer like me? Well if you want to keep working in WordPress, it means it’s time to buckle down and lean something new. In this session we’ll cover some of the changes Gutenberg means for developers, and all the new tools, languages and libraries you need to to learn to start to develop with Gutenberg.

Vues

Nombre de vues

299

Sur Slideshare

0

À partir des intégrations

0

Nombre d'intégrations

3

Actions

Téléchargements

0

Partages

0

Commentaires

0

Mentions J'aime

0

×