CS 262 - Developer Workflow Tools

Credits: 1-5
LEC hours per week: 3
LAB hours per week: 4
Developer tooling allows web developers to offload much of the routine, tedious work of code optimization, file preparation and deployment to an intelligent, automatic workflow. Students optimize and deploy websites by configuring and maintaining dev-tooling pipelines. Style preprocessors and frameworks accelerate the creation and simplify the maintenance of design systems. Students construct design systems for web sites by extending Cascading Style Sheets (CSS) with style preprocessors and frameworks. Content Management Systems (CMS) allow websites to be managed by a web-based centralized interface. Students configure a website using popular CMS platforms.
Prerequisite(s): Grade of C or higher in CS 251 or instructor permission.
Course Outcomes:

Utilize a version control system to manage a codebase.
Employ the basics of Node Package Manager (NPM) and node modules.
Create and configure a custom dev-tooling workflow with a module bundler.
Build responsive design systems that utilize a preprocessor and/or atomic CSS.
Replicate existing websites using comprehensive dev-tooling, pre/post preprocessing and atomic CSS.
Install and administer a Content Management System to manage a website.

Course Topics:

Distributed Version control (GIT)
CSS Preprocessing with SASS or equivalent
Module management with Node Package Manager (NPM)
Dev workflow bundling with Webpack or equivalent
Atomic CSS with Tailwind or equivalent
Website replication
Content Management System setup with WordPress