Introduction to Web Development with HTML, CSS, JavaScript
Ends soon! Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.
Introduction to Web Development with HTML, CSS, JavaScript
This course is part of multiple programs.
182,603 already enrolled
Included with
Learn more
Ask Coursera
2,352 reviews
Recommended experience
2,352 reviews
Recommended experience
What you'll learn
Describe the Web Application Development Ecosystem and terminology like front-end developer, back-end, server-side, and full stack.
Identify the developer tools and integrated development environments (IDEs) used by web developers.
Create and structure basic web pages using HTML and style them with CSS.
Develop dynamic web pages with interactive features using JavaScript.
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 5 modules in this course
Want to take the first steps to become a Web Developer? This course will help you discover the languages, frameworks, and tools that you will need to create interactive and engaging websites right from the beginning.
You will begin by learning about the roles of front-end, back-end, and full-stack developers and how they work together on development projects. Through this, you will also become familiar with the terminology and skills needed in your career as a web developer. Next, you will explore the languages needed for developing websites or applications. You will gain a thorough understanding of HTML and CSS and learn how a combination of both technologies can help developers create the structure and style of their websites. Finally, you will learn how JavaScript can make your webpages dynamic with features that include interactive forms, dynamic content modification, and sophisticated menu systems. By learning the fundamentals of HTML5, CSS, and JavaScript you will be able to combine them to: - create the basic structure of a website - create format and layout for web applications - enhance your website and create rich, interactive applications - increase user interactivity and enhance user experience - give your website a real wow factor! In this course you will practice what you learn with numerous hands-on labs. Lastly, you will complete a final project where you will create a webpage to showcase your skills and have a great addition to your portfolio!
Learn what web development involves from the very beginning. Discover the languages, frameworks, and tools, that enable you to create interactive and engaging websites and Cloud Applications, right from the very beginning. In this module, you will learn about the roles of front-end, back-end, and full-stack developers and how they work together on development projects, and become familiar with the terminology and skills you will need in your career as a web developer.
What's included
9 videos1 reading2 assignments1 discussion prompt3 plugins
9 videosβ’Total 44 minutes
- Course Introduction: Web Development with HTML, CSS, and JavaScriptβ’2 minutes
- Overview of Web and Cloud Developmentβ’5 minutes
- Insiders' Viewpoints: Aspects of the Web Development Lifecycleβ’3 minutes
- Learning Front-End Developmentβ’6 minutes
- Insiders' Viewpoints: Front-end and Back-end Web Developmentβ’5 minutes
- Introducing Application Development Toolsβ’6 minutes
- More Application Development Toolsβ’5 minutes
- Insiders' Viewpoints: Tools and Technologiesβ’6 minutes
- The Importance of Back-End Developmentβ’7 minutes
1 readingβ’Total 2 minutes
- Module 1 Summaryβ’2 minutes
2 assignmentsβ’Total 40 minutes
- Graded Quiz β’30 minutes
- Practice Quiz β’10 minutes
1 discussion promptβ’Total 5 minutes
- Introduce yourself and why you are interested in Web Developmentβ’5 minutes
3 pluginsβ’Total 20 minutes
- Lab Demo: Using Geolocation API in Web Appsβ’3 minutes
- Demo: Review of Development Terminology/Demo of Web Development in Actionβ’15 minutes
- Glossary - Introduction to Application Developmentβ’2 minutes
The most fundamental tools for front-end developers are the languages they use for developing the website or app. Foremost among these languages is Hyper Text Markup Language (HTML). A thorough understanding of HTML, its features, support, and scripting capabilities makes a solid foundation for you to build your development skills on.
What's included
6 videos1 reading2 assignments1 app item4 plugins
6 videosβ’Total 27 minutes
- Introduction to HTMLβ’4 minutes
- HTML Featuresβ’6 minutes
- HTML Management and Supportβ’4 minutes
- HTML Scriptingβ’5 minutes
- HTML5 Browser Supportβ’4 minutes
- Insiders' Viewpoints: Working with HTML and CSSβ’3 minutes
1 readingβ’Total 2 minutes
- Module 1 Summary: HTML Overviewβ’2 minutes
2 assignmentsβ’Total 30 minutes
- Graded Quiz: HTML Overview β’20 minutes
- Practice Quiz: HTML Overview β’10 minutes
1 app itemβ’Total 25 minutes
- Hands-On Lab: HTML - Creating a Simple Web Pageβ’25 minutes
4 pluginsβ’Total 58 minutes
- Hands-On Lab: Intro to HTML (JSFiddle)β’30 minutes
- Common HTML Elementsβ’25 minutes
- Glossary - HTML 5 Overviewβ’1 minute
- Cheatsheet - HTML 5 Overviewβ’2 minutes
HTML5 has many elements that enable developers to create well-structured and varied websites. CSS is a style sheet language that defines how HTML elements are displayed. By using a combination of HTML5 and CSS, developers can create rich, interactive applications. The HTML5 elements provide ways to separate a HTML document into divisions, create headers and footers, define sections, create headings, and define the body of the document. In addition, there are many HTML5 elements that allow the user to interact with the website, inputting information in various formats like dates, times, numbers, email addresses and much more. The data is sent to the browser by using HTML, and the design is applied to that data by using CSS. To be able to create the structure and style you want for your site, you must be familiar with both languages.
What's included
5 videos1 reading2 assignments3 app items6 plugins
5 videosβ’Total 28 minutes
- HTML5 Tags and Structural Elementsβ’5 minutes
- HTML5 Input Element: Attributes for the Input Tagβ’5 minutes
- Insiders' Viewpoints: Enhancing the User Experience with HTML5β’1 minute
- CSS: Styling HTMLβ’9 minutes
- CSS Frameworksβ’9 minutes
1 readingβ’Total 2 minutes
- Module Summaryβ’2 minutes
2 assignmentsβ’Total 40 minutes
- Graded Quiz: CSS Overview & HTML5 Elementsβ’30 minutes
- Practice Quiz β’10 minutes
3 app itemsβ’Total 60 minutes
- Hands-on Lab: Unit Conversion using HTML5 Structural Elementsβ’30 minutes
- Hands-On Lab: CSS Basics - Styling Your Web Pageβ’15 minutes
- Hands-on Lab: Responsive Web Design using Tailwind & Bootstrap Frameworksβ’15 minutes
6 pluginsβ’Total 93 minutes
- Common HTML5 Tags and Structural Elementsβ’25 minutes
- Additional HTML Elements: HTML Fieldset and Legend Tagβ’15 minutes
- Understanding CSS Selectors - Tags, IDs, and Classesβ’15 minutes
- Advanced CSS Propertiesβ’30 minutes
- Glossary - CSS Overview & HTML5 Elements β’5 minutes
- Cheatsheet - CSS Overview & HTML5 Elements β’3 minutes
You now have a website or Cloud App with structure and content from HTML, consistent style from CSS, and a limited amount of interactivity for the user. To enhance the user experience and create a real wow factor, youβre going to need JavaScript. With JavaScript, you can make your webpages dynamic by using features like interactive forms, picture slideshows, and sophisticated menu systems.
What's included
8 videos1 reading2 assignments2 app items5 plugins
8 videosβ’Total 46 minutes
- JavaScript Language: Overview and Syntaxβ’8 minutes
- Data types and Variablesβ’5 minutes
- Control Flow and Conditional Statementsβ’4 minutes
- JavaScript APIsβ’9 minutes
- Client-Side JavaScript: with HTMLβ’4 minutes
- Insiders' Viewpoints: JavaScript Best Practicesβ’5 minutes
- Client-Side JavaScript: with DOMβ’6 minutes
- JavaScript DOM Objectsβ’4 minutes
1 readingβ’Total 2 minutes
- Module Summaryβ’2 minutes
2 assignmentsβ’Total 30 minutes
- Graded Quiz β’20 minutes
- Practice Quiz β’10 minutes
2 app itemsβ’Total 50 minutes
- Hands-On Lab: Validating a JavaScript formβ’25 minutes
- Hands-On Lab: Manipulating DOM with JavaScriptβ’25 minutes
5 pluginsβ’Total 71 minutes
- JavaScript APIsβ’15 minutes
- Hands-on Lab: Javascript - Browser Console β’25 minutes
- Enhancing JavaScript Skills using JSFiddleβ’25 minutes
- Glossary - JavaScript Programming for Web Applicationsβ’3 minutes
- Cheatsheet - JavaScript Programming for Web Applicationsβ’3 minutes
Now that you have been equipped with the skills to use HTML, CSS, and JavaScript, you will have the opportunity to practice and create a web application. In this scenario, you have been hired by a reputed placement company, ABC Consultant, whose primary focus is to help people with less than 5 years of experience to find a suitable placement in their industry. As a web developer, they have assigned you the task of creating a portfolio for one of their clients as a single static webpage to share with the prospective employers.
What's included
1 video2 readings1 peer review3 app items3 plugins
1 videoβ’Total 14 minutes
- Insiders' Viewpoints: Career Paths for Web Application Developmentβ’14 minutes
2 readingsβ’Total 4 minutes
- Congratulations and Next Stepsβ’3 minutes
- Credits and Acknowledgmentsβ’1 minute
1 peer reviewβ’Total 30 minutes
- Option 2: Peer-Graded Submission and Evaluationβ’30 minutes
3 app itemsβ’Total 120 minutes
- Hands-On Lab: Simple Interest Calculatorβ’30 minutes
- Hands-On Lab: Single Page Portfolio Websiteβ’60 minutes
- Option 1: AI-Graded Submission and Evaluationβ’30 minutes
3 pluginsβ’Total 45 minutes
- Final Project Overview and Review Criteriaβ’15 minutes
- Submission Checklistβ’15 minutes
- (Optional ) Publish your Portfolio to Github Pagesβ’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.
Instructors
Offered by
Explore more from Mobile and Web Development
- Status: Free Trial
Course
- Status: Free Trial
Course
- Status: Free Trial
Course
- Status: PreviewB
Birla Institute of Technology & Science, Pilani
Course
Why people choose Coursera for their career
Learner reviews
- 5 stars
71%
- 4 stars
21.04%
- 3 stars
4.59%
- 2 stars
1.36%
- 1 star
1.99%
Showing 3 of 2352
Reviewed on Jun 30, 2023
A perfect match for the career entry learners in software development. I highly recommend this course for anybody who can spare few hours to study a day.
Reviewed on Mar 8, 2023
Very detailed and beginner friendly. Only wished this cert could be used as substitute for an official CS degree for those of us without one. in the real world.
Reviewed on Jul 5, 2023
Excelente curso para aprender el desarrollo web desde cero con los lenguajes de HTML,CSS, JavaScript y lo que mas me gusto fueron los laboratorios practicos. Muchas Gracias a IBM y Coursera.
Frequently asked questions
To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
When you enroll in the course, you get access to all of the courses in the Certificate, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.
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.
