CT 381 Web Design 2
3 crs., 2 hrs. lab, 2 hrs. lecture.
T, TH 4M04C, 2PM – 4PM
Michael Branson Smith
Flickr, Youtube, Soundcloud
Email: michaelbransonsmith [at] gmail [dot] com
Office Hours: M 10AM-12PM, or by appointment
Covers modern web design and implementation of CSS – advanced CSS properties and values, CSS architecture standards such as BEM, and CSS preprocessor tools such as Sass – improving the fidelity and readability of website code. Critique and implementation of current website design models.
Upon successful completion of this class, the student will be able to:
- Showcase an understanding of advanced CSS properties and values;
- Write CSS classes designed with the Block Element Modifier (BEM) standard;
- Use the Sass preprocessor and SCSS to write and manage complex CSS code bases;
- Showcase an understanding of the fundamentals of good use of typography, layout, and color in web design.
- We will employ a variety of online tutorials and readings in this class. Primarily we will use the Udemy course, Advanced CSS and Sass by Jonas Schmedtman. You are welcome to sign-up for this udemy course, but materials needed can be provided. As well, you may review Rithm School’s HTML/CSS Basics and Intermediate CSS classes. You will need to sign-up with an email address to receive regular access to the course materials. Also we’ll use videos from The Web Development Bootcamp and The Advanced Web Development Bootcamp.
- You will each keep a coding journal, the first of which will be supplied in class.
- Reclaim Hosting account to host problem set solutions and projects.
- Any computer to which you have regular access and has a text editor(Visual Studio Code preferred, but also Brackets, Sublime, or Atom), FTP client(Filezilla & CyberDuck), and the Chrome browser installed.
- Most text editors use Emmet for faster writing of code in a text editor, it’s either installed as an extension or added as a default extension as in VS Code. Here’s a great Emmet Cheat sheet to learn some basics.
While following tutorials you are expected to take hand written notes on concepts that you believe are more difficult to remember. These notes will be a growing reference used to document your work on the blog as well as allowed resource for taking quizzes at the start of Thursday class.
Thursday class – At the start of each Thursday class, we will have a short ten minute quiz which reviews concepts covered in the week’s tutorials. You are allowed to use your coding journal during these quizzes but nothing else. Also, you are not allowed to take quizzes after the first ten minutes of class.
Next you will meet with a peer to discuss the work you’ve completed in the weeks’ tutorials. Questions to consider will be presented at the start of this portion of the class. Your peer will take notes and document them on the whiteboard under your name. This will be used to prompt discussion about concepts in the class. Combined this portion of the class should last for about 45 minutes.
After discussion, the problem set will be presented and discussed. You will have an opportunity to get started and possibly complete the problem set in-class. Work not completed in-class will need to be completed for the start of next Monday’s class and posted to the blog.
Each of you should have a Reclaim Hosting account with a domain name that you used in CT 101 Digital Storytelling. Your web hosting account will be an integral part of the class and your future work as a web designer and developer. In the first meeting we’ll get your account up-to-date if needed and review the basics of the c-panel, file manager, and FTP.
All of your code and design will be hosted on your personal account, that way you can do with it what you wish at the end of the semester. But for reporting purposes, you will be using the class blog to link to work you’ve done.
Each Tuesday by 10AM a blog post will be due with the completed problem set from the previous week. These posts are on webdesign.makercommons.org/. In these posts you should include links to the completed work as well as notes from conversation and your coding journal discussed and written in the previous week.
Keep in mind the following standards when writing posts:
- A thoughtful title (please do not name the assignment in the post, it should reflect the personalized content of post you’re submitting)
- Embedded code samples using the Enlighter tool in the WordPress post editor (see example below.
- A clear statement of the post’s purpose.
Multiple contextual links to work completed. No “naked” URLs, all work should be linked to text.
A clear statement of reflection based on the discussion/writing from the previous week.
Appropriate grammar and syntax.
- Problem Sets
- In-Class Discussion
We will together review the calculation of grades in the first class and agree on weights for each. After which we will post the grading practice/point model to calculate letter grades.
Students are expected to treat the instructor and fellow students with the appropriate degree of respect, both in class (if applicable) and in online discussions. Communication, either in person or through electronic media, that is deemed abusive, threatening, or harassing in nature will not be tolerated.
York College’s Academic Integrity Policy & Procedures, developed to conform to the CUNY policy on Academic Integrity.
The following overview of the INC grade is condensed from York’s grading policy website
The student must be passing the course, and have work remaining to complete the course requirements. The student must request an INC grade. The instructor must approve whether the student has a valid reason for not completing course requirements and has reasonable expectation that the student can in fact successfully complete the requirements of the course within the allotted time.
Policy on Accommodations for Disable Students
CUNY York College is committed to providing access to programs and services for qualified students with disabilities. If you are a student with a disability and require accommodations to participate and complete requirements for this class, contact the STAR Program (Specialized Testing & Academic Resources), services for students with disabilities (Academic Core Building (AC), Room 1GO2, 718-262-2191/3732) for verification of eligibility and determination of specific accommodations.