Choosing to
React
to Gutenberg
Jen Miller
WordCamp San Diego, 2018
Twitter/LinkedIn: JenBlogs4u
#WCSD #Gutenberg
Do you remember when you
first heard about the
Gutenberg project?
"We're trying skate to where the puck
is going even though I've only been
to 1 hockey game in my life."
How did you feel
when you heard
about Gutenberg?
What were your concerns?
“Learn
JavaScript
Deeply.”
- Matt Mullenweg
December, 2015
● Learn more about JavaScript
● Continue to Download Gutenberg
Updates
● Test and Play with Gutenberg
● Consider Block Possibilities
● Move Forward Confidently
For me, it all boiled down to
a simple if else statement.
What other things could be
done to prepare ourselves
for Gutenberg?
Everything is in blocks.
■ Images
■ Video
■ Audio
■ Text
■ Embeds
■ Plugins
■ More
Choose how
you will react
to Gutenberg.
https://wordpress.org/plugins
/gutenberg/
Resources When Jumping In
https://medium.freecodecamp.org/a-developers-introduct
ion-to-github-1034fa55c0db - Github Intro
https://validator.w3.org/ - Validates HTML
https://developer.mozilla.org/en-US/docs/Web/HTML/Ele
ment - Reference for naming HTML Elements
http://htmlcheatsheet.com/js/ - Code quickly as you learn
with an all in one (HTML & CSS on other tabs)
Resources For Continuing On
https://developers.google.com/web/tools/chrome-devtools/javas
cript/ - Javascript debugger in Chrome
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference -
CSS Reference Guide
https://css-tricks.com/almanac/ - CSS Terms
https://css-tricks.com/how-css-selectors-work/ - CSS Styling
Thank you
and Guten Luck!
Jen Miller
WordCamp San Diego, 2018
Twitter/LinkedIn: JenBlogs4u
#WCSD #Gutenberg

Choosing to React to Gutenberg WordCamp San Diego #WCSD

  • 1.
    Choosing to React to Gutenberg JenMiller WordCamp San Diego, 2018 Twitter/LinkedIn: JenBlogs4u #WCSD #Gutenberg
  • 2.
    Do you rememberwhen you first heard about the Gutenberg project?
  • 3.
    "We're trying skateto where the puck is going even though I've only been to 1 hockey game in my life."
  • 4.
    How did youfeel when you heard about Gutenberg?
  • 5.
    What were yourconcerns?
  • 6.
  • 7.
    ● Learn moreabout JavaScript ● Continue to Download Gutenberg Updates ● Test and Play with Gutenberg ● Consider Block Possibilities ● Move Forward Confidently
  • 8.
    For me, itall boiled down to a simple if else statement.
  • 9.
    What other thingscould be done to prepare ourselves for Gutenberg?
  • 10.
    Everything is inblocks. ■ Images ■ Video ■ Audio ■ Text ■ Embeds ■ Plugins ■ More
  • 11.
    Choose how you willreact to Gutenberg. https://wordpress.org/plugins /gutenberg/
  • 12.
    Resources When JumpingIn https://medium.freecodecamp.org/a-developers-introduct ion-to-github-1034fa55c0db - Github Intro https://validator.w3.org/ - Validates HTML https://developer.mozilla.org/en-US/docs/Web/HTML/Ele ment - Reference for naming HTML Elements http://htmlcheatsheet.com/js/ - Code quickly as you learn with an all in one (HTML & CSS on other tabs)
  • 13.
    Resources For ContinuingOn https://developers.google.com/web/tools/chrome-devtools/javas cript/ - Javascript debugger in Chrome https://developer.mozilla.org/en-US/docs/Web/CSS/Reference - CSS Reference Guide https://css-tricks.com/almanac/ - CSS Terms https://css-tricks.com/how-css-selectors-work/ - CSS Styling
  • 14.
    Thank you and GutenLuck! Jen Miller WordCamp San Diego, 2018 Twitter/LinkedIn: JenBlogs4u #WCSD #Gutenberg