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

通过 Coursera Plus 获取 10,000 多门课程的 Accessibility

开始 7 天免费试用

Web Development Fundamentals

本课程是 Complete Web Development: HTML, CSS, JS & PHP Projects 专项课程的一部分

位教师：Packt - Course Instructors

包含在中

了解更多

6个模块

深入了解一个主题并学习基础知识。

初级等级

推荐体验

2 周完成

在 10 小时一周

灵活的计划

自行安排学习进度

6个模块

深入了解一个主题并学习基础知识。

初级等级

推荐体验

2 周完成

在 10 小时一周

灵活的计划

自行安排学习进度

您将学到什么

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.

您将获得的技能

要了解的详细信息

可分享的证书

添加到您的领英档案

了解顶级公司的员工如何掌握热门技能

了解关于 Coursera for Business 的更多信息

Petrobras, TATA, Danone, Capgemini, P&G 和 L'Oreal 的徽标

积累特定领域的专业知识

本课程是 Complete Web Development: HTML, CSS, JS & PHP Projects 专项课程专项课程的一部分

在注册此课程时，您还会同时注册此专项课程。

向行业专家学习新概念
获得对主题或工具的基础理解
通过实践项目培养工作相关技能
获得可共享的职业证书

该课程共有6个模块

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.

涵盖的内容

3个视频2篇阅读材料

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.

涵盖的内容

18个视频1个作业

18个视频总计112分钟

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

1个作业总计15分钟

HTML 5 - Assessment15分钟

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.

涵盖的内容

31个视频1个作业

31个视频总计334分钟

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

1个作业总计15分钟

CSS 3 - Assessment15分钟

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.

涵盖的内容

18个视频1个作业

18个视频总计172分钟

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

1个作业总计15分钟

JavaScript - Assessment15分钟

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.

涵盖的内容

14个视频1个作业

14个视频总计100分钟

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

1个作业总计15分钟

jQuery - Assessment15分钟

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.

涵盖的内容

10个视频1篇阅读材料3个作业

10个视频总计100分钟

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

1篇阅读材料总计10分钟

Conclusion to the Course 'Web Development Fundamentals'10分钟

3个作业总计90分钟

Full Course Practice Assessment15分钟
Bootstrap 5 - Assessment15分钟
Full Course Assessment60分钟

获得职业证书

将此证书添加到您的 LinkedIn 个人资料、简历或履历中。在社交媒体和绩效考核中分享。

位教师

Packt - Course Instructors

Packt

1,239 门课程296,477 名学生

提供方

Packt

从 Software Development 浏览更多内容

Packt
Intermediate Web Development and Backend Basics
课程
Packt
Advanced Development, Python, and Deployment
课程

人们为什么选择 Coursera 来帮助自己实现职业发展

Felipe M.

自 2018开始学习的学生

''能够按照自己的速度和节奏学习课程是一次很棒的经历。只要符合自己的时间表和心情，我就可以学习。'

Jennifer J.

自 2020开始学习的学生

''我直接将从课程中学到的概念和技能应用到一个令人兴奋的新工作项目中。'

Larry W.

自 2021开始学习的学生

''如果我的大学不提供我需要的主题课程，Coursera 便是最好的去处之一。'

Chaitanya A.

''学习不仅仅是在工作中做的更好：它远不止于此。Coursera 让我无限制地学习。'

通过 Coursera Plus 开启新生涯

无限制访问 10,000+ 世界一流的课程、实践项目和就业就绪证书课程 - 所有这些都包含在您的订阅中

了解更多

通过在线学位推动您的职业生涯

获取世界一流大学的学位 - 100% 在线

探索学位

加入超过 3400 家选择 Coursera for Business 的全球公司

提升员工的技能，使其在数字经济中脱颖而出

了解更多

常见问题

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.