This course offers a comprehensive understanding of web development, concentrating on essential server-side techniques. Topics include the HTTP protocol for browser-server communication, various methods of interaction between browsers and servers, and approaches for web application development.
Students will gain hands-on experience in web server development using Node.js. The course will cover related browser-side techniques such as utilizing HTML forms, structuring data with JSON, and asynchronous JavaScript programming using promises. Additionally, students will explore AJAX for server communication and different web application architectures, including Single Page Applications (SPAs), Multi-Page Applications (MPAs), RESTful APIs, and MVC architecture. The curriculum also introduces web authentication, cookie management, and real-time communication using WebSockets.
Throughout the course, students will engage in practical programming exercises, culminating in the development of a multi-player game project. By the end of the course, students will be equipped to apply the technologies and skills they have acquired to create engaging and comprehensive web applications.
In this module, you will learn the fundamental HTTP process, which isessential for understanding browser-server communication. You will also discover how to build a web server using Node.js. Given the significant role of JSON in this communication, we will provide a brief introduction to it at the beginning of the module. Additionally, the module will conclude with a discussion on using HTML forms for sending information to the server.
涵盖的内容
13个视频8篇阅读材料1个作业
显示有关单元内容的信息
13个视频•总计159分钟
Course Overview•7分钟
A Quick Look at JSON•9分钟
The HTTP Process and the URL•14分钟
Sending the HTTP Request•14分钟
Replying With the HTTP Response•14分钟
Processing the HTML Response•10分钟
Getting Started With Node.js•10分钟
Building a Basic Web Server Using Node.js and Express•14分钟
Returning JSON Responses•15分钟
What is an HTML Form?•10分钟
Basic Form Elements•15分钟
More Form Input Elements•10分钟
Understanding the Query String•18分钟
8篇阅读材料•总计115分钟
Notes - A Quick Look at JSON•10分钟
Notes - Basic HTTP Process•30分钟
Notes - Getting Started With Node.js•10分钟
Lesson Examples - Getting Started With Node.js•4分钟
Notes - Building a Simple Server•20分钟
Lesson Examples - Building a Simple Server•4分钟
Notes - Using HTML Forms•35分钟
Lesson Examples - Using HTML Forms•2分钟
1个作业•总计20分钟
End of Module Quiz 1•20分钟
JavaScript Promises and AJAX
第 2 单元•小时 后完成
单元详情
In this module, you will learn how to use JavaScript promises and their associated programming techniques. You will apply these promises with AJAX, a method for acquiring server resources asynchronously. Next, you will be introduced to Single Page Applications (SPAs) and Multi-Page Applications (MPAs), two different approaches to building web applications. You will gain hands-on experience by exploring an example of building an SPA using AJAX and a Node.js web server.
涵盖的内容
13个视频7篇阅读材料1个作业1次同伴评审
显示有关单元内容的信息
13个视频•总计166分钟
Loading Images With Load Events•15分钟
Cascading the Load Events•12分钟
Using the Promise Object•12分钟
Chaining the Promise Functions•19分钟
Using the Await Keyword•9分钟
Using Async Functions•14分钟
What is AJAX?•6分钟
Using the fetch() Function•18分钟
Sending Data to Server•17分钟
SPA and MPA•12分钟
The Example Application•10分钟
Adding HTML Using jQuery and Using the File System Module•14分钟
The Server Endpoints•8分钟
7篇阅读材料•总计225分钟
Notes - Using JavaScript Promises•45分钟
Lesson Examples - Using JavaScript Promises•2分钟
Notes - AJAX•20分钟
Lesson Examples - AJAX•4分钟
Notes - A Single Page Application (SPA) Example•30分钟
Lesson Examples - A Single Page Application (SPA) Example•4分钟
Instructions - Card Game•120分钟
1个作业•总计20分钟
End of Module Quiz 2•20分钟
1次同伴评审•总计120分钟
Submission - Card Game•120分钟
Cookies, Authentication and Web Storage
第 3 单元•小时 后完成
单元详情
In this module, you will be introduced to cookies, which enable you to store small pieces of data in the browser. You will also learn how to use cookies in server-side programs, with Node.js web servers as examples. By working with cookies, you will discover methods for implementing web authentication in web applications. Finally, in addition to cookies, you will explore an alternative approach to storing information inside browsers.
涵盖的内容
14个视频7篇阅读材料1个作业1次同伴评审
显示有关单元内容的信息
14个视频•总计159分钟
What are Cookies?•13分钟
Creating Cookies Using JavaScript•14分钟
Cookies' Expiry Time•11分钟
Using Cookies From the Server•16分钟
Third-Party Cookies•9分钟
Web Authentication•8分钟
What is a Web Session?•12分钟
Using Web Sessions in Express•12分钟
Using Web Sessions for User Authentication•12分钟
What is JWT?•10分钟
Using JWT in Express•10分钟
Using JWT for User Authentication•11分钟
Storing Things on Browsers Using Local Storage and Session Storage•9分钟
Two Examples Using the Storage Objects•12分钟
7篇阅读材料•总计215分钟
Notes - Cookies•30分钟
Lesson Examples - Cookies•4分钟
Notes - Basic Web Authentication•40分钟
Lesson Examples - Basic Web Authentication•4分钟
Notes - Storing Things on Browsers•15分钟
Lesson Examples - Storing Things on Browsers•2分钟
Instructions - Game Room•120分钟
1个作业•总计20分钟
End of Module Quiz 3•20分钟
1次同伴评审•总计120分钟
Submission - Game Room•120分钟
Using WebSocket and RESTful APIs
第 4 单元•小时 后完成
单元详情
In this module, you will learn about WebSocket and RESTful APIs, two essential technologies for web development. You will explore WebSocket for real-time communication between browsers and servers, utilizing Socket.IO for practical implementation in Node.js. Additionally, you will be introduced to RESTful APIs, with a focus on various HTTP methods and their applications through a practical example involving a library system.
涵盖的内容
13个视频5篇阅读材料1个作业1次同伴评审
显示有关单元内容的信息
13个视频•总计161分钟
Issues With Client Pull•10分钟
The WebSocket Protocol•11分钟
Using the Socket.IO Module in Node.js•11分钟
Sending and Receiving Messages in the Server•13分钟
Using WebSocket in the Browser•8分钟
A Stock Ticker Example•12分钟
Making Browser-to-Browser Communications•21分钟
RESTful APIs•14分钟
The Operations of RESTful APIs•14分钟
Using the GET Method•11分钟
Using the POST, PUT and PATCH Methods•16分钟
Using the DELETE Method and Using fetch()•9分钟
A Library System Example•10分钟
5篇阅读材料•总计213分钟
Notes - Using WebSocket•45分钟
Lesson Examples - Using WebSocket•4分钟
Notes - RESTful APIs•40分钟
Lesson Examples - RESTful APIs•4分钟
Instructions - Rock, Paper, Scissors!•120分钟
1个作业•总计20分钟
End of Module Quiz 4•20分钟
1次同伴评审•总计120分钟
Submission - Rock, Paper, Scissors!•120分钟
HTML Form and PHP
第 5 单元•小时 后完成
单元详情
In this module, you will deepen your understanding of HTML forms, specifically focusing on using the POST method to handle file uploads and multi-part content in an Express web server. You will also get started with PHP, learning to write basic code, such as variables, control structures, and arrays. Finally, you will explore how PHP can be utilized to develop a RESTful server, building on an example covered in the previous module.
涵盖的内容
10个视频6篇阅读材料1个作业
显示有关单元内容的信息
10个视频•总计126分钟
Using the POST Method in HTML Forms•13分钟
Handling File Uploads in Forms•11分钟
Handling Multi-Part Content in Express•21分钟
Introduction to PHP•8分钟
Introduction to PHP•10分钟
Writing PHP Code•8分钟
PHP Statements and Variables•16分钟
Control Structures and Arrays•12分钟
Global Arrays•11分钟
Using JSON and a RESTful Server Example•17分钟
6篇阅读材料•总计92分钟
Notes - Posting Form Data•25分钟
Lesson Examples - Posting Form Data•4分钟
Notes - Getting Started With PHP•25分钟
Lesson Examples - Getting Started With PHP•4分钟
Notes - Basic PHP•30分钟
Lesson Examples - Basic PHP•4分钟
1个作业•总计20分钟
End of Module Quiz 5•20分钟
Multi Page Application (MPA)
第 6 单元•小时 后完成
单元详情
In this module, you will learn how to build a Multi-Page Application (MPA) using template engines and the Model-View-Controller (MVC) architecture. You will explore the EJS template engine and how to pass variables to views for dynamic content generation. Additionally, you will gain practical experience in developing a web application using the MVC framework, through a stage-by-stage development of an example stock application.
涵盖的内容
11个视频5篇阅读材料1个作业1次同伴评审
显示有关单元内容的信息
11个视频•总计121分钟
Why Do We Need Template Engines?•8分钟
Using EJS•9分钟
Passing Variables to EJS Views•10分钟
Overview of MVC•9分钟
An Example Stock Application•10分钟
Creating a Data Model•8分钟
Using Modules in Node.js and the Stocks Model•19分钟
HKUST is a world-class research-intensive university that focuses on science, technology, and business as well as humanities and social science. HKUST offers an international campus, and a holistic and interdisciplinary pedagogy to nurture well-rounded graduates with a global vision, a strong entrepreneurial spirit, and innovative thinking.
确定
从 Mobile and Web Development 浏览更多内容
建议专项课程
T
The Hong Kong University of Science and Technology
When will I have access to the lectures and assignments?
To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
What will I get if I purchase the Certificate?
When you purchase a Certificate you get access to all course materials, including graded assignments. Upon completing the course, your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.
Is financial aid available?
Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.