Contents
Course Listing Information
Course Title
MMP 350 Advanced Web Design
Course Details
| Basic Skills: | ENG 095 or ESL 062; ACR 094 |
| Prerequisites: | MMP 240 |
| Co-requisites: | MAT 051 |
| Credits: | 3cr |
| Hours per week: | 2 Class + 2 Lab |
Time and Days
Spring 2022 Semester
Mondays and Wednesdays 6pm–7:40pm
Instructor Information
Prof Chris Stein
Office Hours
After class in person. Zoom throughout the week:
Click to Schedule (multiple people allowed)
Quick 1-on-1
Click to Schedule 1-on-1 (15 minute slots)
Email
cstein@bmcc.cuny.edu
More information on my page in the Class Directory.
Course Description
Official Description
This course gives the students the tools to build standards-compliant, accessible, dynamic web sites. Students will incorporate client-side and server-side scripting with advanced CSS to create intuitive and interactive web interfaces. The learning will take placed in the context of a content management system. Contemporary web development processes and platforms will be explored. A foundational knowledge of programming concepts, HTML, CSS and design for the web is required for this course.
Plus Prof Stein’s Additional
In this course, you will learn skills, techniques, concepts to give you a solid foundation on which you can build towards becoming a professional web designer. The Jamstack architecture is a key topic. First, you will learn fundamental concepts to get ready for Jamstack development, then we will learn how it works and finally, you will complete your own site. Along the way you will strengthen HTML, CSS and design skills, pick up new skills and languages like JavaScript, Node and Git/GitHub, and learn more about what is needed to be a web professional.
| Course Student Learning Outcomes | Measurements |
| 1. Write a web site project plan that includes written descriptions, sitemap and wireframes. | 1. Competency: Project Plan |
| 2. Demonstrate the ability to write in a web-focused programming language. Deploy a web site using a content management system (CMS) | 2. Competency: Responsive Site Competency: Site Design |
| 3. Write client-side scripting code to add advanced interactivity and usability | 3. Competency: Eleventy Site |
| 4. Write basic server-side scripting code for dynamic web pages | 4. Competency: Eleventy Site |
| 5. Use package managers, frameworks and dependencies that are current industry standards | 5. Competency: Eleventy Site and Final Project |
Textbook
There is no textbook for the class. The class web site you’re reading now will contain or link to all of the class information.
Other Resources
You may want to have pen and paper handy for sketching out ideas or taking quick notes while following along as we work.
Tutoring
Our course has a Supplemental Instruction Leader who can help you with the class.
BMCC also has tutoring. Not all tutors can help with Eleventy and more advanced topics but there are tutors who can work with HTML, CSS and JavaScript fundamentals. Visit http://www.bmcc.cuny.edu/lrc/schedule.jsp for an up to date schedule (scroll to MMP/MMA)
Grading and Section Specific Information
Evaluation
Class Participation
Regular participation in the course is one of the most important things that you can do in order to help you learn more deeply and permanently and to help ensure that you pass the class.
Activities that count as active class participation include:
Use of Technology
Computer
You will need a computer in order to complete the work in this class. If you do not have a capable computer fill out this form to get help: https://bit.ly/mea-tech-need. Also, let Prof Stein know and he can make sure you get the help you need.
Dev Environment
You will also need to set up a development environment on your computer. This includes the text editor and also some other software that will need to be installed on your computer. Click the link above to learn how.
Internet
To do your work at home you will need an internet connection. BMCC has some mobile hotspots if you don’t have internet at home. You can go to the BMCC Library to request a hotspot (supply is limited).
Accounts
We will also use a number of online sites. They are all either free or you can access them for free with your BMCC or CUNY username and password. The Accounts page on our site explains the details.
BMCC and CUNYfirst Logins
A number of resources require these logins (LinkedIn Learning, Blackbaord, Zoom, MS Office, Adobe). If you do not have (or cannot remember) your id and password for either your BMCC login or your CUNYfirst login, contact the BMCC helpdesk right away: 212-220-8379 or helpdesk@bmcc.cuny.edu.
Weekly Breakdown
This is a basic breakdown of the course. More detail will be given each week and some things may change.
Weeks 1–3
- Course Introduction
- Setup
- Getting access to your accounts
- Home Development Environment
- Web Design refresher (HTML + CSS)
- DUE: Portfolio Project Brief
- create a Brief for your Portfolio Project
Weeks 3–5
- Focus on HTML, CSS and Responsive Design
- JavaScript Introduction
- Using Node, Git and Markdown
- DUE: Responsive Site
Weeks 6–10
- Learning Jamstack and Eleventy
- DUE: Eleventy Site
- Create an Eleventy version of your Portfolio Project
Weeks 11-17
- Final Project Website Workshop
- DUE: Final Project
- Present Group Final Projects during Finals Week
Note that even though class is 15 weeks, because some weeks we only meet once, there are 17 calendar weeks we have class.
General Student Resources
BMCC is committed to the health and well‐being of all students. It is common for everyone to seek assistance at some point in their life, and there are free and confidential services on campus that can help.
Advocacy and Resource Center (ARC)
https://www.bmcc.cuny.edu/student-affairs/arc/ room S230, 212‐220‐8195, arc@bmcc.cuny.edu. If you are having problems with food or housing insecurity, finances, health insurance or anything else that might get in the way of your studies at BMCC, contact the Advocacy and Resource Center (formerly Single Stop) for assistance. Please contact us atarc@bmcc.cuny.edu, call 212-220-8195, or come by the office at room S230. You may also contact the Office of Student Affairs, S350, 212‐220‐8130, studentaffairs@bmcc.cuny.edu, for assistance.
Counseling Center
www.bmcc.cuny.edu/counseling, room S343, 212‐220‐8140, counselingcenter@bmcc.cuny.edu. Counselors assist students in addressing psychological and adjustment issues (i.e., depression, anxiety, and relationships) and can help with stress, time management and more. Counselors are available for walk‐in visits.
Office of Compliance and Diversity
https://www.bmcc.cuny.edu/about-bmcc/compliance-diversity, room S701, 212-220-1236. BMCC is committed to promoting a diverse and inclusive learning environment free of unlawful discrimination/harassment, including sexual harassment, where all students are treated fairly. For information about BMCC’s policies and resources, or to request additional assistance in this area, please visit or call the office, or email olevy@bmcc.cuny.edu, or twade@bmcc.cuny.edu. If you need immediate assistance, please contact BMCC Public safety at 212-220-8080.
Office of Accessibility
www.bmcc.cuny.edu/accessibility, Students who need academic accommodations in connection with a disability must initiate the request with BMCC’s Office of Accessibility (OA). Students need to register with the Office of Accessibility in order to officially disclose their disability status to the College and to determine eligibility for appropriate reasonable accommodations (including any prior IEPs or 504s). Please contact the OA at the start of the semester (or as soon as possible) to coordinate any accommodation request/s: www.bmcc.cuny.edu/accessibility, Room N360 (accessible entrance: 77 Harrison Street), 212-220-8180, accessibility@bmcc.cuny.edu.
BMCC Policy on Plagiarism and Academic Integrity Statement
Plagiarism is the presentation of someone else’s ideas, words or artistic, scientific, or technical work as one’s own creation. Using the idea or work of another is permissible only when the original author is identified. Paraphrasing and summarizing, as well as direct quotations, require citations to the original source. Plagiarism may be intentional or unintentional. Lack of dishonest intent does not necessarily absolve a student of responsibility for plagiarism. Students who are unsure how and when to provide documentation are advised to consult with their instructors. The library has guides designed to help students to appropriately identify a cited work. The full policy can be found on BMCC’s Web site, https://www.bmcc.cuny.edu/academics/policies/policy-on-plagiarism/. For further information on integrity and behavior, please consult the college bulletin (also available online).
