Development Pipeline The Drupal Derek Reese 2016/4/5 · Build a Drupal 7 / 8 Site Like a...
Transcript of Development Pipeline The Drupal Derek Reese 2016/4/5 · Build a Drupal 7 / 8 Site Like a...
![Page 1: Development Pipeline The Drupal Derek Reese 2016/4/5 · Build a Drupal 7 / 8 Site Like a Professional The Power of Retrospectives @Mediacurrent Agenda. Target Audience. As a](https://reader034.fdocuments.us/reader034/viewer/2022050512/5f9d139f9e3c2174825927aa/html5/thumbnails/1.jpg)
The Drupal Development Pipeline
Derek Reese 2016/4/5
![Page 2: Development Pipeline The Drupal Derek Reese 2016/4/5 · Build a Drupal 7 / 8 Site Like a Professional The Power of Retrospectives @Mediacurrent Agenda. Target Audience. As a](https://reader034.fdocuments.us/reader034/viewer/2022050512/5f9d139f9e3c2174825927aa/html5/thumbnails/2.jpg)
Derek ReeseDrupal Developer
@derekreese
I consider myself a Pipeline Development Specialist - the film and game industries call them Pipeline TD’s. Essentially, I like to research, build, and delineate best practices and rules for the development pipeline - and then immediately break all of them.
I’m currently working as a Drupal Developer for Mediacurrent (a part of Code and Theory).
![Page 3: Development Pipeline The Drupal Derek Reese 2016/4/5 · Build a Drupal 7 / 8 Site Like a Professional The Power of Retrospectives @Mediacurrent Agenda. Target Audience. As a](https://reader034.fdocuments.us/reader034/viewer/2022050512/5f9d139f9e3c2174825927aa/html5/thumbnails/3.jpg)
Design/Theming● Usability Testing
● Responsive Design
● Drupal Theming
● Annotated Wireframes
@Mediacurrent
Development● Drupal Support
● Custom Module Development
● Large Scale Systems Integration
● Security & Performance Expertise
We help organizations build highly impactful, elegantly designed Drupal websites that achieve the strategic results you need.
Digital Strategy● Content Strategy
● Content Generation
● Result Metrics
● Marketing Automation Integration
![Page 4: Development Pipeline The Drupal Derek Reese 2016/4/5 · Build a Drupal 7 / 8 Site Like a Professional The Power of Retrospectives @Mediacurrent Agenda. Target Audience. As a](https://reader034.fdocuments.us/reader034/viewer/2022050512/5f9d139f9e3c2174825927aa/html5/thumbnails/4.jpg)
● Personas
● Starting a Drupal Project
● Setting up Drupal Developer Tools
● Build a Drupal 7 / 8 SiteLike a Professional
● The Power of Retrospectives
@Mediacurrent
Agenda
![Page 5: Development Pipeline The Drupal Derek Reese 2016/4/5 · Build a Drupal 7 / 8 Site Like a Professional The Power of Retrospectives @Mediacurrent Agenda. Target Audience. As a](https://reader034.fdocuments.us/reader034/viewer/2022050512/5f9d139f9e3c2174825927aa/html5/thumbnails/5.jpg)
Target Audience
![Page 6: Development Pipeline The Drupal Derek Reese 2016/4/5 · Build a Drupal 7 / 8 Site Like a Professional The Power of Retrospectives @Mediacurrent Agenda. Target Audience. As a](https://reader034.fdocuments.us/reader034/viewer/2022050512/5f9d139f9e3c2174825927aa/html5/thumbnails/6.jpg)
As a <proper noun> I want to be able to <action verb> because <reasons>.
@Mediacurrent
User Stories The Mediacurrent Way
![Page 7: Development Pipeline The Drupal Derek Reese 2016/4/5 · Build a Drupal 7 / 8 Site Like a Professional The Power of Retrospectives @Mediacurrent Agenda. Target Audience. As a](https://reader034.fdocuments.us/reader034/viewer/2022050512/5f9d139f9e3c2174825927aa/html5/thumbnails/7.jpg)
Starting a Drupal ProjectFrom the Developer Perspective
@Mediacurrent
![Page 8: Development Pipeline The Drupal Derek Reese 2016/4/5 · Build a Drupal 7 / 8 Site Like a Professional The Power of Retrospectives @Mediacurrent Agenda. Target Audience. As a](https://reader034.fdocuments.us/reader034/viewer/2022050512/5f9d139f9e3c2174825927aa/html5/thumbnails/8.jpg)
Supporting your Sales Team
● Inbound content marketing
● Blogs
● Postcards
● etc.
@Mediacurrent
![Page 9: Development Pipeline The Drupal Derek Reese 2016/4/5 · Build a Drupal 7 / 8 Site Like a Professional The Power of Retrospectives @Mediacurrent Agenda. Target Audience. As a](https://reader034.fdocuments.us/reader034/viewer/2022050512/5f9d139f9e3c2174825927aa/html5/thumbnails/9.jpg)
@Mediacurrent
also“strategy”, “excavation”, “dating period”, “doctor’s
appointment”
A Discovery Phase
● Build a Functional Spec
● Functional Wireframes
● Greyboxing
● Designs
![Page 10: Development Pipeline The Drupal Derek Reese 2016/4/5 · Build a Drupal 7 / 8 Site Like a Professional The Power of Retrospectives @Mediacurrent Agenda. Target Audience. As a](https://reader034.fdocuments.us/reader034/viewer/2022050512/5f9d139f9e3c2174825927aa/html5/thumbnails/10.jpg)
A Discovery Phase (con’t)Planning for Drupal Design
● Use Good Tools
● Use Component Driven Design
● SASS! SCSS! LESS! Use them.
● KSS Node (Knyle Style Sheets)
● Pick a consistent Drupal Design Style
● Don’t forget to design the Editor UX!
@Mediacurrent
![Page 11: Development Pipeline The Drupal Derek Reese 2016/4/5 · Build a Drupal 7 / 8 Site Like a Professional The Power of Retrospectives @Mediacurrent Agenda. Target Audience. As a](https://reader034.fdocuments.us/reader034/viewer/2022050512/5f9d139f9e3c2174825927aa/html5/thumbnails/11.jpg)
54% +Of Search Engine web traffic is on Mobile
“Mobilegeddon”AMP
...but still research your target audienceGoogle est at ~51%, AOL at 60%, Bing est at 51%, Yahoo est at 51%
![Page 12: Development Pipeline The Drupal Derek Reese 2016/4/5 · Build a Drupal 7 / 8 Site Like a Professional The Power of Retrospectives @Mediacurrent Agenda. Target Audience. As a](https://reader034.fdocuments.us/reader034/viewer/2022050512/5f9d139f9e3c2174825927aa/html5/thumbnails/12.jpg)
Front-end Driven Development
Test-driven Development
Drupal 7 vs Drupal 8
Structure Your Team
https://pixabay.com/en/kittens-cat-cat-puppy-rush-555822/
![Page 13: Development Pipeline The Drupal Derek Reese 2016/4/5 · Build a Drupal 7 / 8 Site Like a Professional The Power of Retrospectives @Mediacurrent Agenda. Target Audience. As a](https://reader034.fdocuments.us/reader034/viewer/2022050512/5f9d139f9e3c2174825927aa/html5/thumbnails/13.jpg)
Discovery Phase (con’t)Developer Onboarding
Get a standard list of questions:
● Why did the client choose us?
● What is the client looking to gain?
● What is the client’s ideal delivery
● and presentation?
● Get the client’s version of your user stories
● Build an onboarding checklist / readme.md for developers
@Mediacurrent
https://pixabay.com/en/paddle-explore-ocean-sky-water-839814/
![Page 14: Development Pipeline The Drupal Derek Reese 2016/4/5 · Build a Drupal 7 / 8 Site Like a Professional The Power of Retrospectives @Mediacurrent Agenda. Target Audience. As a](https://reader034.fdocuments.us/reader034/viewer/2022050512/5f9d139f9e3c2174825927aa/html5/thumbnails/14.jpg)
Build Accessibility into a websitefrom the start
● HTML5 Elements + ARIA attributes
● Validate your HTML● Semantic HTML > Div Soup● Headings● “skip to content link”● Test!
![Page 15: Development Pipeline The Drupal Derek Reese 2016/4/5 · Build a Drupal 7 / 8 Site Like a Professional The Power of Retrospectives @Mediacurrent Agenda. Target Audience. As a](https://reader034.fdocuments.us/reader034/viewer/2022050512/5f9d139f9e3c2174825927aa/html5/thumbnails/15.jpg)
Estimating Like a Boss
Internal vs External
Training
QA
Project Management
![Page 16: Development Pipeline The Drupal Derek Reese 2016/4/5 · Build a Drupal 7 / 8 Site Like a Professional The Power of Retrospectives @Mediacurrent Agenda. Target Audience. As a](https://reader034.fdocuments.us/reader034/viewer/2022050512/5f9d139f9e3c2174825927aa/html5/thumbnails/16.jpg)
How Much Documentation is Enough?Code Is Documentation
The Myths● “Smart Person”● “Job Security”
Training VS Documentation
TMD Syndrome
“Less SOP’s more EXE’s”
![Page 17: Development Pipeline The Drupal Derek Reese 2016/4/5 · Build a Drupal 7 / 8 Site Like a Professional The Power of Retrospectives @Mediacurrent Agenda. Target Audience. As a](https://reader034.fdocuments.us/reader034/viewer/2022050512/5f9d139f9e3c2174825927aa/html5/thumbnails/17.jpg)
What do I
Project ManagementOrganizationOnboardingCodeTraining
document?
![Page 18: Development Pipeline The Drupal Derek Reese 2016/4/5 · Build a Drupal 7 / 8 Site Like a Professional The Power of Retrospectives @Mediacurrent Agenda. Target Audience. As a](https://reader034.fdocuments.us/reader034/viewer/2022050512/5f9d139f9e3c2174825927aa/html5/thumbnails/18.jpg)
Developer Tools● Issue Trackers & Organizers● Git & Git Flow● DrupalVM / Vagrant / Docker● Tmux/Tmuxinator &
IDE’s● Drush● Dev / Stage / Prod workflow
Semantic Versioning
![Page 19: Development Pipeline The Drupal Derek Reese 2016/4/5 · Build a Drupal 7 / 8 Site Like a Professional The Power of Retrospectives @Mediacurrent Agenda. Target Audience. As a](https://reader034.fdocuments.us/reader034/viewer/2022050512/5f9d139f9e3c2174825927aa/html5/thumbnails/19.jpg)
Build a Drupal 7 / 8 Site Like a Pro
https://pixabay.com/en/atlanta-downtown-night-dusk-914484/
![Page 20: Development Pipeline The Drupal Derek Reese 2016/4/5 · Build a Drupal 7 / 8 Site Like a Professional The Power of Retrospectives @Mediacurrent Agenda. Target Audience. As a](https://reader034.fdocuments.us/reader034/viewer/2022050512/5f9d139f9e3c2174825927aa/html5/thumbnails/20.jpg)
Entity ReferenceField Collection + Field GroupMediaModule FilterPanelsPanelizerEntity View Modes
Navbar (backported from D8)FeaturesBackup & MigrateDrush + drush makeStage File ProxyAdmin ViewsViews Bulk Operations
Top Drupal 7 Modules
PathautoRulesSearch APISmart TrimViewsViews RSS
![Page 21: Development Pipeline The Drupal Derek Reese 2016/4/5 · Build a Drupal 7 / 8 Site Like a Professional The Power of Retrospectives @Mediacurrent Agenda. Target Audience. As a](https://reader034.fdocuments.us/reader034/viewer/2022050512/5f9d139f9e3c2174825927aa/html5/thumbnails/21.jpg)
Top Drupal 7 Modules (con’t)
WebformFeedsFlagNodequeueGlobal RedirectMetatagRedirect
Jquery UpdateRedirect 403 to User LoginEntity APIFile EntityLibrariesStrongarmToken
![Page 22: Development Pipeline The Drupal Derek Reese 2016/4/5 · Build a Drupal 7 / 8 Site Like a Professional The Power of Retrospectives @Mediacurrent Agenda. Target Audience. As a](https://reader034.fdocuments.us/reader034/viewer/2022050512/5f9d139f9e3c2174825927aa/html5/thumbnails/22.jpg)
Best Practices“Premature Optimization is the root of all evil”
~Donald Knuth
@Mediacurrent
![Page 23: Development Pipeline The Drupal Derek Reese 2016/4/5 · Build a Drupal 7 / 8 Site Like a Professional The Power of Retrospectives @Mediacurrent Agenda. Target Audience. As a](https://reader034.fdocuments.us/reader034/viewer/2022050512/5f9d139f9e3c2174825927aa/html5/thumbnails/23.jpg)
Best Practices
● Drupal Coding Standard● drupal_static● Code Quality● Automated Code deploys● Use a custom environment module -
<client>_environment
![Page 24: Development Pipeline The Drupal Derek Reese 2016/4/5 · Build a Drupal 7 / 8 Site Like a Professional The Power of Retrospectives @Mediacurrent Agenda. Target Audience. As a](https://reader034.fdocuments.us/reader034/viewer/2022050512/5f9d139f9e3c2174825927aa/html5/thumbnails/24.jpg)
Best Practices (con’t)
● Use automated compilers & builders● Code Reviews! (again)● Have a launch checklist!● Use aggregation ( AdvAgg module) on
production sites
![Page 25: Development Pipeline The Drupal Derek Reese 2016/4/5 · Build a Drupal 7 / 8 Site Like a Professional The Power of Retrospectives @Mediacurrent Agenda. Target Audience. As a](https://reader034.fdocuments.us/reader034/viewer/2022050512/5f9d139f9e3c2174825927aa/html5/thumbnails/25.jpg)
The Power of Retrospectives
Everyone should attend
Present a Post-Mortem
Have a moderator
![Page 26: Development Pipeline The Drupal Derek Reese 2016/4/5 · Build a Drupal 7 / 8 Site Like a Professional The Power of Retrospectives @Mediacurrent Agenda. Target Audience. As a](https://reader034.fdocuments.us/reader034/viewer/2022050512/5f9d139f9e3c2174825927aa/html5/thumbnails/26.jpg)
Thank You!Questions?
Special thanks to:Alex McCabe, Chris Morris
everyone at Mediacurrent
Andrew Yribarren for the avatar
@Mediacurrent Mediacurrent.com
slideshare.net/mediacurrent