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
Updated 2002-09-11
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