{"id":4,"date":"2018-07-20T14:25:46","date_gmt":"2018-07-20T18:25:46","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/syllabus\/"},"modified":"2021-01-31T23:18:44","modified_gmt":"2021-02-01T04:18:44","slug":"syllabus","status":"publish","type":"page","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/explore\/syllabus\/","title":{"rendered":"Syllabus"},"content":{"rendered":"\n

Course Listing Information<\/h2>\n\n\n\n
<\/div>
\n
<\/div>
\n

Course Title<\/h4>\n<\/div><\/div>\n\n\n\n
<\/div>
\n

MMP 350 Advanced Web Design<\/p>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n

<\/div>
\n
<\/div>
\n

Course Details<\/h4>\n<\/div><\/div>\n\n\n\n
<\/div>
\n
Basic Skills:<\/td>ENG 095 or ESL 062; ACR 094<\/td><\/tr>
Prerequisites:<\/td>MMP 240<\/td><\/tr>
Co-requisites:<\/td>MAT 051<\/td><\/tr>
Credits:<\/td>3cr<\/td><\/tr>
Hours per week:<\/td>2 Class + 2 Lab<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
<\/div>
\n

Time and Days<\/h4>\n<\/div><\/div>\n\n\n\n
<\/div>
\n

Spring 2021 Semester<\/p>\n\n\n\n

Mondays and Wednesdays<\/strong> 7:30p\u20139:10p<\/p>\n\n\n\n

(synchronous hours will be on Zoom, mix of class and lab hours will vary)<\/p>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n

<\/div>
\n
<\/div>
\n

Instructor Information<\/h4>\n<\/div><\/div>\n\n\n\n
<\/div>
\n

Prof Chris Stein<\/p>\n\n\n\n

Office Hours<\/strong>
MON <\/strong>11a\u201312p, WED <\/strong>9:10p\u201310:10p, THU <\/strong>3p\u20134p
Click to Schedule <\/a>(multiple people allowed)<\/p>\n\n\n\n

Quick 1-on-1<\/strong>
Click to Schedule 1-on-1<\/a> (15 minute slots)<\/p>\n\n\n\n

Email<\/strong>
cstein@bmcc.cuny.edu<\/a><\/p>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n

<\/div>
\n
<\/div>
\n

Course Description<\/h4>\n<\/div><\/div>\n\n\n\n
<\/div>
\n

Official Description<\/strong>
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.<\/p>\n\n\n\n

Plus Prof Stein’s Additional<\/strong>
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<\/a> 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, and learn more about what is needed to be a web professional.<\/p>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n

<\/div>
\n
<\/div>
\n
Course Student Learning Outcomes<\/strong><\/td>Measurements <\/strong><\/td><\/tr>
1. Write a web site project plan that includes written descriptions, sitemap and wireframes.<\/td>1. Project Plan Documents<\/td><\/tr>
2. Demonstrate the ability to write in a web-focused programming language. Deploy a web site using a content management system (CMS)<\/td>2. Final Project (Eleventy)<\/td><\/tr>
3. Write client-side scripting code to add advanced interactivity and usability<\/td>3. JavaScript Assignment<\/td><\/tr>
4. Write basic server-side scripting code for dynamic web pages<\/td>4. Eleventy template system and Node.js in Final Project<\/td><\/tr>
5. Use package managers, frameworks and dependencies that are current industry standards<\/td>5. Eleventy template system and Node.js in Final Project<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
<\/div>
\n

Textbook<\/h4>\n<\/div><\/div>\n\n\n\n
<\/div>
\n

There is no textbook for the class. We will use the LinkedIn Learning Course: Building Serverless Apps with JAMStack and Eleventy<\/a> like a textbook for a number of weeks. The class web site you’re reading now will contain or link to all of the class information.<\/p>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n

<\/div>
\n
<\/div>
\n

Use of Technology<\/h4>\n<\/div><\/div>\n\n\n\n
<\/div>
\n
Computer<\/strong><\/h5>\n\n\n\n

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<\/a>. Also, let Prof Stein know and he can make sure you get the help you need.<\/p>\n\n\n\n

Dev Environment<\/strong>
You will also need to set up a development environment<\/a> on your computer. This includes the text editor and also some other software that will need to be installed on your computer. Click the previous link to learn how.<\/p>\n\n\n\n

Zoom<\/strong>
We will hold synchronous sessions through Zoom. In order to use this you will either need to have a camera and microphone on your computer or a mobile device with the Zoom app installed.<\/p>\n\n\n\n

Internet<\/strong>
Because this is an online class you will need to be connected to the internet. BMCC has some mobile hotspots if you don’t have internet at home. You can email studentaffairs@bmcc.cuny.edu to request a hotspot.<\/p>\n\n\n\n

Accounts<\/strong>
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<\/a> explains the details.<\/p>\n\n\n\n

BMCC and CUNYfirst Logins<\/strong>
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.<\/p>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n

<\/div>
\n
<\/div>
\n

Other Resources<\/h4>\n<\/div><\/div>\n\n\n\n
<\/div>
\n

You may want to have pen and paper handy for sketching out ideas or taking quick notes while following along as we work.<\/p>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n

<\/div>
\n
<\/div>
\n

Tutoring<\/h4>\n<\/div><\/div>\n\n\n\n
<\/div>
\n

Take advantage of BMCC\u2019s one-on-one tutoring services (free!). Visit http:\/\/www.bmcc.cuny.edu\/lrc\/schedule.jsp for an up to date schedule (scroll to MMP\/MMA)<\/p>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n

Grading and Section Specific Information<\/h2>\n\n\n\n
<\/div>
\n
<\/div>
\n

Evaluation<\/h4>\n<\/div><\/div>\n\n\n\n
<\/div>
\n
\n
Weekly Learning Reports<\/h5>
Each week you will complete a report on what you learned. Sometimes you will turn in items that you have worked on. Turn these in EVEN IF YOU HAVE DONE LITTLE TO NO WORK<\/strong>. It’s a conversation between you and me and your classmates about where you are.<\/div><\/div><\/div>
30%<\/span><\/div><\/div><\/div><\/div>
<\/div><\/div><\/div><\/div><\/div>\n\n\n\n
Quizlet Progress<\/h5>
We will use the site Quizlet to help you manage learning foundational Web Design knowledge (HTML, CSS, JavaScript, Jamstack terminology etc). This app is in place of quizzes.<\/div><\/div><\/div>
15%<\/span><\/div><\/div><\/div><\/div>
<\/div><\/div><\/div><\/div><\/div>\n\n\n\n
Active Class Participation<\/h5>
There will be multiple opportunities to participate each week. See Class Participation below for more info.<\/div><\/div><\/div>
10%<\/span><\/div><\/div><\/div><\/div>
<\/div><\/div><\/div><\/div><\/div>\n\n\n\n
Midterm Presentation<\/h5>
This will be a presentation on what you are going to do for your final project.<\/div><\/div><\/div>
15%<\/span><\/div><\/div><\/div><\/div>
<\/div><\/div><\/div><\/div><\/div>\n\n\n\n
Final Project<\/h5>
This will be a web site that you create using the Jamstack architecture that we are learning. A rubric will be provided.<\/div><\/div><\/div>
30%<\/span><\/div><\/div><\/div><\/div>
<\/div><\/div><\/div><\/div><\/div>\n<\/div>\n\n\n\n

<\/p>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n

<\/div>
\n
<\/div>
\n

Class Participation<\/h4>\n<\/div><\/div>\n\n\n\n
<\/div>
\n

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. <\/p>\n\n\n\n

Activities that count as active class participation include:<\/p>\n\n\n\n