The document summarizes Fellyph Cintra's highlights from WordCamp Europe 2019 as a front-end developer. It discusses updates to Gutenberg, including new features like the layout picker, group blocks, and cover block. It also covers the AMP plugin for WordPress, which allows sites to code in WordPress and have AMP compatibility. The AMP plugin provides AMP support for WordPress themes, blocks, and experiences like stories.

1. My highlights from WordCamp
Europe 2019 as a Front-end Dev
Fellyph Cintra @fellyph

2. @fellyph
Solutions Engineer at @DeloitteDIGI_IE
Google Developer Expert

4. https://2019.dublin.wordcamp.org/call-for-speakers/

5. WordCamp
Europe 2019 Gutenberg 6.0
AMP plugin 1.2
Gutenberg 6.0
AMP Plugin 1.2

6. Gutenberg 6.0
https://make.wordpress.org/core/2019/06/26/whats-new-in-

7. Gutenberg Phases
1. Blocks for writing and editing
2. Widget, navigation and customization (now)
3. Collaboration, multi-user editing and workflows (future)
4. Multilingual support(future)

8. Gutenberg core & Gutenberg Plugin

9. New features &
Improvements

10. Layout
Picker

11. Group
blocks

12. Widget
Latest posts

13. Block
Manager

14. Cover Block

15. Snackbars

16. Performance
The following benchmark compares performance for a particularly sizeable post (~ 36000 words, ~ 1000 blocks) over the last releases

17. Coming soon

18. Grid

19. Navigation
Block

20. Installing
Blocks

21. Motion

22. Block
Directory

23. https://amp.dev/

24. User problems
Slow loading Unresponsive pages Content displaced by ads

25. Why AMP ?
● Enforces best practices for:
● Performance
● Accessibility
● Reliability
● Responsive Design

26. AMP Core
AMP HTML AMP JS AMP Cache

27. AMP
Sidebar

28. Past

29. AMP Plugin for WordPress
AMP Experiences, the WordPress Way

30. AMP Experiences

31. Websites Stories
BETA

32. The AMP Plugin modes

33. Standard Mode
Use AMP as the framework for your
site

34. Non AMP AMP Transitional Mode
Transitional Mode
Progressively closing the visual &
functionality gap between the AMP and
non-AMP version of you site

35. Non AMP AMP Reader Mode
Reader Mode
Simplified, baseline AMP
experiences

36. AMP plugin’s magic
Code the WordPress way, let the plugin do the rest

37. AMP WordPress
All WordPress core components are
automatically AMP compatible:
Blocks, Widgets, Embeds, Comments,
etc.

38. html{…}
head{…}
body{…}
h1{…}
p{…}
CSS Tree Shaking
Ensures only the CSS needed on any
given page is loaded

39. Rendering Valid AMP
Validate page output and ensure
AMP compatibility wherever possible

40. Validation Workflow
Power, Control & Trust

41. Gutenberg blocks
AMP support for all core block
and a superset of custom AMP
blocks

42. Core Themes
Built-in AMP support for all core themes in both
Standard and Transitional modes.
https://2019-theme.amp-wp.org
https://2017-theme.amp-wp.org
https://2016-theme.amp-wp.org
https://2015-theme.amp-wp.org

43. Genesis Framework
Version 3.0 comes with AMP compatibility, making it easier to
have AMP compatible Genesis themes:
Essence Pro
Author
Metro
Breakthrough
… … ...

44. AMP Stories Editor (Beta)

45. Block navigation
Page Content
Title of your story
Settings
sidebar

46. 1. Add image from
block media library
Block media

47. 2. Insert a text box

49. AMP
Stories

50. Web Development with AMP Course
https://www.youtube.com/playlist?list=PLXTOW_XMsIDS45GB-eBV5s_M9EGIXMjI_

52. Obrigado
Thank you