Difference between pages "Tutorials/d8otb/outline" and "Tutorials/Drupal8 outta the box"

From LCA2015 Delegate wiki
(Difference between pages)
Jump to: navigation, search
(Style / Design / Mockups / Wireframes)
 
(Tutorial Outline)
 
Line 1: Line 1:
{{Trail|Programme|Tutorials|Tutorials/Drupal8 outta the box}}
+
{{Trail|Programme|Tutorials}}
 +
== [https://twitter.com/hashtag/d8otb #d8otb] ==
  
 +
[[File:D8otb.png|right|400px]]
 +
Drupal 8 brings radical evolution to one of the world's top open source web content management systems.
  
= Planning to build a website =
+
https://www.drupal.org/drupal-8.0
  
We won't be going through this section in detail in the tutorial.  We'll be building a sample site with a lot of this thinking already done. But if you want to use your own sample content, have a think about these things and come prepared!
+
This tutorial will give you hands on experience with the newest version of Drupal. If you haven't had a look for a while, now is the time to revisit the drupalverse.
  
Or if you want to choose your own dummy content, rather than use the samples provided... here's some fun sites to peruse.
+
We will build a website from scratch and learn how to participate in one of the open source world's largest communities.
  
'''Words'''
+
We will attempt to build a basic, responsive website from scratch in one short afternoon.
  
* http://mashable.com/2013/07/11/lorem-ipsum/
+
For best results, you should be prepared with an idea or three of the kind of website you want to build. Bring some content, images, or pick a favourite Lorem Ipsum generator and some sample piccies from OpenClipart.org.
* http://www.cupcakeipsum.com/ -- Cupcake ipsum is my favourite.
+
  
'''Pictures'''
 
  
* http://placehold.it/
+
=== Background reading ===
* https://placekitten.com/
+
  
=== Purpose ===
+
* Redesigning Your Website in 2015? Start By Asking These 5 Questions - http://www.entrepreneur.com/article/240607
 +
* How to build a website and stay sane - http://www.stay-sane.com/download/
 +
* Drupal User's Guide - http://sitebuildingextravaganza.com/drupal-users-guide
 +
* Many faces of mobile first - http://bradfrost.com/blog/mobile/the-many-faces-of-mobile-first/
 +
* Liquid, Adaptive, Responsive? http://www.liquidapsive.com/
  
 +
=== Tutorial Outline ===
  
What job will this site have?
+
Work in progress. This is a rough outline of what we'll cover during the session on Thursday.
* sell stuff?
+
* build a community?
+
* documentation?
+
* record an event?
+
  
 +
[[Tutorials/d8otb/outline]]
  
=== Audience ===
+
----
  
 +
Note: We won't be installing Drupal during the session, so if you want to work on a local dev version on your laptop, you might want to do that in advance.
  
Who will visit the website?
+
'''Web based training environments will be available.'''  Let's hope the network is up to it. :-)
* Personas
+
* Demographics
+
* Language / Geography
+
* Devices / Browsers
+
  
 +
If you want to play with D8 in the meantime, check out Drupal Core on http://simplytest.me/
  
 
+
----
=== Content ===
+
Ready? Use the Discussion page to ask questions or make suggestions.
 
+
----
Getting the information architecture right from the start is important.
+
Back to http://kknet.nl/D8otb
* Content Modelling
+
* Navigation
+
* Search
+
* Taxonomy
+
 
+
This is the stuff your website is all about.  Here's some resources on creating compelling content for the web.
+
 
+
http://www.squiz.net/au/stories/insights/10-commandments-for-content-creation
+
 
+
=== Style / Design / Mockups / Wireframes ===
+
 
+
We're using D8 Outta the box, so we'll be using Bartik.  Not doing a lot of design, but still, need to think about colour, images, logo.
+
* Logo
+
* Colour
+
* Images
+
* Layout
+
 
+
Resources
+
 
+
https://wireframe.cc/
+
 
+
=== Planning Tools ===
+
There's a range of tools out there to help you plan your site.  (know any others? Add them here.)
+
 
+
* https://www.jumpchart.com/
+
 
+
== Building a website with Drupal 8 ==
+
 
+
=== Basic site configuration ===
+
[[File:D8otb-siteinfo.png|right]]
+
* Site name
+
* Site slogan
+
* Email address
+
* Default front page, and error pages
+
 
+
=== Nodes and other entities ===
+
 
+
==== Default content types ====
+
 
+
* Article
+
* Basic Page
+
 
+
Go to SITEURL/node/add to add content
+
 
+
==== Custom content types ====
+
 
+
Go to SITEURL/admin/structure/types/add
+
 
+
==== Users ====
+
 
+
* anon
+
* auth
+
* admin
+
 
+
===== Roles =====
+
 
+
===== Permissions =====
+
 
+
==== Taxonomy ====
+
 
+
=== Menus ===
+
[[File:d8otc-menus.png|right|400px]]
+
We get a few menus out of the box
+
 
+
But we can also add menus of our own
+
 
+
=== Views ===
+
 
+
Views.  The single most popular module for previous versions of Drupal, is now in core. It's a powerhouse. But complex. We'll start simple.
+
Views is a list maker, a query generator. It lets you slice and dice your content in all sorts of wonderful ways.
+
 
+
=== Blocks ===
+
 
+
 
+
 
+
=== Wysiwyg ===
+
 
+
 
+
 
+
=== Mobile ===
+
 
+
 
+
 
+
=== RSS, Json and other feeds and streams ===
+

Revision as of 08:07, 7 January 2015

< Main Page < Programme < Tutorials

#d8otb

D8otb.png

Drupal 8 brings radical evolution to one of the world's top open source web content management systems.

https://www.drupal.org/drupal-8.0

This tutorial will give you hands on experience with the newest version of Drupal. If you haven't had a look for a while, now is the time to revisit the drupalverse.

We will build a website from scratch and learn how to participate in one of the open source world's largest communities.

We will attempt to build a basic, responsive website from scratch in one short afternoon.

For best results, you should be prepared with an idea or three of the kind of website you want to build. Bring some content, images, or pick a favourite Lorem Ipsum generator and some sample piccies from OpenClipart.org.


Background reading

Tutorial Outline

Work in progress. This is a rough outline of what we'll cover during the session on Thursday.

Tutorials/d8otb/outline


Note: We won't be installing Drupal during the session, so if you want to work on a local dev version on your laptop, you might want to do that in advance.

Web based training environments will be available. Let's hope the network is up to it. :-)

If you want to play with D8 in the meantime, check out Drupal Core on http://simplytest.me/


Ready? Use the Discussion page to ask questions or make suggestions.


Back to http://kknet.nl/D8otb