Meta - Introduction to Front-End Development

4.7 /5

(7 Ratings)

Offered byCoursera

Introduction to Front-End Development
at
Coursera
Overview

Duration	18 hours
Start from	Start Now
Total fee	Free
Mode of learning	Online
Difficulty level	Beginner
Official Website	Explore Free Course
Credential	Certificate

Introduction to Front-End Development
at
Coursera
Highlights

Earn a Certificate upon completion

Introduction to Front-End Development
at
Coursera
Course details

Skills you will learn

Javascript Bootstrap CSS Web Development

What are the course deliverables?

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.

More about this course

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

Introduction to Front-End Development
at
Coursera
Curriculum

Get started with web development

Introduction to the Program

Introduction to the course

Front-end, back-end and full-stack developer roles

A day in the life of a front-end developer

Capstone project demo: Little Lemon website

How the internet works

What is a web server and how does it work?

What are websites and webpages?

What is a web browser and how does it work?

Web hosting

Introduction to Internet Protocols

Introduction to HTTP

Intro to HTML, CSS and Javascript

Webpages, Websites and Web Apps

Developer tools

Frameworks and libraries

APIs and services

What is a an IDE?

Module Summary - Get started with Web Development

Course syllabus for Introduction to Web Development

How to be successful in this course

Additional Resources

HTTP examples

Other Internet Protocols

Exercise: Examine a web page

Exercise: Edit a website using a browser developer tools

Setting up your local development environment

Visual Studio Code on Coursera

Additional Resources

Knowledge Check - How the web works

Knowledge Check - The Web and the Internet

Self Review: Examine the Page

Knowledge Check - Core Internet Technologies

Module Quiz: Get started with Web Development

Introduction to HTML and CSS

What is Hyper Text Markup Language?

HTML documents

Linking documents

Adding images to a webpage with HTML

Use HTML to work with data in tables

What are forms?

Introduction to the DOM

Web accessibility

Selecting and styling

Box model introduction

Document flow - block vs. inline

Module Summary - Introduction to HTML and CSS

Simple HTML tags

Additional Resources

Different types of selectors

Text and color in CSS

Alignment basics

Additional resources

Knowledge Check - Getting started with HTML

Knowledge check: CSS basics

Module Quiz: Introduction to HTML and CSS

UI Frameworks

Working with libraries

Introduction to responsive design

Getting started with Bootstrap

Using Bootstrap styles

Bootstrap grid

Bootstrap components

Static and dynamic content

Single page applications

What is React?

How React works

Component hierarchy

Module Summary: UI Frameworks

Bootstrap

Using Bootstrap documentation

Other CSS frameworks and libraries

Additional Resources

Case Study: Why did Facebook engineers create React?

The Virtual DOM

Alternatives to React

Additional Resources

Self Review: Working with Bootstrap Grid

Self review: Working with Bootstrap components

Knowledge Check: Introduction to UI frameworks and libraries

Knowledge Check: Introduction to React

Module Quiz: UI Frameworks

End-of-Course Graded Assessment

Course 1 Recap: Introduction to Web Development

Congratulations, you have completed Introduction to Web Development

About the Ungraded Lab: Improve your Bio page with Bootstrap

Exemplar

Next steps after Introduction to Web Development

Self review: Improve your Bio page with Bootstrap

Course 1 Assessment: Introduction to Web Development

Introduction to Front-End Development
at
Coursera
Admission Process

Important Dates

May 25, 2024

Course Commencement Date

Other courses offered by Coursera

Databases and SQL for Data Science with Python

IBM - Institute of Business ManagementCertificate

Total Fees

– / –

Duration

3 months

Difficulty level

Beginner

Databases and SQL for Data Science with Python

IBM - Institute of Business ManagementCertificate

Total Fees

– / –

Duration

20 hours

Difficulty level

Beginner

Skills

Python RDBMS

Learn SQL Basics for Data Science Specialization

University of California, DavisCertificate

Total Fees

– / –

Duration

2 months

Difficulty level

Beginner

Skills

Data analysis MySQL Apache

Machine Learning for Marketing Specialization

CourseraCertificate

Total Fees

– / –

Duration

3 months

Difficulty level

Beginner

Skills

Data analysis

View Other 6715 Courses

Introduction to Front-End Development
at
Coursera
Students Ratings & Reviews

4.7/5

7 Ratings

4-5
5
3-4
2

Satyam Kumar

Introduction to Front-End Development

Offered by Coursera

Learning Experience: For the beginners content is very good

Faculty: Faculty was good. They taught me each and every concept in detial so that i was able to catch all the topics Yeah, obviously course was good but they should increase their level

Reviewed on 18 Mar 2023Read More

Sheikh Umar Riyaz

Introduction to Front-End Development

Offered by Coursera

Learning Experience: Learning experience was really good. The videos provided there were helpfull as well with proper test of the modules made that course really interesting and the test was conducted on there inbuilt VS Code software and the experience was really nice and the knowledge was provided there of great quality

Faculty: The quality of teaching was really nice. There was a discussion group as well where you can connect with your fellow courses learners and share experience with them and thy share there own knowledge. The videos uploaded there were good with proper subtitles as well as the notes of some topics were there with assessment on each module when the module completed

Course Support: I become more interested in the front end development section of the web development

Reviewed on 5 Jan 2023Read More

Hemant Kumar Mehta

Introduction to Front-End Development

Offered by Coursera

Learning Experience: This course is being offered by coursera in collaboration with Meta will give you an end to end Idea about the basics of web development, servers technology and development tools like JavaScript, Html, Css, Bootstrap, ReactJs.

Faculty: All the faculties were full of knowledge, and the way they explain the topics is really easy for everyone to understand even for a biginner. This course will provide the knowledge of front development, Once you complete a particular topic you will complete assessment and assignments by which you can test your skills.

Reviewed on 23 Dec 2022Read More

Venkatesh T

Introduction to Front-End Development

Offered by Coursera

Learning Experience: course was very clear explanation, good skills gain and practice labs are very effective.

Faculty: faculty is meta professionals and qality of lectures are clean explanation. course structure is confornt and assessments are useful for develope our thinking.

Course Support: no

Reviewed on 7 Oct 2022Read More

Vijay Tallolli

Introduction to Front-End Development

Offered by Coursera

Learning Experience: It was really fun in learning and understanding the terminology and usage of concepts in better way

Faculty: Faculty were amazing and very much clear with the concept and knowledgeable. I really understand the concept which they focused on to it Course was really updated with latest concept and upto date with current market it really helps us improve our knowledge

Course Support: Right now i am focusing on frontend developer role post completion planning to go for devops and backend developer

Reviewed on 2 Oct 2022Read More

View All 5 Reviews