Introduction to Website Development Technologies
Introduction to Website Development Technologies
Included with
Ask Coursera
Recommended experience
Recommended experience
What you'll learn
Set up a web development environment with Visual Studio Code and GitHub.
Master the fundamentals of HTML, CSS, and JavaScript to build interactive websites.
Use Bootstrap to create responsive, mobile-friendly websites.
Learn how to deploy a website using Netlify and GitHub for version control and continuous deployment.
Skills you'll gain
Details to know
See how employees at top companies are mastering in-demand skills
There are 8 modules in this course
Updated in May 2025.
This course now 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 is designed to introduce you to the foundational technologies used in web development, including HTML, CSS, JavaScript, and Bootstrap. You will gain hands-on experience in creating visually appealing, functional websites, learning everything from coding your first HTML page to deploying your site online. In the first section, you'll explore the basics of web development and the core technologies involved, including HTML, CSS, and JavaScript. The course will guide you through setting up your development environment, installing and configuring Visual Studio Code, and getting familiar with the best tools for efficient coding. You'll progress into creating and structuring websites by learning how to design web pages with HTML and enhance them using CSS for visual styling. You'll dive deeper into JavaScript to add interactivity and use the Bootstrap framework to streamline and improve the design process for responsive websites. By the end of the course, you'll have a fully functional website ready for deployment. This course is perfect for beginners who are eager to learn the basics of website development and want to dive into the world of web technologies. No prior experience is required, making it accessible for anyone interested in becoming a web developer. The course emphasizes hands-on learning, so you’ll gain practical experience that can be applied in real-world web development projects.
In this module, we will introduce you to the fundamental aspects of website development. You will learn about the primary technologies that shape the web, including HTML, CSS, and JavaScript. By the end, you'll understand why these tools are essential for creating and styling web pages, and how mastering them can unlock numerous career paths.
What's included
2 videos1 reading
2 videos•Total 6 minutes
- Introduction•3 minutes
- Why Learn Web Development?•4 minutes
1 reading•Total 10 minutes
- Full Course Resources•10 minutes
In this module, we will guide you through the process of setting up a professional web development environment. From installing Visual Studio Code and Git to creating a local workspace synchronized with GitHub, we will ensure that you are equipped to develop and manage your projects efficiently.
What's included
5 videos1 assignment
5 videos•Total 21 minutes
- Web Development Tools•5 minutes
- Install Visual Studio Code•4 minutes
- Recommended Development Extensions•2 minutes
- Set Up Git and GitHub•3 minutes
- Set Up Website Project Workspace•7 minutes
1 assignment•Total 15 minutes
- Environment Setup - Assessment•15 minutes
In this module, we will introduce you to HTML, the backbone of all web pages. You will learn how to structure content, add images and forms, and organize data with tables. By mastering these basics, you will lay the foundation for creating interactive and visually rich websites.
What's included
13 videos1 assignment
13 videos•Total 117 minutes
- Explore HTML•4 minutes
- Write Your First HTML Document•10 minutes
- Adding Text and Links•12 minutes
- Multiple HTML Pages•10 minutes
- Adding Images•11 minutes
- Adding Ordered and Unordered Lists•8 minutes
- Adding an HTML Table•10 minutes
- Adding an HTML Form - Part 1•10 minutes
- Adding an HTML Form - Part 2•11 minutes
- Embedding External Content•6 minutes
- Embedding Media Content (Video and Audio)•8 minutes
- Comments and Styling•7 minutes
- Add to GitHub•10 minutes
1 assignment•Total 15 minutes
- Basic HTML - Assessment•15 minutes
In this module, we will explore CSS, the language responsible for making web pages visually attractive. You’ll learn how to implement different types of CSS to style your content effectively, ensuring your website is both functional and aesthetically pleasing across devices.
What's included
10 videos1 assignment
10 videos•Total 81 minutes
- What Is CSS (Cascading Style Sheets)•6 minutes
- Inline CSS•4 minutes
- Internal CSS•11 minutes
- External Stylesheets•6 minutes
- HTML Semantics•5 minutes
- HTML Non-Semantic Layout - Part 1•13 minutes
- HTML Non-Semantic Layout - Part 2•14 minutes
- Consistent Web PageWebpage Layout and Design•8 minutes
- Using Classes•10 minutes
- Add to GitHub•5 minutes
1 assignment•Total 15 minutes
- Cascading Style Sheets - Assessment•15 minutes
In this module, we will dive into JavaScript, the programming language that adds interactivity to websites. You will learn key concepts like variables, functions, and loops, and how to use JavaScript to dynamically alter web content in response to user actions.
What's included
16 videos1 assignment
16 videos•Total 146 minutes
- What Is JavaScript?•6 minutes
- Explore JavaScript and the Browser Console•6 minutes
- JavaScript Statements and Variable Declarations•11 minutes
- JavaScript Arithmetic Operations•8 minutes
- JavaScript Decision Statements•15 minutes
- JavaScript Repetition Statements•20 minutes
- JavaScript Functions•17 minutes
- JavaScript Variables and Scope•8 minutes
- JavaScript and HTML DOM•8 minutes
- JavaScript in HTML Syntax•3 minutes
- Adding JavaScript to HTML - Part 1•10 minutes
- Adding JavaScript to HTML - Part 2•7 minutes
- What Is jQuery?•6 minutes
- Adding jQuery to a Website•8 minutes
- jQuery Versus JavaScript•12 minutes
- Add to GitHub•1 minute
1 assignment•Total 15 minutes
- JavaScript - Assessment•15 minutes
In this module, we will introduce you to Bootstrap, a popular front-end framework that simplifies creating responsive and mobile-first websites. You will learn how to use Bootstrap's pre-built components to enhance your site's design and functionality, streamlining your web development process.
What's included
14 videos1 assignment
14 videos•Total 101 minutes
- What Is Bootstrap?•6 minutes
- Explore Bootstrap's Documentation•7 minutes
- Adding Bootstrap to Your Website•8 minutes
- Adding Bootstrap Navbar and Layout - Part 1•11 minutes
- Adding Bootstrap Navbar and Layout - Part 2•5 minutes
- Bootstrap Tables•4 minutes
- Bootstrap Forms•10 minutes
- Bootstrap Buttons•5 minutes
- Bootstrap Carousel•11 minutes
- Bootstrap Cards and Grid•8 minutes
- Bootstrap Accordion•9 minutes
- Clean Up Website•10 minutes
- Tracking Active Page - CSS + JavaScript•7 minutes
- Add to GitHub•1 minute
1 assignment•Total 15 minutes
- Web Development with the Bootstrap Framework - Assessment•15 minutes
In this module, we will guide you through the process of publishing your website. You will learn how to host your site using Netlify, automate deployments with GitHub, and explore advanced hosting features like custom domains and HTTPS for a secure online presence.
What's included
5 videos1 assignment
5 videos•Total 29 minutes
- Website Hosting Principles•11 minutes
- What Is Netlify?•4 minutes
- Publish Website Using Manual Deploy on Netlify•4 minutes
- Publish Website Using GitHub and Netlify (CI/CD Pipeline)•6 minutes
- Additional Netlify Features•3 minutes
1 assignment•Total 15 minutes
- Publishing Your Website - Assessment•15 minutes
In this module, we will recap the key topics covered in the course, from basic HTML and CSS to advanced JavaScript and Bootstrap. We’ll provide guidance on how to continue refining your skills and offer advice on next steps for advancing your web development journey.
What's included
2 videos3 assignments
2 videos•Total 5 minutes
- Course Recap•3 minutes
- Recommendations•2 minutes
3 assignments•Total 90 minutes
- Conclusion - Assessment•15 minutes
- Full Course Assessment•60 minutes
- Full Course Practice Assessment•15 minutes
Instructor
Explore more from Mobile and Web Development
Course
Status: Free TrialCategory: Credit offeredCourse
Status: Free TrialCategory: Credit offeredCourse
Category: Credit offeredCourse
Status: Free TrialCategory: Credit offered
Why people choose Coursera for their career
Advance your career with an online degree
Earn a degree from world-class universities - 100% online
Frequently asked questions
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.
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.
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.
More questions
Financial aid available,