Web Design (WED201c)
Vietnamese title: Thiết kế web
Credits: 3

Description:
Upon finishing the course, students can:
1) Knowledge: Understand (ABET e)
- The concepts of HTML, CSS3, JavaScript, Interactivity with JavaScript, Advanced Styling with Responsive Design
- Web page structure.
- Web site structure.
- Demonstrate the ability to design and implement a responsive site for three platforms.
- The way a web page is presented in browsers.

2) Able to (ABET k)
- Add interacitivity to web pages with Javascript
- Apply responsive design to enable page to be viewed by various devices
- Describe the basics of Cascading Style Sheets (CSS3)
- Use the Document Object Model (DOM) to modify pages
3) Others: (ABET i)
- Improve study skills (academic reading, information searching, ...)

Learning outcomes:
Understand and demostrate how to get a site from the original version to HTML5
Use CSS3 to style a site dynamically
Add interacitivity to web pages with Javascript
Apply responsive design to enable page to be viewed by various devices
Apply all knowledge of skills learned in the courses to build a site

Student tasks:
1. Join the online course (spec.) when being invited by the admin.
2. Enroll in each MOOC of spec., regularly study MOOCs at least 5hrs/week by watching videos, reading materials, taking quizzes, doing assgnments... as required
3. Respect the Coursera Code of Conduct, at https://learner.coursera.help/hc/en-us/articles/208280036-Coursera-Code-of-Conduct
3. Keep online learning progress promptly (bonus will be awarded)
4. Communicate and discuss in forum
5. Attend off-line sessions in the Campus
6. Must complete all MOOCs of spec. with certification in order to take the Final Exam at Campus

Tools:
- Internet

Materials:
description: https://learner.coursera.help/hc/en-us/articles/208280036-Coursera-Code-of-Conduct
publisher: Coursera
description: https://www.coursera.org/learn/html/home/welcome
publisher: Coursera
note: MOOC 1: Introduction to HTML5
description: https://www.coursera.org/learn/introcss/home/welcome
publisher: Coursera
note: MOOC 2: Introduction to CSS3
description: https://www.coursera.org/learn/javascript/home/welcome
publisher: Coursera
note: MOOC 3: Interactivity with JavaScript
description: https://www.coursera.org/learn/responsivedesign/home/welcome
publisher: Coursera
note: MOOC 4: Advanced Styling with Responsive Design
description: https://www.coursera.org/learn/web-design-project/home/welcome
publisher: Coursera
note: MOOC 5: Web Design for Everybody Capstone
description: https://www.coursera.org/specializations/web-design; University of Michigan
publisher: Coursera
note: SPEC: Web Design for Everybody: Basics of Web Development & Coding

Assessments:
category: PE
type: Final exam
weight: 50.0
duration: 120'
knowledge_and_skill: 01 practical assignment
grading_guide: The whole course content
note: by Exam Board
category: TE
type: Final exam
weight: 50.0
duration: 60'
no_question: Multiple choice
knowledge_and_skill: 60
grading_guide: The whole course content. Each module of course contributes 3-5 questions.
note: By Exam Board.

Schedule:
session: Module 1 (MOOC 1):
- Welcome
- Introduction to HTML5
- History and Evolution
- How it Works
- Tool and Tips
Offline 1: Introduction to the online course WED201c
session: Module 2 (MOOC 1):
- The Document Object Model (DOM)
- HTML5 Elements
- Tags, Syntax, Semantics,  and Templates
- Images, Hyperlinks, Multimedia, Tables
session: Module 3 (MOOC 1):
- Accessibility
- Human Factors to  Consider in Web Design
- Validate your code
- Putting your Code on the Web
- Final Project (MOOC 1)
session: Module 1 & 2 (MOOC 2):
- Getting started with simple styling
- Advanced styling
session: Module 3, Module 4 (MOOC 2):
- Psuedo-classes, Pseudo-elements, Transitions, and Positioning
- Putting It All Together
session: Module 1, Module 2 (MOOC 3):
- Introduction to JavaScript
- Reacting to Your Audience
session: Module 3, Module 4 (MOOC 3):
- Arrays and Looping
- Validating Form Data
session: Module 1, Module 2 (MOOC 4):
- Style with Responsive Design
- Basic Concepts
session: Module 3, Module 4 (MOOC 4):
- Use Existing Frameworks
- Experiment!
session: Module 1, Module 2 (MOOC 5):
- Introduction
- Design phase
session: Module 3, Module 4, Module 5 (MOOC 5):
- Lesson Choice
- Coding Phase
session: Module 6, Module 7, Module 8 (MOOC 5):
- Validation and Review Phase
- Revise and Submit Phase: Lesson Choices
Offline 2: Review Web Design for Everybody: Basics of Web Development & Coding Specialization