Part of establishing an effective workflow involves eliminating repetitive activities. A lot of projects/assignments/files have common properties. So you shouldn't find yourself typing the same things, making the same files and subfolders over and over again.
On the right, we have a .zip archive, including a template HTML page and subfolders with placeholder content, to use in future assignments. Included with the template is a starter CSS file named style.css that has a couple of CSS rules that are common to all (most, at least) of your projects in this class
I'm leaving this content in place for now, but more recent content, specifically our exploration of Node.js, has kind of obsoleted it
The bottom line is that generating code and completing projects efficiently requires some form of "scaffolding." That means reusing code that has already been produced. Or, "not reinventing the wheel"
Updated 2025-06-21 Root - .sass-cache - css - js - media - php - scss - sql - index.html - index.php - index-bs.html - index-bs.php File Structure project_name | .manifest #this file | index-bs.html #starter for Bootstrap HTML projects | index-bs.php #starter for Bootstrap PHP projects | index.html #starter for basic HTML projects | index.php #starter for basic PHP projects | jq-ui-index.html #jQuery UI examples | +---.sass-cache #generated by Sass | \---80681c1ce03a7d425ca64586e64283839ca035ec | main.scssc | +---css #css folder | bootstrap-grid.css #BS grid CSS | bootstrap-grid.css.map #BS grid map file | bootstrap-grid.min.css #BS grid minified file | bootstrap-reboot.css #BS reboot CSS file | bootstrap-reboot.css.map #BS reboot CSS map file | bootstrap-reboot.min.css #BS reboot CSS minified file | bootstrap.css #BS development (probably never used) | bootstrap.css.map #BS map file (created by Sass) | bootstrap.min.css #BS production CSS (minified) | jquery-ui.min.css #jQuery UI minified | jquery-ui.structure.min.css #jQuery UI minified | jquery-ui.theme.min.css #jQuery UI minified | main.css #starter CSS for projects | main.css.map #map file (created by Sass) | readme #readme file | +---js #folder for JavaScript files | bootstrap.bundle.js #BS JS | bootstrap.bundle.js.map #BS JS map file | bootstrap.bundle.min.js #BS JS minified file | bootstrap.bundle.min.js #BS JS bundle minified file | bootstrap.bundle.min.js.map #BS JS bundle minified map file | bootstrap.js #BS JS | bootstrap.js.map #BS JS map file | bootstrap.min.js #BS JS minified | bootstrap.min.js.map #BS JS minified map file | html5shiv.js #for supporting old versions of IE | ie-emulation-modes-warning.js #more IE hand-holding | ie10-viewport-bug-workaround.js #...and yet more IE | jquery-ui.min.js #jQuery UI minified script | jQuery3.6.1.min.js #jQuery v3.4.1 minified script | project.js #starter file for project | readme #readme | +---media #folder for images, video, audio | readme #readme (placeholder) | +---php #folder for PHP files | readme #readme (placeholder) | +---scss #folder for Sass source files | main.scss #starter file | readme #readme | \---sql #folder for SQL scripts | readme #readme | \---ts #folder for typescript files | readme #readme Using: * Bootstrap v5.0.2 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) * jQuery v3.6.1 * (c) OpenJS Foundation and other contributors * jquery.org/license * jQuery UI v1.13.2 * 2022-09-08