Introduction to Web Development
Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.
Introduction to Web Development
This course is part of Web Development for Beginners Specialization
Instructor: William Mead
255,531 already enrolled
Included with
Ask Coursera
3,727 reviews
3,727 reviews
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 4 modules in this course
This course is designed to build your skills in web development and design, no matter how little experience or technical knowledge you currently have. You probably visit several websites every day, whether for business, entertainment or education. But have you ever wondered how these websites actually work? How are they built? How do browsers, computers, and mobile devices interact with the web? What skills are necessary to build a website? With a billion websites now on the internet, the answers to these questions could be your first step toward a better understanding of the internet and developing a new set of internet skills.
By the end of this course you’ll be able to describe the structure and functionality of the world wide web, create static web pages using HTML and CSS, select an appropriate web hosting service, and publish your webpages for the world to see. Finally, you’ll be able to develop a working model for creating your own personal or business websites in the future and launch yourself on a learning journey in web development.
Welcome to the course! In this module, we will begin with downloading and installing the code editor Visual Studio Code. You will then be able to identify different parts of the HTML language, manually add basic tags for web pages, and properly use basic opening and closing tags with content on a HTML file to markup content. You will also test files for errors using a HTML validator. Let’s get started!
What's included
15 videos2 readings2 assignments
15 videos•Total 93 minutes
- Course Introduction•2 minutes
- Module Introduction, Part 1•1 minute
- Module Introduction, Part 2•3 minutes
- Installing and Using VS Code, Part 1 (Mac)•3 minutes
- Installing and Using VS Code, Part 2 (Windows)•3 minutes
- Installing and Using VS Code, Part 3•11 minutes
- Installing and Using VS Code, Part 4•3 minutes
- Understanding the Language of HTML, Part 1•6 minutes
- Understanding the Language of HTML, Part 2•8 minutes
- Understanding the Language of HTML, Part 3•7 minutes
- Understanding the Language of HTML, Part 4•4 minutes
- Understanding the Language of HTML, Part 5•9 minutes
- Understanding the Language of HTML, Part 6•11 minutes
- Creating a Basic Web Page•12 minutes
- Markup Practice Files•11 minutes
2 readings•Total 16 minutes
- Course Navigation and Safety Statement•1 minute
- 30 Years on From Introducing the Web to the World•15 minutes
2 assignments•Total 40 minutes
- Module 1 Quiz•30 minutes
- Reflection: Think Like a Developer•10 minutes
In this module, we will use the anchor tag in HTML to create different kinds of links. You’ll link to files within the same website using relative path syntax. You’ll also demonstrate using tags that put replaced content on a web page. We’ll continue on by identifying different image formats used for images displayed on web pages. You’ll practice using appropriate attributes to provide the browser with more information about replaced content. We’ll finish up this module by identifying other types of replaced content such as video, audio, and iFrame content. Let’s get started.
What's included
11 videos2 assignments
11 videos•Total 72 minutes
- Module Introduction•1 minute
- Creating Links, Part 1•10 minutes
- Creating Links, Part 2•6 minutes
- Creating Links, Part 3•9 minutes
- Working with Replaced Content (Images) & Image Formats, Part 1•9 minutes
- Working with Replaced Content (Images) & Image Formats, Part 2•6 minutes
- Working with Replaced Content (Images) & Image Formats, Part 3•4 minutes
- Working with Replaced Content (Images) & Image Formats, Part 4•8 minutes
- Working with Replaced Content (Images) & Image Formats, Part 5•4 minutes
- Working with Replaced Content (Images) & Image Formats, Part 6•7 minutes
- Markup Practice Files, Part 2•9 minutes
2 assignments•Total 60 minutes
- Module 2 Quiz•30 minutes
- Reflection: Think Like a Web Developer•30 minutes
Welcome to Module 3! In this module, we’ll identify and correctly use different semantic sectioning elements in HTML files. You’ll demonstrate using HTML to change markup on different platforms. You’ll also demonstrate using a service like GitHub to store and share Git repositories. We’ll finish up the module by creating linked HTML files with folders and subfolders, and practice optimizing images and using them on pages for a personal website project. We have a lot to cover, so let’s get started!
What's included
13 videos2 assignments1 discussion prompt
13 videos•Total 102 minutes
- Module Introduction•1 minute
- Semantic Markup, Part 1 •6 minutes
- Semantic Markup, Part 2•10 minutes
- Applying HTML Knowledge to Other Systems•6 minutes
- Installing Git on Mac, Part 1•5 minutes
- Installing Git on Mac, Part 2•4 minutes
- Installing Git on Windows•4 minutes
- Publishing a Website on GitHub on Windows, Part 1•14 minutes
- Publishing a Website on GitHub on Windows, Part 2•7 minutes
- Publishing a Website on GitHub on Mac•13 minutes
- Fix a broken GitHub connection•5 minutes
- Personal Website•15 minutes
- Portfolio Webpage on GitHub•11 minutes
2 assignments•Total 60 minutes
- Module 3 Quiz•30 minutes
- Reflection: Think Like a Developer•30 minutes
1 discussion prompt•Total 30 minutes
- Semantic Markup Discussion•30 minutes
Welcome to the final module of this course! In this module, we’ll articulate the purpose of CSS and identify different parts of a CSS rule. You’ll demonstrate using characters such as curly braces, semi-colons, and commas when writing CSS syntax. Then, we’ll articulate and differentiate big ideas in CSS and create more specific CSS rules through the use of combinator selectors. We’ll finish up the module by identifying where and how CSS can be used within a website, including in-line CSS, CSS rules inside style tags, and CSS in linked stylesheets.
What's included
15 videos1 reading2 assignments
15 videos•Total 82 minutes
- Module Introduction•1 minute
- Introduction to CSS•10 minutes
- Inheritance in CSS•5 minutes
- CSS Syntax •2 minutes
- Cascade and Specificity in CSS, Part 1•7 minutes
- Cascade and Specificity in CSS, Part 2•8 minutes
- Combinator Selectors and Linked Stylesheets•10 minutes
- Lemmings Webpage, Part 1•8 minutes
- Lemmings Webpage, Part 2•4 minutes
- Lemmings Webpage, Part 3•5 minutes
- Lemmings Webpage, Part 4•5 minutes
- Lemmings Webpage, Part 5•4 minutes
- Lemmings Webpage, Part 6•9 minutes
- Lemmings Webpage, Part 7•2 minutes
- Course Summary•1 minute
1 reading•Total 10 minutes
- The Unreasonable Effectiveness of Simple HTML•10 minutes
2 assignments•Total 60 minutes
- Module 4 Quiz•30 minutes
- Reflection: Think Like a Developer•30 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
Offered by
Explore more from Mobile and Web Development
- Status: Free Trial
Course
- Status: Free Trial
- Status: Free Trial
Course
Why people choose Coursera for their career
Learner reviews
- 5 stars
73.49%
- 4 stars
21.27%
- 3 stars
3.78%
- 2 stars
0.61%
- 1 star
0.83%
Showing 3 of 3727
Reviewed on Nov 18, 2020
it would be more helpful to design while taking the modules to understand when we are creating labels, functions in order to make it more tangible since we are learning through recordings.
Reviewed on May 2, 2020
This course was fabulous. I got to learn many more interesting things during this course . This is a very good primary course to learn web development. Good Luck to the future learner :)
Reviewed on May 24, 2020
I have learnt a new thing. But this course has made me think analytically. Now I'm sure that I'll definitely join Army/Navy /Air Force one day. GodspedeTo The Instructor Mr Dan RandallKudos
Frequently asked questions
You'll learn how simple websites are structured, styled, and published on the web. It starts with HTML basics and page structure, then moves into links, images, semantic markup, and CSS so you can turn plain content into a working static site. Along the way, you'll create pages, connect them with navigation, and make them available online.
No, you don't need prior coding or web development experience. The course begins with basic HTML and even walks through setting up a code editor before moving into styling and publishing, so it assumes very little technical knowledge. Some comfort working with files and folders on your computer will help, since you'll organize pages and site assets as you go.
Yes, it's a good fit if you're new to web development and want a clear introduction to how websites are made. The lessons build step by step from basic tags to CSS, links, images, and getting a simple site online. If you already know HTML and CSS, you may find the pace introductory rather than challenging.
More questions
Financial aid available,
¹ Some assignments in this course are AI-graded. For these assignments, your data will be used in accordance with Coursera's Privacy Notice.