WMDD 4840 | Content Management Systems |
Credits: 3 | Online |
Days & Times: Summer 2020 Monday: 930 – 1230 Exam Period: August 04 – 15 For Zoom URLs, see Brightspace Course | |
Office Hour (via Zoom) Friday 9-10 | |
To get in touch with me, please email to my Langara.ca address or send email via BrightSpace. |
This class will cover Content Management Systems, specifically WordPress—by far, the most popular CMS in the world.
Here are a few lists of major sites running WordPress as well as a bunch of WP statistics.
Like anything in life, this outline is subject to occasional changes.
Throughout the term, I will add links to additional supporting content.
I want to make as much of your learning task-based, so nearly every week there will be problem-solving exercises to be completed in class or over the week.
Learning Outcomes
Upon successful completion of this course, students will be able to
- install a Content Management System (CMS) framework on a production web server
- configure a local testing environment with the same CMS
- evaluate, install and configure appropriate CMS themes, modules, widgets, and plugins
- create content, media, menu structures & content types
- create and restore data and system backups
- identify and implement appropriate security and anti-spam measures (user accounts, permissions, patches, etc.)
- customize themes
- write basic themes
Textbook / Reference Material
There is no textbook for this course: we will use primarily online sources.
LinkedIn learning can be logged into from the college website.
LinkedIn Learning Videos
Installing and Running WordPress: MAMP (ch 1 & 2 )
WordPress 5 Essential Training (all chapters)
WordPress 5 Essential Training: Site Admin (all chapters)
WordPress: Developing Secure Sites (all chapters)
WordPress References
The WordPress Codex
WordPress Developer Resource
Codex: Stepping into Template Tags
Codex: Template Tags List
Codex: Conditional Tags
WordPress Cheat Sheets
WP Mega Cheat Sheet
WP Developer Super Cheat Sheet
Course Structure
The class schedule is detailed below.
Techniques learned in one assignment or exercise will always be the starting point for subsequent ones. Be assured, therefore, that no lectures or required video viewings can be easily missed.
It is your responsibility to make sure that you do not miss any announcements or course materials given in any class. Any additional announcements will be made via email to your mylangara accounts.
Main Assignment: Group Theme Dev With WMDD4835 & Project 1 | 30% |
Quizzes | 15% |
Lab Exercises | 20% |
Midterm | 15% |
Final Exam | 20% |
Note, also, that dates listed can change in response to class progress.
Important Dates
List of dates for withdrawals, refunds, etc.
Image Downloads
I’m putting these here, because we will use them in a number of classes:
- DTN Mag Images
- Images-1800×1200
- Images-Patterns
- Images-JayMantri (20MB)
- Unsplash: Vancouver 2019
- Unsplash: Cities 2019
WMDD Server Space Application
In order to host your project web site, you will need to get some space on the WMDD instructional server, To do that please have one member of your team download this form, fill it out and send it to Denis Bilette via email.
Week 1: May 04 (Intro to Content Management)
- CMS vs Static Sites / WordPress.com vs WordPress.org models
- Setup of Local Testing Environment: MAMP
- WP Dashboard
- WP Editing Area
- Media / Galleries
- Embeds
- Posts
- Pages
- Gutenberg Editor
- The best keyboard shortcut ever …
Weekly Videos (links for all videos are above)
- Installing and Running WordPress: MAMP
(Windows users can also use WAMPServer or Xampp) - WordPress 5.0 Essential Training, Chapters 1 – 5
Resources
- Comparison: DotOrg vs DotCom
- Setting Up A Test Environment With MAMP
- Major sites running WP and a bunch of WP statistics.
- Langara Lab MAMP Network Proxy Setting Fix
(this info is needed only if you’re using a Langara lab computer)
Lab Exercises / Homework
- WordPress Homework 1: Own Computer MAMP Installation
(ignore this first one if course is online rather than in lab) - WordPress Basics Lab Review
Due May 11 at 930am
Week 2: May 11 (Site Configuration 1)
- Posts vs Pages Review
- Settings / Customizer
- Menus
- WP Importer
- Intro to WordPress CSS
- Permalinks
- Comments
- Classic Editor
- Themes
- Plugins
Weekly Videos
- WordPress 5.0 Essential Training: Site Admin (Chapters 1-5)
In Class Exercise
- WordPress Basics Exercise 2 (Obsessive Compulsive Guitarist)
Due by May 12 (tomorrow) by 930am
Lab Exercise / Homework
- WordPress Configuration Exercise: Fishy
Due May 18 by 930am
Week 3: May 18 (Holiday)
- There is no class this week, due to the Victoria Day Holiday May 18, but an exercise is due, and there is new homework.
Lab Exercises / Homework
- WordPress Configuration Exercise: “Jazz” Ryan Theme
Due May 25 by 930am
Weekly Videos
- WordPress—Developing Secure Sites (all chapters)
Next week’s quiz will be on the content of this video.
Week 4: May 25 (Site Configuration 2 / Security 1)
- Quiz Number 1 (On Secure Sites Video Course)
- Themes
- Plugins
- Backup
- Transferring a Site
- Security Considerations with Live Sites
Lab Exercises / Homework
- WordPress Configuration Exercise: Miyazaki / Greater Than
- Allegoric Site Configuration Exercise
Both due June 1 by 930 am.
Resources
Week 5: June 01 Midterm
- For the test, you will be given content, and asked to configure a particular theme and plugin(s).
- You will have approximately three hours to complete the test.
Week 6: June 08 ( PHP Intro / Theme Dev 1 )
- WP Template Hierarchy
- The Loop
- Basic Template Tags
- get_template_part
- WP CSS
Lab Exercises
- WP Bare Bones Theming Exercise
- WP Bare Bones Theming Exercise: Common Template Tags
- WP Bare Bones Theming Exercise: Get Template Part & Template Hierarchy
- WP Bare Bones Theming Exercise: Functions.php
Weekly Reading (Read by Next Class)
Resources
- The WordPress Template Hierarchy (with a good video explanation)
- Tuts+: WordPress Template Hierarchy Graphic Map
- Tuts+: WordPress Page Anatomy Diagram
- Complete List of Template Tags
- Default WordPress CSS Classes
- Another Listing of WP CSS Classes, from Chris Coyier
- Even More From Chris Coyier on the Subject…
Homework
- Redo entire WP Theming Exercise (all four parts)
- Once you have functions.php setup, style the entire site
Due June 15 at 930am.
Hand in the theme only to studentshare (myfiles).
Week 7: June 15 (WP Theme Dev 2: functions.php)
- functions.php
- menus
- enqueueing scripts & styles
Lab Exercises
- WordPress Menu Exercise 2020 pt 1
- WordPress Menu Exercise 2020 pt 2
- WordPress Menu Exercise 2020 pt 3
Due June 22 at 930am.
Hand in the theme only to studentshare.
Week 8: June 22 (WP Theme Dev 3: Conditions, More Practice )
- DRY development via Conditions
- SASS / Build Tools
Resources: GULP
(We might use LiveSassCompile instead)
- For Today’s Class: Build Tools: NPM and Gulp.js Setup
- For Today’s and Remaining Classes: Download SASS WP Gulp Build Process
- For Background: Running SASS in a Gulp.js Build Process
- For Background: Globs and the Gulp Watch Task
Resources: SASS
- Marksheet.io: SASS: CSS With Superpowers
- SASS Basics 2018
- SASS Essentials 2018: Partials
- SASS Essentials 2018: Variables
- SASS Essentials 2018: Mixins
- Download Faces Images For Mixin Demo
Homework due at Start of Next Class:
- JazzIcons 2020 Theme-Building Exercise
Due June 29 at 930am.
Week 9: June 29 (WP Theme Dev 4: Multiple Loops)
- wp_query: custom loops / multiple loops
- Class Exercise: Multiple Loops in WP: PedalMania 2020
Resources
- Download: Faces Images For Mixin Demo
- WP Developer Guide: WP_Query
- Transferring Sites to Live Servers
( See Brightspace course announcments for pw. )
Lab Exercise / Homework
- Finish Multiple Loops in WP: PedalMania 2020
Due July 06 at 930am
Week 10: July 06 (Practice Week)
- Quiz No 2 (WP Theming)
Lab Exercise / Homework
- Face Place 2020
Due July 13 at 930am.
Week 11: July 13 (Extending WP)
- custom post types
- custom fields
Lab Exercise
- The Eatery pt1
- The Eatery pt2
- The Eatery pt3
- The Eatery pt4
- The Eatery pt5
Due July 20 at 930am.
Resources
Week 12: July 20 (Transfer of Site / Automated Backup)
- Review: Transferring dev site to WMDD Server
- Automated Backup
- Project Work
Week 13: July 27 (Work Day)
Presentations for Project 1
- Sunday Aug 02: 10am- noon
- Project must be handed in by the end of the day.
- See assignment description for details of required files to submit.
Final Exam: Aug 07, 630pm
The final exam will involve writing a WordPress theme within three hours.
I will give you the content.