Ready. Set. Drupal! An Intro to Drupal 8, Part 2

  • Published on
    05-Jul-2015

  • View
    723

  • Download
    2

Embed Size (px)

DESCRIPTION

In this two part series, we'll give you a quick introduction to the Drupal 8 out-of-the-box site building experience. This course is for people who are completely new to Drupal. You might be a developer or a decision maker, but you need to know what makes Drupal tick, and fast. In part 2, youll get an overview of site building, extending Drupal, and contributing to the Drupal community. This course includes: Presentations: We've condensed the most essential information about Drupal into this quick course. Demos: Watch me completing specific tasks as I build a site. Download step-by-step tutorials, and try out the tasks yourself. No matter your experience level or background, this course will get you familiar with the next up-and-coming version of Drupal. https://www.acquia.com/resources/acquia-tv/conference/ready-set-drupal-intro-drupal-8-part-2-december-4-2014

Transcript

<ul><li> 1. Ready. Set. Drupal! Part 2A quick introduction to the Drupal 8out-of-the-box site building experience.http://training.acquia.comhttp://training.acquia.com/drupalready</li></ul> <p> 2. Take this course! In a classroom oronline. Teach at events oryour company.http://training.acquia.com/drupalready 3. About me Heather James Manager of Learning Services @learningdrupaltraining.acquia.com/events 4. Fun is memorable 5. About you! What other systemshave you used? What do you knowabout Drupal already?Whats in your toolbox? 6. What well buildtraining.acquia.com/drupalready 7. Step-by-step Presentations Demos Activities tryit yourself!http://training.acquia.com/drupalready 8. Ready check!You will need A working copy ofDrupal 8 most recentBeta. Acquia Cloud free siteacquia.com/drupal-8 Materials!Nice to have Browser inspection toolsuch as Firebug forFirefox, or Developermode in Chrome. Lorem Ipsum textgenerator.http://training.acquia.com/drupalready 9. Task: Drupal 8 Acquia Cloud Go toacquia.com/drupal-8 Choose to try now. Configure your siteacquia.com/drupal-8 10. Develop locally InstallDev Desktop 2 Connect SSH key Clone your sitelocallydocs.acquia.com/dev-desktop2/cloud/working 11. RecapWhat we covered in Part 1 12. Drupal 8 status More beta releases! Release candidate:Drupal 8.0.0 Future minor releaseswill add features:Such as Drupal 8.1.0Betas TestRC1 Test8.0 Ready!Minor Newfeaturesdrupal.org/core/release-cycle and drupal.org/node/2135189 13. Generated lists ofcontentdrupal.com/showcasesShows examples of pages createdfrom lists of content on the fly.FYI: Built in Drupal 8! 14. Structured input and display 15. Drupal EntitiesUsers Taxonomy termsE. WebbGermanyJ. BeemanSpainadventurecity breaksailingshoppingContent (nodes) Pet-friendly holidaysfor the whole family. Drum and dance inCommentscity breakdwight8 SeptWow, can'twait to getvisit.joe8 SeptMe too!Mali. Indian adventure on ariver boat cruise. Mud baths and hotsprings of Beppu. Hidden Paris by nightin the winter.BlocksBlock titleBlock text here.Some informationabout something.http://link123.comContact formsSubjectMessage text field.Custom fields asneeded.Entities are one instanceof an entity type.Each has a unique ID.These are examples ofContent entities inDrupal.Examples of content entities in Drupal 8 16. Adding fields to content typesGeneric Content type settingsTitleAuthorDate publishedCommentsMenu optionsRevisionsArticle + fields:ImageBody textTagsTips + fields:VideoBody textTagsLinkContent types: Define defaults and add fields (usually) 17. Adding fields to BlocksDefault basic block hasone body text field. Whatif you want an image anda link?With Block Types inDrupal 8, you can addfields.Such as an image or linkfield.Add fields to block types 18. Views for lists of contentWhat to select &amp; filter How to format &amp; display 19. Display configurationWith Drupal, you can reuse content intelligently. 20. Everything is configurable 21. Change the image styles!You can change the display and even the image styles, crop, etc. 22. Lesson 6: Extending DrupalCustomizing your site 23. Core themesBartik: Default theme Stark: Default core markupCurrently under development 24. Outputting Classy markupShowing output in the Classy base theme 25. What is a theme?Minimum files you need Robust exampleUnder construction 26. Override in your themeCopy a core template file to your theme, modify it. 27. InheritanceBasethemepageCoreTemplatesusernodeuserpagenodepagenodenodeCore provides templates.Themes can opt to override thesetemplates.Or not!Drupal theming is a process ofoverriding what is there.Drupal theming = overridingSub-themeActuallyused 28. What template is being called? Twig debug optionindicates whattemplate is beingcalled. Offers suggestedtemplatesTwig Debug explained drupal.org/node/2358785 29. Twig template syntax</p> <ul><li>{% for item in menu %}</li><li>{{ item.name }}{% endfor %}</li></ul> <p>{% foo %}Used for expressions{{ bar }}Prints variablesdrupal.org/theme-guide/8/twig 30. Task: Change theme Change to Classyor Stark. Inspect markup. 31. ReviewDrupal theming is a system of overriding 32. Lesson 7: Who is using Drupal?Drupal and the community 33. In Lesson 7 Presentation: Whos using Drupal Demo: How to find contributed projects,how to use the issue queue. Task: Test a contributed module. Learnmore about your local community 34. Whos using Drupal?drupalshowcase.com 35. How are they using it? In every industry fromlarge sites to small. In-depth case studieson Drupal.org.drupal.org/case-studies 36. Drupal 8 capabilitiesdrupal.org/drupal-8.0 37. Developing with Drupal 8api.drupal.org/api/drupal/8 38. What does Drupal 8 run on? Built in PHP, HTML, CSS,JS. LAMP stack is mostwidely used and tested. Other OSs, servers, DBspossible (in orange)DrupalFramework: SymfonyLanguage: PHPServer: Apache Database: MySQLOperating System: LinuxDetails drupal.org/requirements 39. Building with Drupal 40. Contributed modules The majority of yourdevelopment will relyon contributed code.drupal.org/project/project_module 41. Reporting issues Use the Issue queue Search first Report issuesdrupal.org/node/317 42. Open Source Software = CommunityAll photos by Kathleen Murtagh code sprints (CC BY2.0) 43. How big is the community?Hint: For latest data, check d.o 44. DrupalCon 1500-3000 attendees 5 days of learning andcollaboration Affordable tickets Scholarships! Q: Where's the nextDrupalCon?Hint! association.drupal.org/drupalconTrivia night Photo by Josef Jerabek (CC BY-NC-ND 2.0)https://www.flickr.com/photos/pepej/15451001565/ 45. Task: Connect locally Attend meet-ups DrupalCamps (localconferences) Training Free Globaltraining days and paidtraining.What is happening next in your area? http://drupical.com 46. Task: Search for modules Search throughcontributedmodules.drupal.org/project/project_module 47. Review! 48. How was this built?Inspect the code and body tag forinformation.Go have a look!drupal.com/get-started-with-drupal 49. Answer?drupal.com/get-started-with-drupal 50. How are thesecomponents added?Inspect the elements and look forclues. 51. Answer?All are blocks(in red)Some parts come from Views(in blue) 52. Base theme? 53. Our training site was built using Bootstrap. You can learn more aboutit!getbootstrap.com And webinar: http://bit.ly/trainingboots 54. How is this done? 55. http://davidwalsh.name/css-flip 56. Build in Drupal 7 nowhttps://docs.acquia.com/articles/using-drupal-8-features-your-drupal-7-websiteMigrate NOT upgrade to D8 fromD6 or D7Build in D7 now and be better prepped for D8. 57. Next course!http://training.acquia.com/practical-drupal-8 </p>