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 CSS Grid (Coursera) Coursera
Scrimba

Learn CSS Grid (Coursera)

The CSS Grid module is a pivotal tool that streamlines website layout creation, offering simplicity in both HTML and CSS while affording greater control over a website's layout. This course equips front-end developers with essential skills to harness CSS Grid effectively, ensuring they remain at the forefront of web development trends.

Sep 28th 2026
1 Week
Engineering Maintainable Android Apps (Coursera) Coursera
Vanderbilt University

Engineering Maintainable Android Apps (Coursera)

Engineering Maintainable Android Apps, which is a 4 week MOOC that shows by example various methods for engineering maintainable Android apps, including test-driven development methods and how to develop/run unit tests using JUnit and Robotium (or equivalent automated testing frameworks for Android), as well as how to successfully apply common Java/Android software patterns to improve the extensibility and clarity of Android apps.

Sep 14th 2026
4 Weeks
Introduction to VueJS Framework (Coursera) Coursera
Codio

Introduction to VueJS Framework (Coursera)

Explore HTML, CSS, and VueJS basics without installing anything! This course is designed for beginning learners, providing a solid foundation of basic skills in HTML, CSS, and VueJS. Learners will build an understanding of the creative process of designing as well. The modules in this course cover HTML basics, CSS basics, VueJS basics, as well as provide an exploratory designing experience for learners. At the end of the course, learners will fully develop a todo application using HTML, CSS, and VueJS.

Sep 14th 2026
3 Weeks
AJAX for Web Developers (Coursera) Coursera
Coursera Instructor Network

AJAX for Web Developers (Coursera)

The "AJAX for Web Developers" course explores how modern websites update parts of a web page without the need to reload the entire page, providing a fluid and fast user experience. This course covers the relationship between client apps or websites and servers, the distinction between full page loads and AJAX, and the best use-cases for each.

Sep 21st 2026
3 Weeks
The Full Stack (Coursera) Coursera
Meta

The Full Stack (Coursera)

As you prepare for your role in back-end development, practice bringing together multiple skills to build a full-stack Django app. You’ll start by setting up an environment for a local practical project, and refactoring the front and back-ends of an existing application. You will then have the opportunity to create the front and back-ends of a new application using your full-stack developer skills.

Sep 14th 2026
5-12 Weeks
Learn JavaScript (Coursera) Coursera
Scrimba

Learn JavaScript (Coursera)

This is perhaps the most interactive JavaScript course ever recorded. It contains 140+ coding challenges, meaning that you will finally build that ever-so-important JavaScript muscle memory. You will solve the challenges directly in the browser thanks to Scrimba's interactive video technology, so there's not setup needed. Say goodbye to "tutorial hell" and get ready to start feeling your JavaScript superpowers grow exponentially.

Sep 14th 2026
4 Weeks
Learn CSS Flexbox (Coursera) Coursera
Scrimba

Learn CSS Flexbox (Coursera)

Mastering CSS Flexbox: Unlock the Power of Flexible Web Layouts. Discover the indispensable art of CSS Flexbox and elevate your web development prowess to new heights. In this comprehensive course, you'll gain proficiency in harnessing the unparalleled capabilities of Flexbox, revolutionizing the way you construct websites.

Sep 28th 2026
1 Week
Applied Data Science Capstone (Coursera) Coursera
IBM

Applied Data Science Capstone (Coursera)

This capstone project course will give you a taste of what data scientists go through in real life when working with data. You will learn about location data and different location data providers, such as Foursquare. You will learn how to make RESTful API calls to the Foursquare API to retrieve data about venues in different neighborhoods around the world. You will also learn how to be creative in situations where data are not readily available by scraping web data and parsing HTML code. You will utilize Python and its pandas library to manipulate data, which will help you refine your skills for exploring and analyzing data. Finally, you will be required to use the Folium library to great maps of geospatial data and to communicate your results and findings.

Sep 14th 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.

Sep 28th 2026
1 Week
Foundations of Objective-C App Development (Coursera) Coursera
University of California, Irvine

Foundations of Objective-C App Development (Coursera)

An introduction to the Objective-C programming language. This will prepare you for more extensive iOS app development and build a foundation for advanced iOS development topics. Objective-C programming requires a Mac laptop or desktop computer. An iOS device is optional if the learner is willing to working exclusively with the simulator. Some learners have been able to work with an OS X virtual machine on Windows, but explaining how to do that is beyond the scope of this course.

Sep 14th 2026
4 Weeks