Introduction to Front-End Development

Introduction to Front-End Development

Name: Introduction to Front-End Development
Rating: 4.770059779405574 (11877 reviews)

This course is part of Meta Front-End Developer Professional Certificate

Instructor: Taught by Meta Staff

384,856 already enrolled

Included with Coursera Plus

4 modules

Gain insight into a topic and learn the fundamentals.

4.8

(11,877 reviews)

Beginner level

Recommended experience

Flexible schedule

Approx. 18 hours

Learn at your own pace

97%

Most learners liked this course

4 modules

Gain insight into a topic and learn the fundamentals.

4.8

(11,877 reviews)

Beginner level

Recommended experience

Flexible schedule

Approx. 18 hours

Learn at your own pace

97%

Most learners liked this course

What you'll 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.

Skills you'll gain

Category: Web Development Tools
Category: HTML and CSS
Category: Responsive Web Design
Category: Front-End Web Development
Category: User Interface

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

15 assignments

Taught in English

Build your Mobile and Web Development expertise

This course is part of the Meta Front-End Developer Professional Certificate

When you enroll in this course, you'll also be enrolled in this Professional Certificate.

Learn new concepts from industry experts
Gain a foundational understanding of a subject or tool
Develop job-relevant skills with hands-on projects
Earn a shareable career certificate from Meta

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV

Share it on social media and in your performance review

There are 4 modules in this course

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

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.

What's included

18 videos11 readings5 assignments1 discussion prompt

18 videosTotal 72 minutes

Introduction to the Program3 minutesPreview module
Introduction to the course4 minutes
Front-end, back-end and full-stack developer roles5 minutes
A day in the life of a front-end developer5 minutes
How the internet works1 minute
What is a web server and how does it work?2 minutes
What are websites and webpages?5 minutes
What is a web browser and how does it work?3 minutes
Web hosting3 minutes
Introduction to Internet Protocols4 minutes
Introduction to HTTP7 minutes
Intro to HTML, CSS and Javascript4 minutes
Webpages, Websites and Web Apps2 minutes
Developer tools3 minutes
Frameworks and libraries5 minutes
APIs and services4 minutes
What is a an IDE?3 minutes
Module Summary - Get started with Web Development2 minutes

11 readingsTotal 105 minutes

Course syllabus for Introduction to Front-End Development5 minutes
How to be successful in this course10 minutes
Capstone project demo: Little Lemon website10 minutes
Additional Resources10 minutes
HTTP examples10 minutes
Other Internet Protocols10 minutes
Exercise: Examine a web page10 minutes
Exercise: Edit a website using a browser developer tools10 minutes
Setting up your local development environment10 minutes
Visual Studio Code on Coursera10 minutes
Additional Resources10 minutes

5 assignmentsTotal 95 minutes

Knowledge Check - How the web works27 minutes
Knowledge Check - The Web and the Internet21 minutes
Self -review: Examine a Page5 minutes
Knowledge Check - Core Internet Technologies12 minutes
Module Quiz: Get started with Web Development30 minutes

1 discussion promptTotal 10 minutes

Meet and greet10 minutes

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

What's included

12 videos6 readings3 assignments3 programming assignments1 discussion prompt

12 videosTotal 48 minutes

What is Hyper Text Markup Language?4 minutesPreview module
HTML documents4 minutes
Linking documents2 minutes
Adding images to a webpage with HTML3 minutes
Use HTML to work with data in tables3 minutes
What are forms?4 minutes
Introduction to the DOM4 minutes
Web accessibility3 minutes
Selecting and styling6 minutes
Box model introduction4 minutes
Document flow - block vs. inline3 minutes
Module Summary - Introduction to HTML and CSS3 minutes

6 readingsTotal 65 minutes

Simple HTML tags15 minutes
Additional Resources10 minutes
Different types of selectors10 minutes
Text and color in CSS10 minutes
Alignment basics10 minutes
Additional resources10 minutes

3 assignmentsTotal 60 minutes

Knowledge Check - Getting started with HTML15 minutes
Knowledge check: CSS basics15 minutes
Module Quiz: Introduction to HTML and CSS30 minutes

3 programming assignmentsTotal 180 minutes

Creating an HTML Document60 minutes
Styling a page60 minutes
Create and style a webpage60 minutes

1 discussion promptTotal 10 minutes

Discuss challenges you faced creating and styling the webpage10 minutes

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

What's included

12 videos8 readings5 assignments2 ungraded labs

12 videosTotal 49 minutes

Working with libraries4 minutesPreview module
Introduction to responsive design4 minutes
Getting started with Bootstrap5 minutes
Using Bootstrap styles4 minutes
Bootstrap grid2 minutes
Bootstrap components7 minutes
Static and dynamic content3 minutes
Single page applications5 minutes
What is React?3 minutes
How React works2 minutes
Component hierarchy2 minutes
Module Summary: UI Frameworks2 minutes

8 readingsTotal 85 minutes

Bootstrap10 minutes
Using Bootstrap documentation10 minutes
Other CSS frameworks and libraries10 minutes
Additional Resources10 minutes
Case Study: Why did Facebook engineers create React?10 minutes
The Virtual DOM10 minutes
Alternatives to React15 minutes
Additional Resources10 minutes

5 assignmentsTotal 78 minutes

Self Review: Working with Bootstrap Grid9 minutes
Self review: Working with Bootstrap components9 minutes
Knowledge Check: Introduction to UI frameworks and libraries15 minutes
Knowledge Check: Introduction to React15 minutes
Module Quiz: UI Frameworks30 minutes

2 ungraded labsTotal 120 minutes

Working with Bootstrap grid60 minutes
Working with Bootstrap components60 minutes

In this module, you will be assessed on the key skills covered in the Course.

What's included

2 videos3 readings2 assignments2 discussion prompts1 ungraded lab

2 videosTotal 5 minutes

Course 1 Recap: Introduction to Web Development2 minutesPreview module
Congratulations, you have completed Introduction to Web Development2 minutes

3 readingsTotal 11 minutes

About the Ungraded Lab: Improve your Bio page with Bootstrap5 minutes
Exemplar 5 minutes
Next steps after Introduction to Web Development1 minute

2 assignmentsTotal 39 minutes

Self review: Improve your Bio page with Bootstrap9 minutes
Course 1 Assessment: Introduction to Web Development30 minutes

2 discussion promptsTotal 20 minutes

What challenges did you encounter while editing your biographical page?10 minutes
What did you find most challenging and most rewarding in this course?10 minutes

1 ungraded labTotal 60 minutes

Improve your Bio page with Bootstrap60 minutes

Instructor

Instructor ratings

4.8 (4,352 ratings)

Taught by Meta Staff

Offered by

Why people choose Coursera for their career

Felipe M.

Learner since 2018

"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."

Jennifer J.

Learner since 2020

"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."

Larry W.

Learner since 2021

"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Learner reviews

Showing 3 of 11877

4.8

11,877 reviews

5 stars
81.71%
4 stars
15.34%
3 stars
1.88%
2 stars
0.40%
1 star
0.63%

Reviewed on Aug 30, 2022

Reviewed on Apr 11, 2023

Reviewed on Mar 13, 2023

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 enroll in the course, you get access to all of the courses in the Certificate, and you earn a certificate when you complete the work. 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.

If you subscribed, you get a 7-day free trial during which you can cancel at no penalty. After that, we don’t give refunds, but you can cancel your subscription at any time. See our full refund policy.

Introduction to Front-End Development

What you'll learn

Skills you'll gain

Details to know

Build your Mobile and Web Development expertise

Earn a career certificate

There are 4 modules in this course

Get started with web development

What's included

Introduction to HTML and CSS

What's included

UI Frameworks

What's included

End-of-Course Graded Assessment

What's included

Instructor

Offered by

Why people choose Coursera for their career

Learner reviews

Frequently asked questions

When will I have access to the lectures and assignments?

What will I get if I subscribe to this Certificate?

What is the refund policy?