Web Development Fundamentals
Ends soon! Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.
Web Development Fundamentals
This course is part of Complete Web Development: HTML, CSS, JS & PHP Projects Specialization
Included with
Recommended experience
Recommended experience
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
See how employees at top companies are mastering in-demand skills
Build your subject-matter expertise
- 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
3 videos•Total 6 minutes
- Introduction to Getting Started Section•1 minute
- Getting Started•3 minutes
- How to Debug the Code•2 minutes
2 readings•Total 20 minutes
- Introduction to the Course 'Web Development Fundamentals'•10 minutes
- Full Specialization Resources•10 minutes
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 videos•Total 112 minutes
- Introduction to HTML 5•1 minute
- Your First Webpage•4 minutes
- The Structure of a Webpage•8 minutes
- Creating a Full Webpage•6 minutes
- Header Tags•4 minutes
- Paragraph Tags•4 minutes
- Formatting Text•6 minutes
- Unordered Lists•3 minutes
- Ordered Lists•3 minutes
- Images•5 minutes
- Forms•9 minutes
- Tables•4 minutes
- Links•9 minutes
- HTML Entities•3 minutes
- Audio and Video•5 minutes
- Putting It All Together•23 minutes
- Setting Up Your Free Hosting•6 minutes
- Setting Up FTP•9 minutes
1 assignment•Total 15 minutes
- HTML 5 - Assessment•15 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 videos•Total 334 minutes
- Introduction to CSS 3 Section•1 minute
- What Is CSS?•3 minutes
- Inline CSS•7 minutes
- Internal CSS•5 minutes
- Classes and IDs•7 minutes
- Divs•5 minutes
- Colors•5 minutes
- Floating•5 minutes
- Positioning•12 minutes
- Margins•7 minutes
- Padding•6 minutes
- Borders•13 minutes
- Fonts•7 minutes
- Styling Text•8 minutes
- Aligning Text•7 minutes
- Styling Links•6 minutes
- Advanced Selectors•10 minutes
- Pseudo-Classes•12 minutes
- Gradients•4 minutes
- Shadow Effect•5 minutes
- Transformations and Animations•9 minutes
- Flexbox•5 minutes
- CSS Reset•5 minutes
- Project: Portfolio Website•20 minutes
- Project: Portfolio Website Part 2•18 minutes
- Project: Portfolio Website Part 3•17 minutes
- External CSS•3 minutes
- CSS Project BBC News Website (1)•41 minutes
- CSS Project BBC News Website (2)•32 minutes
- CSS Project BBC News Website (3)•28 minutes
- CSS Project BBC News Website (4)•22 minutes
1 assignment•Total 15 minutes
- CSS 3 - Assessment•15 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 videos•Total 172 minutes
- Introduction to JavaScript Section•1 minute
- What Is JavaScript?•5 minutes
- Internal JavaScript•6 minutes
- Accessing Elements•7 minutes
- Responding to a Click•7 minutes
- Changing Website Content•11 minutes
- Manipulating Styles with JavaScript•4 minutes
- Challenge - Disappearing Circles•7 minutes
- Variables•9 minutes
- Arrays•13 minutes
- If Statements•10 minutes
- Game - How Many Fingers Projects•13 minutes
- For Loops•12 minutes
- While Loops•14 minutes
- Functions•10 minutes
- Let and Const Variables•6 minutes
- Project: Reaction Tester•34 minutes
- External JavaScript•4 minutes
1 assignment•Total 15 minutes
- JavaScript - Assessment•15 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 videos•Total 101 minutes
- Introduction to jQuery Section•1 minute
- What Is jQuery?•3 minutes
- Using jQuery in Your Webpages•8 minutes
- Detecting a Click•8 minutes
- Changing Website Content•4 minutes
- Changing Website Styles•11 minutes
- Fading Content Effect•16 minutes
- Animating Content•7 minutes
- Regular Expressions•5 minutes
- Introducing jQuery UI•8 minutes
- Draggables•6 minutes
- Resizables•9 minutes
- Droppables•8 minutes
- Accordions and Sortables•8 minutes
1 assignment•Total 15 minutes
- jQuery - Assessment•15 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 videos•Total 100 minutes
- Introduction to Bootstrap Section•1 minute
- What Is Bootstrap?•2 minutes
- Your First Bootstrap Site•3 minutes
- The Grid System•19 minutes
- Introducing Navbars•11 minutes
- Forms and Tables•13 minutes
- Bootstrap Components•13 minutes
- Modals, Popovers, and Tooltips•17 minutes
- ScrollSpy•6 minutes
- Project - Landing Page•15 minutes
1 reading•Total 10 minutes
- Conclusion to the Course 'Web Development Fundamentals'•10 minutes
3 assignments•Total 90 minutes
- Bootstrap 5 - Assessment•15 minutes
- Full Course Assessment•60 minutes
- Full Course Practice Assessment•15 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
Explore more from Software Development
Why people choose Coursera for their career
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.
More questions
Financial aid available,