Web Programming for Non-Programmers
Requirements Met: SC, DCI Minor Core Elective
Class Meeting Metadata
2:45 - 4:15pm
3:15 - 4:45pm
2:45 - 4:15pm
Jason T. Mickel, Ph.D.
How to Email a Professor
M 11:00 - 12:00
T 11:00 - 12:00
W 1:00 - 2:00
Or by appointment
Programming Assignments & Exercises
PA #0: Orientation to the Course Tools
PA #1: Starting Out with HTML
PA #2: Applying CSS
PA #3: Adding Images and CSS Positioning
PA #4: Organizing and Submitting Information
PA #5: Making the Web Page Come Alive
Ex #2: Enhanced Temperature Converter
PA #6: Refactoring the Cost Estimator
PA #7: Mapping Your Favorite Eateries
Ex #3: Assessing Accessibility
PA #8: Insiders Weather Chart
Deliverable 1: Data Dictionary & Questions
Deliverable 2: Wireframe
Deliverable 3: HTML & CSS
Links and Resources
Working with GitHub and VSCode
Course-centric instructions for how to use GitHub and Visual Studio Code for working on assignments in DCI110.
Visual Studio Code
Industry standard code repository that allows programmers to maintain a history of their coding and for teams to collaborate on projects. Also allows easy hosting of web sites.
w3schools HTML Tutorial
Long running and highly popular site that explains the various elements and attributes of HTML, while offering live examples.
MDN Web Docs - HTML
From the Mozilla Developers Network, makers of the Firefox web browser, a comprehensive set of documentation and tutorials explaining HTML and other related web technologies.
Comprehensive reference to all HTML elements.
Special Characters List
Handy list of special characters and their ampersand-codes for use in HTML.
CSS Help and Inspiration
Comprehensive reference to all CSS properties.
CSS Zen Garden
Long running site dedicated to showing off what CSS can do.
Named Color Finder
List of the named colors available in CSS.
Free-to-use Web fonts hosted by Google
Edge Web Fonts
Free-to-use Web fonts hosted by Adobe, creator of Photoshop, Illustrator, Acrobat, and Flash
Repository of open-access media that typically requires at most a citation for legal use.
Large collection of free, copyright-free media. Requires free registration/account.