[major=SE | course_id=WED201c | syllabus_id=13172 | semester=2 | combo=core | title=Web Design]
Course ID: WED201c
Title EN: Web Design
Title VI: Thiết kế web
Credits: 3.0
Prerequisites: 
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, ...)
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
Course type: coursera_only
Decision: 932/QĐ-ĐHFPT dated 08/22/2025
Approved date: 2025-08-22
CLO1: Understand and demostrate how to get a site from the original version to HTML5
[1] category=PE; type=Final exam; weight=50.0; duration=120'; question_type=; grading_guide=The whole course content; completion_criteria=; clos=4
[2] category=TE; type=Final exam; weight=50.0; duration=60'; question_type=; grading_guide=The whole course content. Each module of course contributes 3-5 questions.; completion_criteria=; clos=4
[1] desc=https://learner.coursera.help/hc/en-us/articles/208280036-Coursera-Code-of-Conduct; author=; publisher=Coursera; edition=; isbn=; main=; online=True; note=
[2] desc=https://www.coursera.org/learn/html/home/welcome; author=; publisher=Coursera; edition=; isbn=; main=True; online=True; note=MOOC 1: Introduction to HTML5
[3] desc=https://www.coursera.org/learn/introcss/home/welcome; author=; publisher=Coursera; edition=; isbn=; main=True; online=True; note=MOOC 2: Introduction to CSS3
[4] desc=https://www.coursera.org/learn/javascript/home/welcome; author=; publisher=Coursera; edition=; isbn=; main=True; online=True; note=MOOC 3: Interactivity with JavaScript
[5] desc=https://www.coursera.org/learn/responsivedesign/home/welcome; author=; publisher=Coursera; edition=; isbn=; main=True; online=True; note=MOOC 4: Advanced Styling with Responsive Design
[6] desc=https://www.coursera.org/learn/web-design-project/home/welcome; author=; publisher=Coursera; edition=; isbn=; main=True; online=True; note=MOOC 5: Web Design for Everybody Capstone
[7] desc=https://www.coursera.org/specializations/web-design; University of Michigan; author=; publisher=Coursera; edition=; isbn=; main=True; online=True; note=SPEC: Web Design for Everybody: Basics of Web Development & Coding
Session 1: 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
Topic: Offline,Online; Teaching type: LO1; LO: 
ITU: 
Download: - Watch all videos, read all materials in the MOOC
- Finish quizzes, self-assessment, assignments and take part in discussion boards (if needed)
All students should participate in offline slot (if any question)

Session 2: Module 2 (MOOC 1):
- The Document Object Model (DOM)
- HTML5 Elements
- Tags, Syntax, Semantics,  and Templates
- Images, Hyperlinks, Multimedia, Tables
Topic: Online; Teaching type: LO1; LO: 
ITU: 
Download: - Watch all videos, read all materials in the MOOC
- Finish quizzes, self-assessment, assignments and take part in discussion boards (if needed)

Session 3: 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)
Topic: Online; Teaching type: LO1; LO: 
ITU: 
Download: - Watch all videos, read all materials in the MOOC
- Finish quizzes, self-assessment, assignments and take part in discussion boards (if needed)

Session 4: Module 1 & 2 (MOOC 2):
- Getting started with simple styling
- Advanced styling
Topic: Online; Teaching type: LO2; LO: 
ITU: 
Download: - Watch all videos, read all materials in the MOOC
- Finish quizzes, self-assessment, assignments and take part in discussion boards (if needed)
CLO2: Use CSS3 to style a site dynamically
Session 1: Module 3, Module 4 (MOOC 2):
- Psuedo-classes, Pseudo-elements, Transitions, and Positioning
- Putting It All Together
Topic: Online; Teaching type: LO2; LO: 
ITU: 
Download: - Watch all videos, read all materials in the MOOC
- Finish quizzes, self-assessment, assignments and take part in discussion boards (if needed)

Session 2: Module 1, Module 2 (MOOC 3):
- Introduction to JavaScript
- Reacting to Your Audience
Topic: Online; Teaching type: LO3; LO: 
ITU: 
Download: - Watch all videos, read all materials in the MOOC
- Finish quizzes, self-assessment, assignments and take part in discussion boards (if needed)

Session 3: Module 3, Module 4 (MOOC 3):
- Arrays and Looping
- Validating Form Data
Topic: Online; Teaching type: ; LO: 
ITU: 
Download: - Watch all videos, read all materials in the MOOC
- Finish quizzes, self-assessment, assignments and take part in discussion boards (if needed)

Session 4: Module 1, Module 2 (MOOC 4):
- Style with Responsive Design
- Basic Concepts
Topic: Online; Teaching type: LO4; LO: 
ITU: 
Download: - Watch all videos, read all materials in the MOOC
- Finish quizzes, self-assessment, assignments and take part in discussion boards (if needed)
CLO3: Add interacitivity to web pages with Javascript
Session 1: Module 3, Module 4 (MOOC 4):
- Use Existing Frameworks
- Experiment!
Topic: Online; Teaching type: LO4; LO: 
ITU: 
Download: - Watch all videos, read all materials in the MOOC
- Finish quizzes, self-assessment, assignments and take part in discussion boards (if needed)

Session 2: Module 1, Module 2 (MOOC 5):
- Introduction
- Design phase
Topic: Online; Teaching type: LO5; LO: 
ITU: 
Download: - Watch all videos, read all materials in the MOOC
- Finish quizzes, self-assessment, assignments and take part in discussion boards (if needed)

Session 3: Module 3, Module 4, Module 5 (MOOC 5):
- Lesson Choice
- Coding Phase
Topic: Online; Teaching type: LO5; LO: 
ITU: 
Download: - Watch all videos, read all materials in the MOOC
- Finish quizzes, self-assessment, assignments and take part in discussion boards (if needed)

Session 4: 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
Topic: Offline,Online; Teaching type: All LOs; LO: 
ITU: 
Download: https://flm.fpt.edu.vn/gui/role/student/- Watch all videos, read all materials in the MOOC- Finish quizzes, self-assessment, assignments and take part in discussion boards (if neededDeadline of Coursera completion: End of Friday of the week.All students should participate in review slot (if any question)
CLO4: Apply responsive design to enable page to be viewed by various devices
CLO5: Apply all knowledge of skills learned in the courses to build a site