Introduction to HTML, CSS, & JavaScript

IBM via Coursera

Go to class Write review

Details

Go to class

Provider

Coursera
Pricing

Paid Course
Languages

English
Certificate

Paid Certificate Available
Duration & workload

14 hours 38 minutes
Sessions

On-Demand
Subtitles

Kazakh, German, Hindi, Russian, Swedish, Korean, Portuguese, Greek, English, Italian, French, Chinese, Spanish, Arabic, Thai, Ukrainian, Japanese, Indonesian, Polish, Dutch, Turkish, Hungarian, Bengali, Pashto, Urdu, Azerbaijani, Farsi

Found in

Part of

Overview

Coursera Flash Sale

40% Off Coursera Plus for 3 Months!

Grab it

Want to take the first steps to become a Web Developer? This course will help you discover the languages, frameworks, and tools you will need to create interactive and engaging websites right from the beginning. You’ll begin by understanding the roles of front-end, back-end, and full-stack developers and how they collaborate, along with the terminology and skills essential for a web development career. Next, you’ll dive deep into HTML5—learning about structural elements like section, article, header, footer, and form controls such as input, fieldset, and legend. You’ll also explore the Document Object Model (DOM), scripting basics, and browser compatibility. Moving on to CSS, you’ll learn how to style and format web pages using selectors, IDs, and classes. You’ll explore layout tools like Flexbox and gain hands-on experience with responsive design using frameworks such as Tailwind CSS and Bootstrap. In JavaScript, you'll learn about variables, control structures, functions, prototypes, and how to interact with the DOM, along with practical experience using APIs and client-side scripting techniques to enhance user interaction. 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! Throughout the course, you'll apply your learning through numerous hands-on labs and conclude with a final project where you'll build a webpage to showcase your skills and strengthen your portfolio.

Syllabus

HTML Overview

In this module, you’ll begin your journey into web development by exploring HyperText Markup Language (HTML), the foundational language for structuring content on the web. You’ll gain a clear understanding of HTML5, including its key features, benefits, and how it differs from other markup languages like XML. You'll learn how modern browsers interpret and support HTML5, how scripting is enabled, and how the Document Object Model (DOM) allows dynamic interaction with webpage content. You’ll also work hands-on in JSFiddle, an online code editor, where you'll experiment with HTML, CSS, and JavaScript in an interactive coding environment. This module includes real-world insights from web professionals to give you a practical understanding of how HTML and CSS are used in development teams today. By the end of this module, you’ll have a strong foundation in HTML5 structure, scripting capabilities, and browser support—setting the stage for your future work with CSS and JavaScript.

CSS Overview & HTML5 Elements

In this module, you will explore the foundational elements of HTML5 and CSS. HTML5 offers a range of structural elements that allow developers to create well-structured and interactive websites. You will learn about various HTML5 elements that divide a document into divisions, create headers and footers, define sections, and structure content with headings and the body of the document. Additionally, you will explore HTML5 elements that allow users to interact with the website, inputting information in formats such as dates, times, numbers, email addresses, and more. Cascading Style Sheets (CSS) plays a crucial role in styling HTML elements. By combining HTML5 and CSS, developers can build visually appealing and responsive web applications. This module covers how CSS can be used to format the layout, appearance, and behavior of HTML elements, and it introduces CSS frameworks like Tailwind and Bootstrap for building responsive web pages. Through hands-on labs, you will practice applying HTML5 structural elements and CSS styling to create functional and visually appealing web pages, while also gaining a deeper understanding of the role of CSS selectors and responsive design.

JavaScript Programming for Web Applications

You now have a website or cloud application built with a solid structure and content provided by HTML, along with consistent styling achieved through CSS. To enhance interactivity and provide a dynamic user experience, you will integrate JavaScript into your project. In this module, you will explore the fundamentals of JavaScript, including its syntax, variables, control structures, functions, and prototypes. You will also learn about common array methods and how to use JavaScript APIs to manipulate HTML content and styles, access the Document Object Model, and handle events using client-side scripting. Hands-on labs will guide you through practical exercises like form validation, DOM manipulation, and real-time content updates. You will also practice writing and debugging scripts using tools such as the browser console and JSFiddle. By the end of this module, you will be able to create highly interactive and responsive web applications that react to user input and enhance the overall functionality of your site.

Final Project

In this module, you will apply your knowledge of HTML, CSS, and JavaScript to build a complete web application. You will take on the role of a web developer working for ABC Consultant, a well-known placement firm that assists individuals with less than five years of experience in finding suitable employment opportunities. As a web developer, your task is to design and develop a single static portfolio webpage for one of the firm’s clients. This portfolio will showcase the client’s skills, background, and accomplishments and will be used to introduce them to prospective employers. By completing this project, you will demonstrate your ability to structure content using HTML, apply styling through CSS, and incorporate interactivity using JavaScript to create a professional, user-friendly web experience.