NEU Logo
Đại học Kinh tế Quốc dânChương trình đào tạo
English
Tiếng Việt
NEU Logo
QR Code

Đại học Kinh tế Quốc dân

207 Giải Phóng,Bạch mai, Hà Nội, Việt Nam

(84)24.36.280.280

(84)24.38.695.992

facebook.com/ktqdNEU

QR Code
Bản quyền thuộc về: Đại học Kinh tế Quốc dân
Trang chủ
Hướng dẫn sử dụng
CNTT1165 — Web Design | Chương trình đào tạo NEU

CNTT1165 — Web Design

Credits
3
Showing intake
K66-2024

Course description

This course aims to provide knowledge about the important components of modern web design. Students are guided through the HyperText Markup Language (HTML), including basic and advanced syntax, along with how to create the content structure of a web page. At the same time, they will be introduced to CSS for formatting and designing visual interfaces, using properties and layout techniques to create flexible, user-friendly web pages on every device. In addition, students will explore the JavaScript programming language and how to use it to make web pages interactive and dynamic. They will learn about event handling, manipulating the DOM, and creating dynamic effects and features, thereby enhancing the user experience and interactivity of the web page.

At the same time, the course also emphasizes developing students' thinking skills and self-study ability in the field of web design through projects and hands-on practice.

.

Main content:

Overview of web design and web programming

HyperText Markup Language (HTML)

Web styling with CSS

Web layout design and responsive web

JavaScript language

Using CSS frameworks and JavaScript frameworks

Course requirements

Regulations on conditions for taking the final course examination

The attendance score must be 5 or above (in accordance with the University's general regulations).

How the attendance score is assessed: see Appendix 2, Rubric 1.

Regulations on class attendance

Students are responsible for attending all class sessions in full.

In case of absence due to force majeure, students should proactively study the knowledge through the materials provided by the instructor and the other materials required to be read.

Regulations on classroom behavior

The course is conducted on the principle of respect for both learners and instructors.

Take full notes and participate in answering questions.

Read the required materials in advance.

Do the homework assignments.

Do not make noise or disturb others, and do not eat during class.

Laptops, tablets, and mobile phones may only be used for taking lecture notes and performing calculations for study purposes; using them for any other purpose is strictly prohibited.

Regulations on submitting major assignments

Learners who do not submit the required individual / group assignment will receive a score of 0 (zero).

After the prescribed deadline, each day of late submission will result in a deduction of one point.

Detailed content

Main content: Overview of web design and web programming HyperText Markup Language (HTML) Web styling with CSS Web layout design and responsive web JavaScript language Using CSS frameworks and JavaScript frameworks

Learning outcomes and assessment

The training management system automatically assesses the level of CLO achievement according to the University's general algorithm. The course learning outcomes are evaluated by the students and the University after the final course examination.

Lecturers

  • Pham Xuan Lam
  • c. Cao Thi Thu Hương

Teaching plan

L[2]
References
[3]
Activities
[4]
Assessment
[5]

Week 1

Lecture 1 Chapter 1: Overview of Web Design and Web Programming 1.1. Web applications 1.2. Static web design 1.3. HTML, CSS, JavaScript 1.4. Dynamic web programming 1.5. Issues in web design 1.6. Web development tools
References
[1] Chapter 1
Activities
Instructor: Introduce the syllabus, textbook, reference materials, software, and lectures Teach the theory according to the lecture content Guide the reading of the textbook and reference materials Ask students to review the knowledge of the prerequisite courses Ask students to preview the examples, questions, and exercises for Seminar 1 Introduce the Rubrics Students: Preview the syllabus Read the materials Review the knowledge of the prerequisite courses

Week 2

Seminar 1 Theory questions on Chapter 1 Practice: using Chrome DevTools and understanding its basic features such as Elements, Console, Sources, and Network
References
[1] Chapter 1
Activities
Instructor: Review some theory Guide answering the multiple-choice questions Guide the practice Students: Read the materials in advance Follow the practice steps Participate in discussion Do the practice exercises Participate in reviewing the answers

Learning resources

  • Murach's HTML5 and CSS3 — Anne Boehm Zak Ruvalcaba, Murack, 2018
  • . Coding with JavaScript for dummies. John Wiley & Sons — Minnick, C. and Holland, E., 2015
  • Programming HTML, CSS and JavaScript on VnCodelab (https://www.vncodelab.com)
  • Visual Studio Code
  • Figma
Assessment
Attendance check Answering questions in Seminar 1 Doing the practice exercises

Week 3

Lecture 2 Chapter 2. The HyperText Markup Language HTML 2.1. Introduction to HTML 2.2. The structure of an HTML document 2.3. Basic HTML tags 2.4. Advanced HTML tags
References
[1] Chapters 1, 2, 3
Activities
Instructor: - Teach the theory - Introduce examples Students: - Read the materials in advance - Preview the examples - Do the required exercises

Week 4

Seminar 2 Theory questions on Chapter 2 Practice: Creating a web page with basic HTML tags Creating a web page with advanced HTML tags Creating a form
References
[1] Chapters 1, 2, 3
Activities
Instructor: Review some theory Guide answering the multiple-choice questions Guide the practice Students: Read the materials in advance Follow the practice steps Participate in discussion Participate in reviewing the answers
Assessment
Attendance check Answering questions in Seminar 2 Doing the practice exercises

Week 5

Lecture 3 Chapter 3. Web Styling with CSS 3.1. Introduction to CSS 3.2. CSS rules 3.3. Selectors 3.4. Basic CSS properties
References
[1] Chapters 4, 5, 7, 9-14
Activities
Instructor: Teach the theory Introduce examples Students: Read the materials in advance Preview the examples Do the required exercises

Week 6

Seminar 3 Theory questions on Chapter 3. Practice: Using common CSS properties for the web. CSS properties for special elements.
References
[2] Chapters 4, 5, 7, 9-14
Activities
Instructor: Review some theory Guide answering the multiple-choice questions Guide the practice Students: Read the materials in advance Follow the practice steps Participate in discussion Participate in reviewing the answers
Assessment
Attendance check Answering questions in Seminar 3 Doing the practice exercises

Week 7

Lecture 4 Chapter 4: Web Layout Design and Responsive Web 4.1. Using Float 4.2. Using Grid 4.3. Using Flexbox 4.4. Using a Framework
References
[1] Chapters 6, 8
Activities
Instructor: Teach the theory Introduce examples Students: Read the materials in advance Preview the examples Do the required exercises

Week 8

Seminar 4 Theory questions on Chapter 4 Practice: Designing a web layout and responsive web using Float, Grid, and Flexbox
References
[1] Chapters 6, 8
Activities
Instructor: Review some theory Guide answering the multiple-choice questions Guide the practice Students: Read the materials in advance Follow the practice steps Participate in discussion Participate in reviewing the answers
Assessment
Attendance check Answering questions in Seminar 4 Doing the practice exercises

Week 9

Lecture 5 Chapter 5: The JavaScript Language 5.1. JavaScript basics 5.2. Programming syntax 5.3. Basic JavaScript 5.4. Object-oriented programming 5.5. Programming with the HTML DOM 5.6. Programming with JSON 5.7. AJAX programming
References
[1] Chapter 15 [2] Chapters 10, 16 [3] Chapter 6
Activities
Instructor: Teach the theory Introduce examples Students: Read the materials in advance Preview the examples Do the required exercises

Week 10

Seminar 5 Theory questions on Chapter 5 Practice: Programming with the HTML DOM Programming with JSON Writing JS code to validate the form fields before submit.
References
[1] Chapter 15 [2] Chapters 10, 16 [3] Chapter 6
Activities
Instructor: Review some theory Guide answering the multiple-choice questions Guide the practice Students: Read the materials in advance Follow the practice steps Participate in discussion Participate in reviewing the answers
Assessment
Attendance check Answering questions in Seminar 5 Doing the practice exercises

Week 11

Lecture 6 Chapter 6. Supporting Tools 6.1. Emmet 6.2. Github 6.3. Bootstrap 6.4. jQuery 6.5. Sass
References
[2] Chapter 18 [3] Chapters 7, 8
Activities
Instructor: Teach the theory Introduce examples Students: Read the materials in advance Preview the examples Do the required exercises

Week 12

Seminar 6 Theory questions on Chapter 6 Practice: Using the tools that have been introduced
References
[2] Chapter 18 [3] Chapters 7, 8
Activities
Instructor: Review some theory Guide answering the multiple-choice questions Guide the practice Students: Read the materials in advance Follow the practice steps Participate in discussion Participate in reviewing the answers
Assessment
Attendance check Answering questions in Seminar 5 Doing the practice exercises

Week 13

Seminar 7 Reviewing the knowledge Individual test
Activities
Instructor: Review the knowledge Guide answering the multiple-choice questions Guide the practice Provide the test Introduce Rubric 2 Guide how to submit Students: Read the materials in advance Follow the practice steps Participate in discussion Participate in reviewing the answers Take the individual test
Assessment
Attendance check Individual test (Rubric 2)

Week 14

Seminar 8 Presenting the group assignment
Activities
Instructor: Guide the presentation of the group assignment Introduce Rubric 3 Ask the groups questions Students: Present the group assignment Discuss the groups' presentations
Assessment
Attendance check Group assignment (Rubric 3)

Week 15

Seminar 9 Presenting the group assignment Reviewing the course as a whole Guiding how to take the final examination
Activities
Instructor: Guide the presentation of the group assignment Introduce Rubric 3 Ask the groups questions Students: Present the group assignment Discuss the groups' presentations
Assessment
Attendance check Group assignment (Rubric 3)
Final examination
References
All course content
Activities
Essay on the computer
Assessment
Appendix 1: Examination matrix