{"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-08-22T21:58:56","modified_gmt":"2021-08-23T01:58:56","slug":"syllabus","status":"publish","type":"page","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-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

Fall 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\n\n\n

More information on my page in the Class Directory<\/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\/GitHub, 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. Competency: Project Plan<\/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. Competency: Responsive Site
Competency: Site Design<\/td><\/tr>
3. Write client-side scripting code to add advanced interactivity and usability<\/td>3. Competency: Dynamic Site<\/td><\/tr>
4. Write basic server-side scripting code for dynamic web pages<\/td>4. Competency: Eleventy Site<\/td><\/tr>
5. Use package managers, frameworks and dependencies that are current industry standards<\/td>5. Competency: Eleventy Site and 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. 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

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<\/a> 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

Fundamentals<\/h4>
Understanding of the building blocks of the web: HTML, CSS, JavaScript. You will show your learning through Kahoots.<\/div><\/div><\/div>
15%<\/span><\/div><\/div><\/div><\/div>
<\/div><\/div><\/div><\/div><\/div>\n\n\n\n

Competency: Plan<\/h4>
Create a Project Brief for your portfolio project.<\/div><\/div><\/div>
10%<\/span><\/div><\/div><\/div><\/div>
<\/div><\/div><\/div><\/div><\/div>\n\n\n\n

Competency: Responsive Site<\/h4>
Create a responsive Portfolio web site whose layout responds to the width of the user’s screen.<\/div><\/div><\/div>
10%<\/span><\/div><\/div><\/div><\/div>
<\/div><\/div><\/div><\/div><\/div>\n\n\n\n

Competency: Site Design<\/h4>
Use visual design principles and web design principles to create a Portfolio site that displays information in a way that is visually appropriate to the content and the users.<\/div><\/div><\/div>
10%<\/span><\/div><\/div><\/div><\/div>
<\/div><\/div><\/div><\/div><\/div>\n\n\n\n

Competency: Eleventy Site<\/h4>
Create and deploy the Portfolio site using the Eleventy static site generator.<\/div><\/div><\/div>
10%<\/span><\/div><\/div><\/div><\/div>
<\/div><\/div><\/div><\/div><\/div>\n\n\n\n

Competency: Dynamic Site<\/h4>
Add dynamic elements to a site. Examples of dynamic elements are JavaScript UI elements, interactive maps, data loaded dynamically from an API.<\/div><\/div><\/div>
10%<\/span><\/div><\/div><\/div><\/div>
<\/div><\/div><\/div><\/div><\/div>\n\n\n\n

Final Project<\/h4>
Group Project to create a web site using Eleventy.<\/div><\/div><\/div>
25%<\/span><\/div><\/div><\/div><\/div>
<\/div><\/div><\/div><\/div><\/div>\n\n\n\n

Class Participation<\/h4>
Participation in course. See below for more information.<\/div><\/div><\/div>
5%<\/span><\/div><\/div><\/div><\/div>
<\/div><\/div><\/div><\/div><\/div>\n\n\n\n

Learning Journal<\/h4>
There will be learning journal entries assigned throughout the course.<\/div><\/div><\/div>
5%<\/span><\/div><\/div><\/div><\/div>
<\/div><\/div><\/div><\/div><\/div>\n<\/div>\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