Sefism is free for learners. We are here to help you grow, one step at a time.Join for free
Sefism.

Roadmap · Build products

WordPress and Shopify (Shopify)

Opens with credits

For students and early-career developers who want to build business websites and online stores for real clients on WordPress, Shopify or Webflow. By the end you can set up domains and hosting, build and customise a site on your platform, run a store, make it fast, findable and accessible, keep it safe after launch and sell the work as a freelancer or small agency.

Curated by Tauseef Fayyaz8 stages, 59 topics~10 months at a few hours a week
Start the roadmapSign up to track your progress

By the end, you will be able to

  • Connect a domain, set up HTTPS and hosting, and read the HTML and CSS any page builder produces
  • Build a complete client site on your platform, customised with code where settings run out
  • Set up a working store with payments that work in the client's country, shipping, taxes and policies
  • Measure and fix Core Web Vitals, basic SEO and accessibility before launch
  • Hand a site over with backups, updates, training and a maintenance plan, and price the work fairly

The path

8 stages, in the order to learn them. Open one to start.

  1. 1Web basics for site buildersWhat sits under every site you will build: domains, DNS, hosting, HTTPS, enough HTML and CSS to read and fix a page, and what a CMS actually does.7 topics · ~3 weeks
    1. 1Domains and DNS recordsA domain is the name people type, such as example.com.
    2. 2Hosting: self-hosted or hosted platformHosting is the computer that stores a site and sends it to visitors.
    3. 3HTTPS and certificatesHTTPS scrambles (encrypts) everything sent between the visitor and the server, so nobody in between can read it.
    4. 4HTML you need to readEvery platform, however visual, turns your work into HTML, the code that describes what is on a page.
    5. 5CSS for tweaks and fixesMost client requests are small visual changes: a button colour, spacing on mobile, a font size.
    6. 6Debugging with browser DevToolsBrowser DevTools is a panel built into every browser.
    7. 7How a CMS worksA content management system (CMS) keeps content apart from the design that displays it.
    7 in this stageOpen this stage
  2. 2Shopify: admin, stores and themesLearn the Shopify admin, products and collections, development stores through the Partner Program, and the Online Store 2.0 theme model of sections and blocks.7 topics · ~6 weeks
    1. 1The Shopify adminThe Shopify admin is where a merchant, the store owner, runs the business.
    2. 2Products, variants and collectionsA product has a title, a description, photos and videos, and SEO fields for search results.
    3. 3Partners, development stores and client accessThe Shopify Partner Program is free to join.
    4. 4Online Store 2.0 themesOnline Store 2.0 is the way modern Shopify themes are built.
    5. 5Sections and blocks in the theme editorSections are the modules that make up a page, such as a large banner at the top (the hero), a featured collection or a testimonial slider.
    6. 6Reference themes: Dawn, Horizon and SkeletonShopify publishes the source code of its own themes.
    7. 7Choosing appsApps from the Shopify App Store add features such as reviews, subscriptions, bundles, wholesale pricing or email sign-ups.
    7 in this stageOpen this stage
  3. Shopify theme development: Liquid and CLIWork locally with Shopify CLI and Git, learn Liquid, the theme structure, section schemas and metafields, and how apps extend themes without editing them.7 topics · ~2 monthsOpens with credits
  4. Building a real client siteA complete site for a real small business, from the first call to launch day: brief, sitemap, content, design, build on staging, testing and a careful launch.7 topics · ~2 monthsOpens with credits
  5. Online storesThe settings behind a working store: products, payments that work in the client's country, shipping, taxes, checkout, policies and the daily order flow.7 topics · ~5 weeksOpens with credits
  6. Performance, SEO and accessibilityFast pages, pages search engines understand, and pages everyone can use. Measure first, fix the biggest problem, measure again.9 topics · ~5 weeksOpens with credits
  7. Security, backups and handoverWhat keeps a site healthy after launch: secure accounts, updates, backups you have tested, monitoring, a clean handover, client training and a maintenance plan.7 topics · ~3 weeksOpens with credits
  8. Selling the workTurn the skill into steady client work as a freelancer or small agency: a clear offer, honest proof, finding clients, pricing, contracts, getting paid across borders and avoiding scams.8 topics · ~3 weeksOpens with credits
Keep reading

6 more stages, 45 more topics, free with an account.

You have seen the open stages of the WordPress and Shopify roadmap. Every topic it covers is listed above, and an account opens the rest: what each topic means, a question to check yourself, the courses, the practice and Tauseef's advice for every stage. Early access is open: sign up and your account is active shortly after.

Everything here is free to learn from. A few things, like adding a roadmap, keeping a cheat sheet or asking Tauseef a question, use credits. You get 15 when you join, your first roadmap is free, and if you are learning seriously and run out, you can ask for more. Credits only make sure the platform goes to people who are actually learning.

Sign up freeBook a free call

Related on Sefism

Picked from the other libraries by shared topics.

Project structures

See all

Career questions

See all
Work with me

Stuck on something specific?

Writing only gets you so far. If you want an answer to your situation rather than the general case, book a session and we will work through it together. Sessions are free for approved Sefism members, and a few slots open each week.

  • 1:1 Mentorship
  • Fresh Graduate Mentorship
  • Career Guidance
Book a free sessionSee all services

Brand deals, promos and partnerships: tauseeffayyaz@gmail.com