CIT 301B - Advanced CSS

Description

This class provides a deeper dive into topics in CSS. Topics of study will include: advanced CSS layout and positioning techniques, complex CSS selectors, CSS transitions and animations, CSS Preprocessing, an introduction to CSS libraries, and using svg with html and css.

Course Outcomes

Upon completion of this course, students will be able to:

  1. Demonstrate a mastery of CSS (including selectors, layout, positioning, organization, and troubleshooting).
  2. Understand the role of CSS preprocessors and how to effectively integrate their use in development workflows.
  3. Become proficient with CSS animations and transitions in web design.
  4. Become proficient in integrating SVG assets into websites and modify them with CSS.
  5. Solve problems through independent study and application—learn how to learn.

Prerequisites

Students should have completed either CIT 230 or Comm 310 before taking this course.

Software and Resources

We will be using materials from SitePoint.com (http://sitepoint.com). You will need access to their premier resources. The University has set up a special pricing for students of $11/semester. You must purchase an access code through the BYU-Idaho bookstore (ISBN: 281000004207B). Then use the URL that accompanies the access code to create a SitePoint Premium account.

The text will be CSS Master by Tiffany Brown. Once you have subscribed you can read it online or download it as pdf or epub.

We will also be using an online editing tool for HTML/CSS/Javascript called CodePen (http://codepen.io). You will need to create a free account with them.

You will also want a good text editor installed on your computer. If you don’t have one you like, a few I can recommend are below:

Schedule

  1. Course overview/software setup/build review website
  2. CSS Selectors
  3. CSS Preprocessing with Sass
  4. Creating shapes with css
  5. Using SVG images
  6. CSS Layout
  7. CSS Layout Cont
  8. CSS Animations and Transitions
  9. CSS Transforms
  10. CSS organization and tools
  11. CSS Libraries
  12. CSS Libraries Cont
  13. Finish CSS Zen Garden final project

Assessments

There will be 1-2 homework assignments each week over the course of the semester. Details about those can be found in ILearn. Most are due at Saturday 11pm of the week in which they are given.

All homework assignments will receive equal weight and collectively will constitute 60% of your final grade for the course.

Late homework assignments will be accepted for a maximum of 50% credit.

Final Project

There will be a final project that will be completed as a small group (2-3 members) over the course of the semester. This project will constitute 30% of your final grade for the course.

The assignment will be to create a version of the CSS Zen Garden (http://csszengarden.com) Each group will be responsible to decide upon a theme, then design and build their version according to the rules of the Zen Garden.

Students will self-select into groups of 2-3 during the first few weeks of the semester. You will want to try and find others who complement your strengths. Ideally you will be able to finish the project with the same group you started with, but this is not required. You must however participate in each portion and will be responsible to bring yourself up to speed quickly with the new group if you switch.

Overall Grading

The final percentage will determine your grade as follows:

A 93.00%-100%
A- 90.00%-92.99%
B+ 87.00%-89.99%
B 83.00%-86.99%
B- 80.00%-82.99%
C+ 77.00%-79.99%
C 73.00%-76.99%
C- 70.00%-72.99%
D+ 67.00%-69.99%
D 63.00%-66.99%
D- 60.00%-62.99%
F below 60%

Standards

Be responsible for your own education. Take responsibility to complete your homework as assigned. Be prepared to accept the consequences if you do not.

It is important that you prepare yourself each week to contribute actively in learning with your fellow students. Be respectful of each other’s time and be prompt to any meetings that may be scheduled.

Preventing Sexual Misconduct Statement

BYU-Idaho prohibits sex discrimination against any participant in its education programs or activities. Prohibited sex discrimination includes incidents of sexual harassment (including sexual violence), dating violence, domestic violence, sexual assault, and stalking (collectively “sexual misconduct”).

As an instructor, one of my responsibilities is to help create a safe learning environment for my students and for the campus as a whole. University policy requires that I report all incidents of sexual misconduct that come to my attention. If you encounter sexual misconduct, please contact the Title IX Coordinator at titleix@byui.edu or 208-496-9200. Additional information about sexual misconduct and available resources can be found at http://www.byui.edu/titleix.

Student Disability Statement

BYU-Idaho does not discriminate against persons with disabilities in providing its educational and administrative services and programs, and follows applicable federal and state law. This policy extends to the University’s electronic and information technologies (EIT).

Students with qualifying disabilities should contact the Disability Services Office at disabilityservices@byui.edu or 208-496-9210. Additional information about Disability Services resources can be found at http://www.byui.edu/disabilities.