spfister - EDIT 5370 - MODULE 8
Stephen Pfister
EDIT-5370
Module 8 - Syllabus
April 14, 2019
Web Development Module Overview
This
course will examine how having a web development background can positively
impact a Digital Marketing career.
Course
Logistics
|
|
Course
title
|
Web Development Module Overview
|
|
Course meeting dates, times, and
locations
|
The course will meet on Tuesdays
and Thursdays from 6:30pm-8:00pm at WeWork University location. The following
includes the meeting dates with holidays and time off included:
● Thursday, June 20th
● Tuesday, June 25th
● Thursday, June 27th
● Tuesday, July 9th
● Tuesday, July 16th
● Thursday, July 18th
● Tuesday, July 23rd
● Thursday, July 25th
|
|
Instructor information (Note:
For emergency, contact via text or call to cell phone)
|
Stephen Pfister
3809 Spicewood Springs Rd, Apt 208
|
|
Office hours
|
Monday, Wednesday, Friday: 6pm-8pm
Tuesday, Thursday: 8pm-9pm
Online office available by
appointments.
|
Introduction
and Overview of the Course
|
This
year, I began teaching a course about front end development for digital
marketing apprentices who are studying working and studying through an
immersive instructional program. The students learn a number of skills related
to their industry and front end development is one of the sessions involved.
This is broken down into eight different sessions, one night each, as all of
the learners work full time during the day. I had to break this up into 8
sessions in order to fit in with the schedule of the program.
The
idea behind teaching programming to digital marketing learners is to prepare
them to work with developers or to handle some tasks on their own.
Introduction
to the course: Coding skills are essential to an effective marketer. It isn't
necessary to be at a high level of proficiency. Possessing enough coding skills
to manage a team member or vendor is crucial. Some examples of tools marketers
use requiring code are: Wordpress, Google tag manager, Google analytics, and
more. Spending time learning basic coding skills and deepening your knowledge
and abilities, will open so many more doors for you as a marketer, and give you
more flexibility in your marketing efforts.
Learning
Outcomes/Objectives
|
By the end of this course, students should be
able to:
●
Basic
understanding of HTML, CSS, Javascript
●
Basic
understanding of CSS Flexbox and JavaScript
●
Goals
for Cohort project build session set
●
Basic
understanding of jQuery and Bootstrap
●
Understand
and identify definition of done, content map, sitemap and wireframes
●
Understand
Wordpress and what a Content Management System (CMS) is
●
Wordpress
setup for portfolio site
●
Theme
selected
●
Child
theme created
●
Plugins
for portfolio site identified and installed on site
●
Custom
CSS implemented in portfolio site
●
Understand
web development process.
●
Web
Development project proposal including:
○
Content
○
Technology
○
Budget
○
Vendors
○
Timeline
●
Submit
final web development portfolio project
Course
Requirements
|
The technical requirements for this course
include:
●
Develops
a web page coding in HTML, CSS, and Javascript, integrating content and
graphics through a CMS (Content Management System).
●
Creates
a personal portfolio website using a web platform.
●
Creates
a content and customer journey map of product or service website interactions.
●
Develops
a web development proposal with budget, vendors, and development team plan.
The equipment and software requirements for this
course include:
●
Apple
or Windows computer
Course
Policies
|
Attendance
Learners
are expected to have all of their assignments turned in on the due date. The
attendance policy is flexible, as these are working professionals. The
attendance is not as high of a priority as the assignments.
Homework policies
Learners
are expected to present their assignments on the presentation date or make
arrangements to present another time.
Participation information
Students
will be expected to present projects during presentation days throughout the
course. The participation will make up 10% of grade.
Instructional
Activities
|
Course schedule
|
Module
|
Topic
|
Details
|
Date
|
|
1
|
Web
Development I: HTML, CSS, JavaScript
|
Before the session:
Session Agenda - 90mins:
Session Outcomes
|
6/20/19
|
|
2
|
Web Development II: CSS Flexbox
and JavaScript
|
Before the session:
Session Agenda - 90mins:
Session Outcomes
|
6/25/19
|
|
3
|
Web Development III: jQuery and
Bootstrap
|
Before the session:
Session Agenda - 90mins:
Session Outcomes
|
6/27/19
|
|
4
|
Web Development IV: Project Terms
|
Session Agenda - 90mins:
Session Outcomes
|
6/9/19
|
|
5
|
Web Development V: Introduction to
Wordpress
|
Before the session:
Session Agenda - 90mins:
Session Outcomes
|
6/16/19
|
|
6
|
Web Development VI: Wordpress
Plugins
|
Before the session:
Session Agenda - 90mins:
Session Outcomes
|
6/18/19
|
|
7
|
Web Development VII: Custom CSS
and Editing PHP in Wordpress Themes
|
Before the session:
Session Agenda - 90mins:
Session Outcomes
|
6/23/19
|
|
8
|
Web Development VIII: Creating a
Web Development Proposal
|
Before
the Session
Session
Agenda - 90mins
Session
Outcomes
|
6/25/19
|
|
|
Web Development IX: Project Pitch
Presentation
|
Before
the Session
Session
Agenda - 90mins
Session
Outcomes
|
|
Assignments
Before the Session: Most sessions will have assignments or readings to complete
before arriving. These will need to be done before class so that we can
complete the learning.
Session Agenda:
There will be scheduled agenda items for each session. These will usually
consist of a demo from the instructor, followed by working sessions.
Session Outcomes:
Each session will have specific outcomes that each learner will need to
achieve.
Assessment Information
|
Summary of Course Grading
|
Components
|
Weight
|
Description
|
|
Participation
|
20%
|
Learner
participates actively in class discussions and is present.
|
|
Project Creativity
|
20%
|
Learner
explores creative options to make portfolio stand out.
|
|
Project Completeness
|
20%
|
Learner fulfills the requirements
of portfolio, building and completing the content.
|
|
Project Content
|
20%
|
Learner has good content on the
site with good examples of their work history.
|
|
Project Overall
|
20%
|
Learner
completes a solid portfolio site that fulfills all requirements.
|
|
TOTAL
|
100%
|
|
Grading scale
|
Letter Grade
|
Percentage
|
|
A
|
90-100%
|
|
B
|
80-89%
|
|
C
|
70-79%
|
|
D
|
60-69%
|
|
F
|
> 60%
|
Modules
Descriptions
|
Web Development I: HTML, CSS, JavaScript
Websites
are built with many different languages in our modern technological world. This
session will introduce and explain three of the most common and core languages
in front end web development, HTML, CSS, and JavaScript.
Web Development II: CSS Flexbox and JavaScript
CSS
Flexbox is a powerful CSS feature that allows easy, responsive columns and
layouts for page sections. The session teaches CSS Flexbox basics and looks
more at JavaScript.
Web Development III: jQuery and Bootstrap
As
development has exploded, libraries have formed to help developers quickly
reuse functions. jQuery and Bootstrap are examples of these libraries that can
speed up development. This session explores the two libraries.
Web Development IV: Project Terms
This
session explores common business project terms, like definition of done,
content maps, sitemaps and wireframes.
Web Development V: Introduction to Wordpress
Wordpress
has emerged as a leading blog software that many companies use to power their
company website as well. This session provides an introduction to Wordpress.
Web Development VI: Wordpress Plugins
Wordpress
is open source and thus, is regularly updated by peers across the world.
Wordpress allows users to install plugins that can enhance the ability to edit
the site. This session introduces plugins and explores the pros and cons of
using them.
Web Development VII: Custom CSS and Editing PHP
in Wordpress Themes
This
session explores editing the code behind the learners WordPress site and allows
an opportunity to practice editing custom code.
Web Development VIII: Creating a Web Development
Proposal
Digital
Marketers will, at some point, need to create a proposal when working with
developers to build a site. This session explores creating a web development
proposal.
Web Development IX: Project Pitch Presentation
Learners
present their portfolio site and receive feedback on their work.
Comments
Post a Comment