This talk, presented at Drupal Global Training Days Montreal - September 2016 walks through features of Drupal 8, examples of sites built with Drupal, an introduction to the Drupal community and topics for learning Drupal theming and module development.

1. WHAT IS DRUPAL?
AN INTRO TO DRUPAL 8
evolvingweb.ca
@evolvingweb

2. SCHEDULE FOR TODAY
1. Introductions
2. What is Drupal?
3. What You Can Build with Drupal
4. Site Building: Hands-on Demos
5. Meet the Drupal Community!
6. Overview of Back-end Functionality and Custom
Development
7. QA + Discussion

3. Our expertise, Your digital DNA.
.ca

4. WE MAKE DRUPAL WEBSITES
FOR ALL TYPES OF CLIENTS

5. • Large, scalable infrastructure and deployments
• Multilingual content management
• Flexible search interfaces
• Content import and synchronization
• Custom Drupal development
• Integration with external IT systems
• Drupal training
WHAT WE DO

6. DRUPAL 8 TRAINING

7. • Drupal 8 Site Building - 1 day
• Drupal 8 Theming - 2 days
• Drupal 8 Module Development - 2 days
• Real World Agile (for Drupal) - 1 day
DRUPAL 8 TRAININGS

8. SUZANNE DERGACHEVA
• Drupal trainer
• Co-founded Evolving Web
in 2007
• Manage Drupal projects
• Experienced site builder,
themer, and developer
• @suzanne_kennedy

9. About You!

10. WHAT IS DRUPAL?

11. WEBSITES ARE ALL THE
SAME…

12. THEY ALL HAVE…
• A Header with your logo and your organization
name
• A footer with your contact info
• Navigation
• Pages of content
• Maybe articles and events
• Maybe a search form
• URLs
• A contact page

13. WEBSITES ARE REALLY
DIFFERENT!

14. YOU WANT YOUR OWN…
• Branding and colours
• List of products with special features
• Unique content
• Customized search with special filters
• Illustrations and graphics
• Landing pages that stand out
• Highlight the content that’s most important
• Target your key audiences

15. FEATURES OF DRUPAL 8
• Content
management
• Taxonomy for
organizing content
• Flexible navigation
system
• Comments
• Search
• Content listings
• Contact forms
• WYSIWYG Editor
• Nice content
authoring experience
• Multilingual content
& user interface
• User management
• Accessibility
• Responsive design

16. TOUR OF THE ADMIN UI

17. DRUPAL TERMINOLOGY
• Node - Piece of content
• Content type - A template for content
• Vocabulary - Way of categorizing content
• View - Content listing
• Module - Functionality that you can add to a
Drupal website
• Theme - Defines the layout, look and feel
• Block - Displays content, a list, menu, form, etc.
on the page (often in the sidebar, header, footer)
• Permission - A task that a user can do
• Role - A type of user

18. WHAT CAN YOU
BUILD WITH
DRUPAL?

19. CORPORATE WEBSITE
e v o l v i n g w e b . c a
OUR
PROJECT
EXPERIENC
E
• Flexible landing pages that
target key audiences
• Workflow for publishing/
scheduling content
• Content types for services,
conferences, press releases

20. CORPORATE WEBSITE
e v o l v i n g w e b . c a
OUR
PROJECT
EXPERIENC
E
• Contact forms for
collecting leads and
inquiries
• Corporate branding
• Content types for FAQ,
media listings, highlighted
projects

21. INTRANET
e v o l v i n g w e b . c a
OUR
PROJECT
EXPERIENC
E
• Private content
• Custom workflow for
internal processes
• Single sign on
• Listings of internal
content (e.g. regulations,
clients, internal news,
meeting notes)

22. ONLINE DIRECTORY
e v o l v i n g w e b . c a
• Content listing pages
• Search tools
• Embedded listings
• Related content
• Relationships between
content

23. ONLINE DIRECTORY
e v o l v i n g w e b . c a
• Multi-step form
• Custom validation
• Integration with third-
party database
• Custom admin interface
• Custom user registration

24. MARKETING PORTAL
e v o l v i n g w e b . c a
• Audience targeting
• Landing pages for SEO
• Mix of content and
marketing material
(vendor listings)
• Campaign landing
pages

25. MEET THE COMMUNITY!

26. Drupal is Open Source

27. Drupal.org

28. DOWNLOAD DRUPAL CORE

29. DRUPAL CORE
Taxonomy
city break
CommentsUsers
D. Schrute
Germany
J. Halpert
Spain
adventure
city break
sailing
shopping
dwight
8 Sept
Wow, can't
wait to get
started.
joe
8 Sept
Me too!
Content
Content title
ContactServicesFeatured About PortfolioNews
text search

30. DRUPAL CORE CODE

31. HOW DO I ADD X?
• Add an events calendar
• Social media links
• E-commerce features
• LDAP integration
• Embed load so YouTube videos
• Google Analytics

32. “There’s a module for
that”

33. CONTRIB MODULES

34. CONTRIB MODULES
Select a date
30 329 1 23128
2421 23 25 272622
201814 17 191615
129 1187 10 13
S
6
F
5
T
4
W
3
T
21
M
30
S
December 2011
Select Today
Slider
1
Item Title 1
Subtitle 1
2
Item Title 2
Subtitle 2
3
Item Title 3
Subtitle 3
Item
Sub
16:9
This is the Title of the Video
One morning, when Gregor Samsa
woke from troubled dreams, he
found himself transformed... More...
0:00 / 4:59
URL
Embed
Ratings

35. PATHAUTO
mywebsite.com/event/2016-09-23/town-hall-event
mywebsite.com/article/breaking-news-about-montreal
mywebsite.com/node/23
mywebsite.com/node/52

36. DRUPAL CONTRIB CODE

37. HOW DO I ADD X?
• Integrate with my company’s database
• Add custom validation for forms
• Create a custom workflow
• Create multi-step registration forms
• Move content from another website into my
website
• Other fancy stuff…

38. “There’s [not] a module
for that”

39. DRUPAL CUSTOM CODE

40. Core
Contrib
Custom

41. All Code from drupal.org is
Free and Open Source

42. THEMES!

43. CONTRIB THEMES

44. BASE THEMES

45. ADMIN THEMES

46. DISTRIBUTIONS!

51. CUSTOM
DEVELOPMENT

52. SITE BUILDING
• Creating custom content types
• Views, views, and more views
• Selecting modules
• Using advanced modules like Context, Rules, and
Workbench

53. FRONT-END DEVELOPMENT
• Twig templating
• Learning Drupal core templates
• Writing CSS/JS to implement the look/branding
• Using base themes like Bootstrap, Omega, or the
core Classy theme
• Using developer tools!
• Twig debug

54. BACK-END DEVELOPMENT
• Learning Symphony and OOP for PHP
• Learning how Drupal modules work (patterns)
• Writing migrations to pull in content
• Using developer tools!
• Drush
• Drupal Console
• PHP Storm
• Upgrader

55. DEVELOPMENT GOTCHAS
• Drupal 8 requires PHP 5.5.9 or higher
• Object-oriented programming
• Learning curve to figure out the “Drupal way”
• You have to maintain your own custom code
• Drupal is not backwards-compatible from one
major version to the next

56. DRUPAL 8 TRAINING

57. • Drupal 8 Site Building - 1 day
• Drupal 8 Theming - 2 days
• Drupal 8 Module Development - 2 days
• Real World Agile (for Drupal) - 1 day
DRUPAL 8 TRAINING

58. QUESITONS?
evolvingweb.ca
@evolvingweb