Code School for Marketers

Learn core coding concepts in our 6-week interactive course.  If you know Account Engagement and want to add HTML & CSS fundamentals to your toolbox… this is designed for you.  

Code literacy is one of the skillsets that separates the good from the great in marketing operations.

Sercante’s Code School for Marketers will empower you to add pizzazz to your emails that goes beyond Account Engagement’s out-of-the-box templates. This 6-week course is built specifically to give you the skills to create the perfect emails in Account Engagament.

Whether you’re pretty new to HTML & CSS or self-taught and looking to level up, we’ve got you covered.

Ready to level up?

Sign up now

Requirements

  • Access to a Pardot org with an Administrator login

  • A working camera and mic to participate through Zoom video chat

  • Some familiarity with HTML and CSS (as in, you’ve seen it before — no need to be an expert!)

  • Willingness to learn and participate

  • We recommend students plan to commit a minimum of 4-5 hours a week to this course, including the scheduled two-hour lecture session, the optional one hour open office hour, and a recommended one hour of self-paced learning.

Upcoming Course Dates:

  • June 15 – July 27, 2023

  • October 11 – November 29, 2023

All classes are from 10 am – 12 pm ET and all open office hours are from 10 am – 11 am ET.

What you’ll learn

Lesson 1

  • Introductions

    • Housekeeping items
  • HTML document

    • What type of applications do we need to write code
    • HTML building blocks
    • Standard HTML set up for emails
  • Email layout patterns

    • Starting with design
    • Thinking in modules
    • Commonly use HTML tags for layout
    • Fluid vs fixed design

Lesson 2

  • Email layout pattern review

  • Adding content to layouts

    • Semantic markup
    • Images, headlines, paragraphs, lists, hypherlinks, buttons
    • Content positioning & text alignment
  • Structure vs Presentation

    • HTML attribute or CSS property
  • Cascading Style Sheets (CSS)

    • Anatomy of a CSS rule set
    • CSS placement (external, internal/embedded, and inline styles)
    • CSS cascade – which style gets the final say

Lesson 3

  • CSS resets

    • What are they for
    • When to customize
  • Responsive layouts

    • CSS media query – what is it used for
    • Mobile first design vs desktop first build
    • Fluid design vs rigid design (reinforced)
    • Column stacking vs scaling
    • 2 column design

Lesson 4

  • Responsive Layouts Review

    • Infinite column designs
    • Designs without tables
  • HTML / CSS review

  • Render testing

    • Soft error & acceptable fallback
    • Troubleshooting email applications
    • Placeholder content vs actual
    • Testing service vs live test

Lesson 5

  • Pardot regions & Pardot region types

  • Pardot variable tag

    • Pardot Merge Language
    • Handlebar Merge Language
  • Pardot testing

    • Verifying correct region types
    • Changing content with Pardot’s WYSIWYG
    • Send test emails

Lesson 6

  • Final project review

  • Custom Enhancements

    • Webfonts
    • Background images
    • Progressive enhancements
    • Email inspiration & community groups
  • Course wrap-up

Need more info?

Download the Comprehensive Lesson Plan

Ready to start coding?

Sign up now