Coursera

Introduction to Front-End Development (Coursera)

Offered by 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.

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

You’ll be introduced to the core web development technologies like HTML and CSS and get opportunities to practice using them. You will also be introduced to modern UI frameworks such as Bootstrap and React that make it easy to create interactive user experiences.
By the end of the course, you will be able to:

  • Describe the front-end developer role
  • Explain the core and underlying technologies that power the internet
  • Use HTML to create a simple webpage
  • Use CSS to control the appearance of a simple webpage
  • Explain what React is
  • Describe the applications and characteristics of the most popular UI frameworks

For the final project in this course, you will create and edit a webpage using HTML and the Bootstrap CSS framework. Using a responsive layout grid, you will construct a responsive webpage containing text and images that looks great on any size screen.
This is a beginner course intended for learners eager to learn the fundamentals of web development. To succeed in this course, you do not need prior web development experience, only basic internet navigation skills and an eagerness to get started with coding.
Course 1 of 9 in the Meta Front-End Developer Professional Certificate.

What You Will Learn

  • Distinguish between front-end, back-end, and full-stack developers.
  • Create and style a webpage with HTML and CSS.
  • The benefits of working with UI frameworks.

Syllabus

WEEK 1
Get started with web development
In this module, you will learn about the different types of web developers and the roles and responsibilities of front-end, back-end, and full-stack developers. You will take a first look at the core technologies of HTML, CSS, and Javascript and explore the concepts that underpin how the internet works.

WEEK 2
Introduction to HTML and CSS
In this module you will learn how to construct HTML documents and add basic styling and layout using CSS.

WEEK 3
UI Frameworks
In this module you will learn how to use the Bootstrap framework to build responsive interfaces and the benefits of working with UI frameworks.

WEEK 4
End-of-Course Graded Assessment
In this module, you will be assessed on the key skills covered in the Course.

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

Related Courses

Learn Bootstrap (Coursera) Coursera
Scrimba

Learn Bootstrap (Coursera)

CS: Software Engineering

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
HTML CSS Bootstrap
Details
Introduction to Web Applications (Coursera) Coursera
Akamai Technologies, Inc.

Introduction to Web Applications (Coursera)

CS: Information & Technology

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.

Aug 24th 2026
4 Weeks
HTML CSS Web Applications
Details
Introduction to CSS3 (Coursera) Coursera
University of Michigan

Introduction to CSS3 (Coursera)

CS: Software Engineering CS: Programming

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
Programming CSS Web Design
Details
Web Application Technologies and Django (Coursera) Coursera
University of Michigan

Web Application Technologies and Django (Coursera)

Computer Science

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
HTML SQL HTTP
Details
Build a Mobile App with Firebase (Coursera) Coursera
Scrimba

Build a Mobile App with Firebase (Coursera)

CS: Software Engineering

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
HTML Javascript CSS
Details
Introduction to Back-End Development (Coursera) Coursera
Meta

Introduction to Back-End Development (Coursera)

CS: Software Engineering Computer Science

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
HTML CSS Web Development
Details
Building Web Applications in Django (Coursera) Coursera
University of Michigan

Building Web Applications in Django (Coursera)

Computer Science

In this course, you will learn how Django communicates with a database through model objects. You will explore Object-Relational Mapping (ORM) for database access and how Django models implement this pattern. We will review the Object-Oriented (OO) pattern in Python. You will learn basic Structured Query Language (SQL) and database modeling, including one-to-many and many-to-many relationships and how they work in both the SQL and Django models. You will learn how to use the Django console and scripts to work with your application objects interactively.

Aug 24th 2026
4 Weeks
HTML SQL HTTP
Details
Learn UI Design Fundamentals (Coursera) Coursera
Scrimba

Learn UI Design Fundamentals (Coursera)

CS: Software Engineering CS: Design & Product

The ability to create stunning user interfaces is a skill any frontend developer will benefit from, whether you're in a team, a consultant, or want to build your own projects. This course will teach you the seven fundamentals that underpin any beautiful and effective user interface. Through lectures and interactive exercises, you'll discover the skills you need in order to build UIs that both look amazing and feel great to use. You will build everything in the browser using HTML and CSS, and put your new skills to the test many times throughout the course!

Sep 7th 2026
1 Week
HTML CSS User Interface Design
Details
Rapid Prototyping of Embedded Interface Designs (Coursera) Coursera
University of Colorado Boulder

Rapid Prototyping of Embedded Interface Designs (Coursera)

CS: Design & Product Computer Science

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
HTML UX Electrical Engineering
Details
Version Control (Coursera) Coursera
Meta

Version Control (Coursera)

Computer Science

Learn how modern software developers collaborate across the world without messing up each other's code. You will look at the different version control systems and how to create an effective software development workflow. You will be introduced to some of the most commonly used Linux commands that you can use to work with files on your hard drive and create powerful workflows that will automate your work, saving you time and effort.

Aug 24th 2026
4 Weeks
Github Version Control Coursera Plus
Details