This course provides a foundational understanding of web development, focusing on essential browser-side techniques. Topics include creating web pages using HTML, enhancing them with CSS for styling, and incorporating visually appealing interactive content.
![The Hong Kong University of Science and Technology](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera-university-assets.s3.amazonaws.com/3a/37974779f7ad2a04626183c2f8951b/ustLogo.png?auto=format%2Ccompress&dpr=1&w=28&h=28)
![](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/images/1a4589dccee10648821b7ea23e5fca9a.png?auto=format%2Ccompress&dpr=1&q=80)
![The Hong Kong University of Science and Technology](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera-university-assets.s3.amazonaws.com/0a/3251bd0aca5bc1a90512cff8bc36ea/ustLogo.png?auto=format%2Ccompress&dpr=1&h=45)
Recommended experience
Details to know
![](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/images/31ebcba3851b87d1d8609abf15d0ff7e.png?auto=format%2Ccompress&dpr=1&w=24&h=24)
Add to your LinkedIn profile
February 2025
6 assignments
See how employees at top companies are mastering in-demand skills
![Placeholder](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/images/74c8747e8210831049cf88dd4eefe26c.png?auto=format%2Ccompress&dpr=2&blur=200&px=8&max-w=320)
![Placeholder](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/images/de1a6556fbe605411e8c1c2ca4ba45f1.png?auto=format%2Ccompress&dpr=2&blur=200&px=8&max-w=259)
Earn a career certificate
Add this credential to your LinkedIn profile, resume, or CV
Share it on social media and in your performance review
![Placeholder](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/images/de1a6556fbe605411e8c1c2ca4ba45f1.png?auto=format%2Ccompress&dpr=2&blur=200&px=8&max-w=333)
There are 6 modules in this course
In this module, you will acquire fundamental skills in HTML and CSS. You will begin with the construction of web pages from scratch, using various HTML elements to build web page components. After learning the use of CSS styles, you will be able to adjust the presentation and visual styles of the HTML elements by applying appropriate CSS rules, including font styling, paragraph, colour and spacing settings.
What's included
12 videos5 readings1 assignment
In this module, you will start by learning additional CSS rules for creating simple animations. To enable further interactivity and dynamic behaviours, you will integrate simple JavaScript code into web pages. This involves the understanding and manipulation of the DOM representation of web pages inside browsers. At the end of the module is a programming exercise, where you will build a guessing game, applying the skills you have learned in the first two modules of this course.
What's included
9 videos9 readings1 assignment1 peer review
In this module, you will be introduced to the jQuery library, which makes JavaScript coding easier and quicker. By introducing more advanced CSS selectors, you will be able to precisely target and manipulate specific HTML elements in jQuery. After a quick look at the implementation of jQuery event handling, you will test your jQuery skills you have learned throughout this module by building a hammer game.
What's included
11 videos7 readings1 assignment1 peer review
In this module, you will learn to construct vector graphics elements on your web pages with SVG, a text-based language for creating web-based graphics. Building upon the CSS animation techniques from the previous modules, you will then apply these skills to create interesting animations of your SVG components. Additionally, you will be introduced specific CSS animation properties and JavaScript animation events, which provide you greater controls over those animations. By the end of this module, you will apply your SVG and CSS animation skills to develop a jumping game.
What's included
13 videos9 readings1 assignment1 peer review
In this module, you will sharpen your JavaScript skills by learning a few more JavaScript language features. First, you will be introduced to the use of JavaScript arrays and objects, including the spread operator and the destructuring operation. You will then explore different ways of writing JavaScript functions and their ability to form a closure. Using the capabilities provided by JavaScript closures, you will write modular JavaScript code using a module pattern.
What's included
12 videos6 readings1 assignment
In this module, you will be introduced the HTML canvas element, which lets you draw graphics on web pages. By writing JavaScript code, you will draw different shapes inside the HTML canvas area. The second half of the lesson will focus on using HTML canvas to work on image-based objects called sprites. By animating these sprites, you will build a game called 'Gem Rush!' at the end of the module.
What's included
12 videos9 readings1 assignment1 peer review
Instructor
![Gibson Lam](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera-instructor-photos.s3.amazonaws.com/18/378ef6698448c0a30d77d6540d0833/P000000690.jpg?auto=format%2Ccompress&dpr=1&w=75&h=75&fit=crop)
Why people choose Coursera for their career
![](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/growth_testimonials/passionate_learner/Felipe_Moitta.png?auto=format%2Ccompress&dpr=1&w=64&h=64&fit=crop)
![](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/growth_testimonials/passionate_learner/Jennifer_John.png?auto=format%2Ccompress&dpr=1&w=64&h=64&fit=crop)
![](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/growth_testimonials/passionate_learner/Larry_Tao_Wang_1.png?auto=format%2Ccompress&dpr=1&w=64&h=64&fit=crop)
![](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/growth_testimonials/passionate_learner/Chaitanya_Anand.png?auto=format%2Ccompress&dpr=1&w=64&h=64&fit=crop)
New to Mobile and Web Development? Start here.
![Placeholder](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/images/7a1c0e2e779c1ff27cae62480adfe003.png?auto=format%2Ccompress&dpr=2&blur=200&px=8&max-w=120)
Open new doors with Coursera Plus
Unlimited access to 10,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription
Advance your career with an online degree
Earn a degree from world-class universities - 100% online
Join over 3,400 global companies that choose Coursera for Business
Upskill your employees to excel in the digital economy
Frequently asked questions
Access to lectures and assignments depends on your type of enrollment. If you take a course in audit mode, you will be able to see most course materials for free. To access graded assignments and to earn a Certificate, you will need to purchase the Certificate experience, during or after your audit. If you don't see the audit option:
The course may not offer an audit option. 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.
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. If you only want to read and view the course content, you can audit the course for free.
You will be eligible for a full refund until two weeks after your payment date, or (for courses that have just launched) until two weeks after the first session of the course begins, whichever is later. You cannot receive a refund once you’ve earned a Course Certificate, even if you complete the course within the two-week refund period. See our full refund policy.