What background knowledge is necessary to enroll in the course?

No prior knowledge of web development is required to enroll in this course. It is designed for beginners, so you’ll learn everything from the very basics, including how to set up your development environment. If you have basic computer skills and know how to navigate the web, you’ll be able to follow along with ease.

How long does it take to complete the course?

The course contains approximately 13 hours of video content. The actual time to complete will depend on how quickly you move through the materials, but most learners will take about a few weeks to finish if they dedicate a few hours per day or week.

Can I preview a course before enrolling?

Yes, you can preview the first video and view the syllabus before you enroll. You must purchase the course to access content not included in the preview.

When will I have access to the lectures and assignments?

If you decide to enroll in the course before the session start date, you will have access to all of the lecture videos and readings for the course. You’ll be able to submit assignments once the session starts.

What will I get when I enroll?

Once you enroll and your session begins, you will have access to all videos and other resources, including reading items and the course discussion forum. You’ll be able to view and submit practice assessments, and complete required graded assignments to earn a grade and a Course Certificate.

When will I receive my Course Certificate?

If you complete the course successfully, your electronic Course Certificate will be added to your Accomplishments page - from there, you can print your Course Certificate or add it to your LinkedIn profile.

Why can’t I audit this course?

This course is currently available only to learners who have paid or received financial aid, when available.

Is financial aid available?

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.

Web Development Fundamentals

Unlock access to 10,000+ courses with Coursera Plus. Start 7-Day free trial.

Web Development Fundamentals

This course is part of Complete Web Development: HTML, CSS, JS & PHP Projects Specialization

Instructor: Packt - Course Instructors

Included with

Learn more

6 modules

Gain insight into a topic and learn the fundamentals.

Beginner level

Recommended experience

2 weeks to complete

at 10 hours a week

Flexible schedule

Learn at your own pace

6 modules

Gain insight into a topic and learn the fundamentals.

Beginner level

Recommended experience

2 weeks to complete

at 10 hours a week

Flexible schedule

Learn at your own pace

What you'll learn

Master HTML5 and CSS3 to create visually appealing, structured webpages.
Learn JavaScript and jQuery to add interactive features and dynamic content.
Understand and implement web design principles, including responsive layouts with Flexbox.
Develop real-world projects like a portfolio website and a news website clone.

Skills you'll gain

Details to know

Shareable certificate

Add to your LinkedIn profile

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

Build your subject-matter expertise

This course is part of the Complete Web Development: HTML, CSS, JS & PHP Projects Specialization

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

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

There are 6 modules in this course

This course features Coursera Coach!

A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. This course offers a comprehensive introduction to web development, designed to equip you with essential skills to build websites from scratch. You'll start by learning the fundamentals of HTML5, the backbone of web pages, and gain hands-on experience with structuring your first webpage. As you progress, you will explore key topics such as text formatting, working with images and links, and incorporating tables and forms. Throughout the course, you'll also learn how to debug and troubleshoot code to resolve issues efficiently. Next, you'll delve into CSS3, learning how to style webpages with visual elements like colors, borders, and fonts. You'll master techniques such as Flexbox and CSS animations, which will help you create dynamic and responsive layouts. The course also introduces advanced CSS concepts and guides you through exciting real-world projects, including building a portfolio website and cloning a BBC News website. Finally, you will explore JavaScript and jQuery, gaining proficiency in making your webpages interactive with real-time changes. Through engaging projects and challenges, you'll master JavaScript concepts like variables, loops, and functions, as well as learn how to manipulate web elements dynamically. By applying your knowledge, you will create interactive games and features using JavaScript and jQuery. This course is ideal for beginners eager to dive into web development and acquire practical, real-world skills. Whether you're aiming to build personal websites or pursue a career in web development, this course will lay a solid foundation for your journey. By the end of the course, you will be able to create fully functional, responsive websites, implement dynamic elements using JavaScript and jQuery, and leverage Bootstrap for building professional-grade user interfaces.

In this module, we will guide you through the essential first steps of the course, including an introduction to web development basics and setting up your development environment. You will also learn valuable debugging techniques to resolve issues as you progress through the course.

What's included

3 videos2 readings

In this module, we will explore the fundamentals of HTML5, focusing on how to create, structure, and format a webpage. You will also learn how to add multimedia elements such as images and audio to enhance your site’s interactivity.

What's included

18 videos1 assignment

18 videosTotal 112 minutes

Introduction to HTML 50 minutes
Your First Webpage4 minutes
The Structure of a Webpage8 minutes
Creating a Full Webpage6 minutes
Header Tags3 minutes
Paragraph Tags3 minutes
Formatting Text5 minutes
Unordered Lists2 minutes
Ordered Lists2 minutes
Images5 minutes
Forms9 minutes
Tables4 minutes
Links8 minutes
HTML Entities3 minutes
Audio and Video5 minutes
Putting It All Together22 minutes
Setting Up Your Free Hosting6 minutes
Setting Up FTP8 minutes

1 assignmentTotal 15 minutes

HTML 5 - Assessment15 minutes

In this module, we will dive into CSS3, teaching you how to style your webpage and create beautiful, responsive designs. You will learn how to use advanced CSS techniques like Flexbox, animations, and transitions to make your website visually appealing and functional.

What's included

31 videos1 assignment

31 videosTotal 334 minutes

Introduction to CSS 3 Section0 minutes
What Is CSS?2 minutes
Inline CSS6 minutes
Internal CSS4 minutes
Classes and IDs6 minutes
Divs5 minutes
Colors4 minutes
Floating5 minutes
Positioning12 minutes
Margins6 minutes
Padding5 minutes
Borders12 minutes
Fonts7 minutes
Styling Text8 minutes
Aligning Text6 minutes
Styling Links5 minutes
Advanced Selectors9 minutes
Pseudo-Classes11 minutes
Gradients4 minutes
Shadow Effect5 minutes
Transformations and Animations9 minutes
Flexbox5 minutes
CSS Reset5 minutes
Project: Portfolio Website20 minutes
Project: Portfolio Website Part 217 minutes
Project: Portfolio Website Part 316 minutes
External CSS3 minutes
CSS Project BBC News Website (1)41 minutes
CSS Project BBC News Website (2)32 minutes
CSS Project BBC News Website (3)27 minutes
CSS Project BBC News Website (4)21 minutes

1 assignmentTotal 15 minutes

CSS 3 - Assessment15 minutes

In this module, we will introduce you to JavaScript, teaching you how to bring your webpages to life with interactive elements and dynamic content. You will also build small, fun projects that help you practice using JavaScript in real-world scenarios.

What's included

18 videos1 assignment

18 videosTotal 172 minutes

Introduction to JavaScript Section0 minutes
What Is JavaScript?5 minutes
Internal JavaScript5 minutes
Accessing Elements6 minutes
Responding to a Click7 minutes
Changing Website Content10 minutes
Manipulating Styles with JavaScript3 minutes
Challenge - Disappearing Circles6 minutes
Variables8 minutes
Arrays12 minutes
If Statements9 minutes
Game - How Many Fingers Projects13 minutes
For Loops12 minutes
While Loops14 minutes
Functions10 minutes
Let and Const Variables6 minutes
Project: Reaction Tester33 minutes
External JavaScript4 minutes

1 assignmentTotal 15 minutes

JavaScript - Assessment15 minutes

In this module, we will explore jQuery, a JavaScript library that makes web development more efficient and powerful. You’ll learn how to add interactivity to your webpages with ease and use jQuery UI to create engaging user interfaces.

What's included

14 videos1 assignment

14 videosTotal 100 minutes

Introduction to jQuery Section0 minutes
What Is jQuery?3 minutes
Using jQuery in Your Webpages8 minutes
Detecting a Click7 minutes
Changing Website Content3 minutes
Changing Website Styles10 minutes
Fading Content Effect15 minutes
Animating Content7 minutes
Regular Expressions4 minutes
Introducing jQuery UI7 minutes
Draggables6 minutes
Resizables8 minutes
Droppables8 minutes
Accordions and Sortables7 minutes

1 assignmentTotal 15 minutes

jQuery - Assessment15 minutes

In this module, we will introduce you to Bootstrap 5, a popular front-end framework that helps you build responsive and visually appealing websites quickly. You will learn to use its grid system and components to create dynamic layouts and user interfaces.

What's included

10 videos1 reading3 assignments

10 videosTotal 100 minutes

Introduction to Bootstrap Section0 minutes
What Is Bootstrap?2 minutes
Your First Bootstrap Site2 minutes
The Grid System18 minutes
Introducing Navbars10 minutes
Forms and Tables13 minutes
Bootstrap Components13 minutes
Modals, Popovers, and Tooltips17 minutes
ScrollSpy5 minutes
Project - Landing Page15 minutes

1 readingTotal 10 minutes

Conclusion to the Course 'Web Development Fundamentals'10 minutes

3 assignmentsTotal 90 minutes

Full Course Practice Assessment15 minutes
Bootstrap 5 - Assessment15 minutes
Full Course Assessment60 minutes

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.

Instructor

Packt - Course Instructors

Packt

1,194 Courses293,786 learners

Offered by

Packt

Explore more from Software Development

Packt
Intermediate Web Development and Backend Basics
Course
Packt
Advanced Development, Python, and Deployment
Course

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

Open new doors with Coursera Plus

Unlimited access to 10,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription

Learn more

Advance your career with an online degree

Earn a degree from world-class universities - 100% online

Explore degrees

Join over 3,400 global companies that choose Coursera for Business

Upskill your employees to excel in the digital economy

Learn more

Frequently asked questions

Web Development Fundamentals is a beginner-friendly course designed to introduce learners to the core technologies used in web development: HTML, CSS, JavaScript, jQuery, and Bootstrap. As web development continues to evolve and grow, understanding these foundational technologies is essential for creating modern, responsive, and interactive websites. This course is relevant because it equips learners with the practical skills needed to build a variety of websites and web applications from the ground up.

This course covers the basics of web development, including HTML5, CSS3, JavaScript, jQuery, and Bootstrap 5. Through hands-on tutorials, you will learn how to create and style webpages, make them interactive, and ensure they are responsive on various devices. You will also work on projects like a portfolio website and a landing page, helping you apply what you've learned in real-world scenarios.

Upon completion of this course, you will be able to design and build fully functional websites from scratch. You will understand how to use HTML to structure web content, style it with CSS, add interactivity using JavaScript and jQuery, and build responsive layouts using Bootstrap. Additionally, you will be able to deploy your website and even manage basic web hosting tasks.

This course is for anyone interested in starting a career in web development or simply learning how to build websites. It’s ideal for beginners who want to get hands-on experience with the essential tools and languages used in web development. Whether you're looking to build your own projects, enhance your technical skill set, or transition into a web development career, this course is a great starting point.