Introduction to Web Applications (Coursera)

Introduction to Web Applications (Coursera)

Students start by learning about the HyperText Markup Language (HTML) and basic rules for creating compliant HTML. They learn tags for creating web pages and formatting text on the page including lists and special characters. Students will learn how to embed images, video and audio in web pages and format information in tables. They will learn to create hyperlinks, and to use text and images for hyperlinks including creating image maps. Students will also create HTML forms to collect user information.

Class Deals by MOOC List - Click here and see Coursera's Active Discounts, Deals, and Promo Codes.

Then students will learn about Cascading Style Sheets (CSS) including in-line styles, embedded style sheets and external style sheets. They will use CSS to format web pages using combinators, and attribute, structural and pseudo-element selectors to change colors, and add creative elements including borders, drop-shadows, block quotes, background images, and gradients. They will use CSS to control page layout including creating flexible box layouts and newspaper style columns. They will also use CSS to create transitions and animations. The labs guide students through the process of creating a multiple page website with a consistent theme that includes tables, forms, and animated elements. Then they will complete a capstone project to demonstrate mastery of course objectives.
Course 3 of 6 in the Akamai Customer Consulting and Support Professional Certificate.

What You Will Learn
Learners will master basic HTML coding (HTML5) and basic and advanced skills in Cascading Style Sheets (CSS3).

Syllabus

WEEK 1
Authoring Content in HTML
In this module, you will learn about markup languages in general and HTML in particular. You will learn which tools are appropriate for creating HTML code. After that, you will learn about some of the elements that must be present on an HTML page and some elements used for organizing HTML pages. In the last lesson, you will be introduced to elements that can control how text looks on the screen.
Embedding and Linking Content
In this module, you will learn how to embed content in HTML web pages and create hyperlinks. You will also learn how to create and format tables , image maps and forms.

WEEK 2
Formatting Content with CSS
In this module, you will learn how to work with styles including the differences between inline, embedded stylesheets and linked stylesheets and how they cascade. You will learn to create style rules, control text and page elements, manage block and inline elements and use the aside element and the float property.
Creating Web Page Layouts
In this module, you will learn how to work with styles including the differences between inline, embedded stylesheets and linked stylesheets and how they cascade. You will learn to create style rules, control text and page elements, manage block and inline elements and use the aside element and the float property.

WEEK 3
Using Advanced Techniques to Select and Apply Styles
In this module, you will learn quite a number of ways to identify items for formatting with CSS including attribute , pseudo-class , structural element and pseudo-element selectors. Then you will learn about responsive web design. You will gain a deeper understanding of the box model layout, and learn how to provide alternative layouts including newspaper columns and flexible box layouts.
Using Advanced Background and Border Techniques
In this module, you will learn how to use advanced techniques to create backgrounds including using background images, changing the opacity of objects, and creating gradients. You will also learn how to use images for borders, create rounded corners on boxes, and add shadows to boxes and text.

WEEK 4
Adding Animation
In this module you will learn how to transform objects in HTML and learn to add animation using transitions and keyframe animation.
Web Applications Capstone
In this module you will learn how to transform objects in HTML and learn to add animation using transitions and keyframe animation.

Go to Class
MOOC List is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Related Courses

Introduction to Back-End Development (Coursera) Coursera
Meta

Introduction to Back-End Development (Coursera)

Welcome to Introduction to Back-End Development, the first course in the Meta Back-End Developer program. This course is a good place to start if you want to become a web developer. You will learn about the day-to-day responsibilities of a web developer and get a general understanding of the core and underlying technologies that power the internet. You will learn how front-end developers create websites and applications that work well and are easy to maintain.

Aug 24th 2026
4 Weeks
Learn Styled Components in React (Coursera) Coursera
Scrimba

Learn Styled Components in React (Coursera)

If you are wondering how to enhance your CSS for styling React component systems, styled components are the way to go. Styled components are helpful for many reasons. They reduce class name bugs, they make your components more readable, and they allow you to navigate your CSS more easily. They also allow for dynamic styling and automatic vendor prefixing.

Aug 31st 2026
1 Week
Web Application Technologies and Django (Coursera) Coursera
University of Michigan

Web Application Technologies and Django (Coursera)

In this course, you'll explore the basic structure of a web application, and how a web browser interacts with a web server. You'll be introduced to the Hypertext Transfer Protocol (HTTP) request/response cycle, including GET/POST/Redirect. You'll also gain an introductory understanding of Hypertext Markup Language (HTML), as well as the overall structure of a Django application.

Aug 24th 2026
5-12 Weeks
Learn CSS Variables (Coursera) Coursera
Scrimba

Learn CSS Variables (Coursera)

CSS Custom Properties represent a significant advancement for front-end developers, introducing the concept of variables to CSS. This innovation substantially reduces redundancy, enhances code legibility, and augments overall flexibility. Notably, CSS Variables distinguish themselves from their CSS preprocessor counterparts by seamlessly integrating into the Document Object Model (DOM), offering a plethora of advantages.

Aug 31st 2026
1 Week
Build a Mobile App with Firebase (Coursera) Coursera
Scrimba

Build a Mobile App with Firebase (Coursera)

e.g. This is primarily aimed at first- and second-year undergraduates interested in engineering or science, along wiUnlock Your App Development Potential: Creating a Feature-Rich Shopping List App. Are you ready to turn your visionary app ideas into reality? If your answer is a resounding 'YES,' then this course is your gateway to a transformative journey. In this meticulously designed course, we will guide you through the creation of a sophisticated shopping list app using a powerful tech stack, including HTML, CSS, JavaScript, and Firebase. Leveraging Firebase's real-time database capabilities, you'll learn how to store and manage data seamlessly.

Aug 31st 2026
1 Week
Introduction to CSS3 (Coursera) Coursera
University of Michigan

Introduction to CSS3 (Coursera)

The web today is almost unrecognizable from the early days of white pages with lists of blue links. Now, sites are designed with complex layouts, unique fonts, and customized color schemes. This course will show you the basics of Cascading Style Sheets (CSS3). The emphasis will be on learning how to write CSS rules, how to test code, and how to establish good programming habits.

Aug 24th 2026
4 Weeks
Rapid Prototyping of Embedded Interface Designs (Coursera) Coursera
University of Colorado Boulder

Rapid Prototyping of Embedded Interface Designs (Coursera)

Rapid Prototyping is the second of three classes in the Embedded Interface Design (EID) specialization, an online version of the on-campus EID class taught in graduate embedded systems design. This course is focused on rapid prototyping of devices and systems and the related methods, practices, and principles that will help ensure your embedded interface designs are what your users both need and want.

Aug 24th 2026
4 Weeks
How to Get Into Web Development (Coursera) Coursera
University of Leeds

How to Get Into Web Development (Coursera)

Adding web development to your skillset is an excellent career move if you are into coding and you seek career growth and advancement. In this online course, you will explore the web development specialisations - front-end, back-end and full-stack development, and understand the different roles in a web development team.

Aug 31st 2026
2 Weeks
Learn Bootstrap (Coursera) Coursera
Scrimba

Learn Bootstrap (Coursera)

This instructional course guides you through the essential knowledge required to build comprehensive websites using Bootstrap v4. Bootstrap is an open-source front-end framework designed for responsive development, prioritizing mobile-first websites and web applications. The Scrimba course offers interactive code engagement within tutorials, providing an opportunity to reinforce concepts as you learn.

Sep 7th 2026
1 Week
Introduction to Front-End Development (Coursera) Coursera
Meta

Introduction to Front-End Development (Coursera)

Welcome to Introduction to Front-End Development, the first course in the Meta Front-End Developer program. This course is a good place to start if you want to become a web developer. You will learn about the day-to-day responsibilities of a web developer and get a general understanding of the core and underlying technologies that power the internet. You will learn how front-end developers create websites and applications that work well and are easy to maintain.

Aug 24th 2026
4 Weeks