Students will be introduced to eCommerce and Shopify development. Students will create a Shopify store for their niche market and be setup for success in the first steps towards Shopify’s Theme Development Certification.

Course Outline

Course Lecturers

Sarah Rose, Quality Manager (Main Point of Contact)
Jon Decher, Developer, Shopify Lead
Rachel Marceau, Developer, Training Lead
Nate Wiebe, Director of Development

Date Lesson Due This Week (have ready for class)
January 23rd Lesson 1: Introduction To eCommerce And The Shopify Platform n/a
January 30th Lesson 2: Admin Panel and Working With Git
  • Niche Market Selected
  • Store Name & Logo Ready
  • IDE Setup
  • Theme Selected
February 6th Lesson 3: Liquid, Sections, and Snippets
  • Sample Products Imported
  • Git Best Practices Reviewed
February 13th – Class Cancelled (Enjoy your break!)
February 20th – No Class (Reading Week)
February 27th Lesson 4: Custom Landing Page Build
March 5th Lesson 5: Custom Landing Page (Continued)
March 12th Lesson 6: Shopify Apps
March 19th Presentation: Store Presentations Store Presentation

Course Project: Create a Shopify Store

You will be creating a new Shopify store based on a niche market you select. This store will use a premade free theme from Shopify, but with various customizations and custom features built by you.

At the end of the course, you will present your store. We will be walking through the class and having smaller group conversations about your store. Be confident and ready to answer questions about what you’ve accomplished.

Due Beginning of Class Week 8

Expectations:

  • A store will be created based on a niche market that will include a unique business name and logo.
  • The Liquid templating language will be used to customize your store to match your brand.
  • A “local” development environment will be setup and tracked in a git repository.
  • Techniques learned from the course will be utilized to get the most out of your Shopify template.

At a minimum, your store must include the following pages:

  • Home
  • About
  • Contact
  • Privacy Policy
  • At least 3 Collections
  • At least 10 Products
  • Working Cart and Checkout Process
  • Account Pages (log in, register, forgot password, reset password, my account)

We’re expecting to see a variety of theme customizations, including but not limited to:

  • New logo, fonts, colours, and overall branding
  • Customization of various pages and layouts
  • Adjusting content across the site to match your niche market
  • Inclusion of custom features and sections
  • Install and configure at least 2 free Shopify apps on your store.

You will also be building a custom landing page on the site that may include sections you’ve built throughout the course or that can be found in your theme already:

  • Image gallery
  • Text columns with images
  • Featured Product(s)
  • Featured Collection(s)

Our team will be reviewing and providing suggestions based on the following:

  • Design and User Experience: Does the store look unique, and did you apply custom branding throughout? Is the store easy to use and purchase from?
  • Marketing: Are there marketing opportunities available? Any promotions or sales?
  • Theme Customizations: How far did you adjust the theme? Does it look like the demo, or a custom site?
  • Development: Were you following git and theme best practices?

Lesson 1: Introduction To eCommerce And The Shopify Platform

Workshop:

  • Select a Niche Market
  • Create a Store Name and Logo
  • Setup IDE for Shopify Development
  • Choose a Shopify Theme For Your Store

Homework:

  • Wrap up anything we didn’t manage to complete in class

Download Lecture Presentation


Lesson 2: Admin Panel and Working With Git

Workshop:

  • Import Sample Product Data
  • Walk Through Shopify Admin Panel with Jon
  • Edit Pages, Products, Collections, Blogs, and Navigation
  • Install Theme Kit
  • Setup Git

Homework:

Download Lecture Presentation


Lesson 3: Liquid, Sections, and Snippets

Workshop:

  • Introduction to Liquid
  • Walkthrough of Liquid Basics
  • Discuss Objects, Filters, and Tags
  • Discuss Sections, Snippets, and Schema
  • Building Custom Image Gallery

Download Liquid Walkthrough File

Download Call-to-Action Tutorial File

Download Image Gallery Tutorial File

Homework:

Download Workshop Reference Slides


Lesson 4: Landing Page Development

Workshop:

  • Create a custom landing page from a wireframe
  • Includes custom sections and snippets
  • Review high-level CASL tips

Download Landing Page Assets

Homework:

  • Try finishing up remaining landing page blocks
  • Create a Text Column with Images Block

Resources


Lesson 5: Landing Page Development (Continued)

Workshop:

  • Finish creating landing page using custom and theme blocks
  • Work on setting up store for final project

Landing Page Files

Homework:

  • Continue getting your store ready for presentations

Lesson 6: Shopify Apps & 1-on-1 Assistance

Workshop:

  • Install and configure Product Reviews app
  • Continue working on stores for final project

Homework:

  • Ensure your store is ready for presentations next week

Presentation: Store Presentations

Note: New Location!

Our final class will be held at Northern! The same class time of 3-6 applies.

Northern is located on the second floor at 300 Wellington Street. There is free parking on the side of the building on Bathurst street. The entrance is along Wellington street. Please take the elevators up to floor 2.

Review Criteria

  • Marketing & UX
    • Uniqueness of niche market and products
    • Difference from core theme to current theme
    • Use of colours, fonts, and branding
    • Quality of homepage
    • Checkout & Account process
    • About, Contact, and Privacy pages
    • Contains 3+ collections
    • Contains 10+ products
    • Presence of marketing initiatives
  • Development – Technical
    • Use of git commits and branches
    • Quality of code formatting
    • Use of custom CSS
    • Use of conditional tags
    • Use of theme components (blocks)
  • Development – Functional
    • Overall store customization
    • Custom features and sections
    • Custom landing page
    • Use of apps

If you have any questions, please reach out to Sarah at srose@northern.co