К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Introduction to HTML, CSS, & JavaScript · LearnSpace
Назад в каталог
courseraПрограммирование

Introduction to HTML, CSS, & JavaScript

Курс от IBM
Начальный≈ 14.9 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

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.

Навыки, которые вы освоите

JavascriptCascading Style Sheets (CSS)Responsive Web DesignSemantic WebEvent-Driven ProgrammingWeb DevelopmentDebuggingDevelopment EnvironmentSoftware Development ToolsBootstrap (Front-End Framework)Browser CompatibilityWeb Development ToolsScripting

Программа курса

4 модулей · 65 учебных материалов

01HTML Overview18 материалов

Welcome to the Course

Course IntroductionВидеоCourse SyllabusЧтениеHelpful Tips for Course CompletionЧтение

HTML Overview

Introduction to HTMLВидео

Учитесь у экспертов

Michelle Saltoun

Software Developer

Upkar Lidder

Senior Software Engineer

Introduction to HTML, CSS, & JavaScript
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 14.9 ч

4 модулей

Язык: Английский

Субтитры: Арабский, Французский, Бенгальский, Узбекский, Украинский, Китайский (Китай), Греческий, Итальянский, Бразильский португальский, Вьетнамский, Нидерландский, Корейский, Немецкий, Пушту, Урду, Русский, Тайский, Индонезийский, Шведский, Турецкий, Азербайджанский, Испанский, Дари, Хинди, Японский, Казахский, Венгерский, Польский

Часть программы вашего университета
HTML FeaturesВидео
Hands-on Lab: Intro to HTML (JSFiddle)Чтение
HTML Management and SupportВидео
HTML ScriptingВидео
HTML5 Browser SupportВидео
Understanding HTML5: Building Blocks of the WebDIALOGUE
Insiders' Viewpoints: Working with HTML and CSSВидео
Common HTML ElementsЧтение
Hands-On Lab: HTML - Creating a Simple Web PageВнешний инструмент
Module 1 Summary: HTML OverviewЧтение
Practice Quiz: HTML Overview Задание
Glossary: HTML5 OverviewЧтение
Cheatsheet: HTML5 OverviewЧтение
Graded Quiz: HTML OverviewЗадание
02CSS Overview & HTML5 Elements 17 материалов

CSS Overview & HTML5 Elements

HTML5 Tags and Structural ElementsВидеоCommon HTML5 Tags and Structural ElementsЧтениеHands-on Lab: Unit Conversion using HTML5 Structural ElementsВнешний инструментHTML5 Input Element: Attributes for the Input TagВидеоInsiders' Viewpoints: Enhancing the User Experience with HTML5ВидеоAdditional HTML Elements: HTML Fieldset and Legend TagЧтениеCSS: Styling HTMLВидеоUnderstanding CSS Selectors - Tags, IDs, and ClassesЧтениеCSS FrameworksВидеоHands-On Lab: CSS Basics - Styling Your Web PageВнешний инструментHands-on Lab: Responsive Web Design using Tailwind & Bootstrap FrameworksВнешний инструментAdvanced CSS PropertiesЧтениеModule SummaryЧтениеGlossary: CSS Overview & HTML5 ElementsЧтениеCheatsheet: CSS Overview & HTML5 ElementsЧтениеPractice QuizЗаданиеGraded Quiz: CSS Overview & HTML5 ElementsЗадание
03 JavaScript Programming for Web Applications23 материалов

JavaScript Fundamentals

Introduction to JavaScript and ES6ВидеоData Types and VariablesВидеоIntroduction to Functions and Types of FunctionsВидеоJavaScript: Functions and PrototypesВидеоIntroduction to ArraysВидеоArray MethodsВидеоHands-on Lab: Display Employee Information Using Array MethodsВнешний инструментPractice Quiz Задание

Interactive Web Development with JavaScript and the DOM

JavaScript APIsВидеоJavaScript APIsЧтениеClient-Side JavaScript: with HTMLВидеоInsiders' Viewpoints: JavaScript Best PracticesВидеоHands-On Lab: Validating a JavaScript formВнешний инструментClient-Side JavaScript: with DOMВидео

Summary, Glossary, Cheatsheet and Assessment

Module SummaryЧтениеGlossary: JavaScript Programming for Web ApplicationsЧтениеCheatsheet: JavaScript Programming for Web ApplicationsЧтениеGraded QuizЗадание
04Final Project7 материалов

Practice Assignment

Hands-On Lab: Simple Interest CalculatorВнешний инструмент

Final Project

Hands-On Lab: Single Page Portfolio WebsiteВнешний инструментFinal Project Submission ChecklistЧтениеAI-Graded Submission and EvaluationВнешний инструмент(Optional) Publish your Portfolio to Github PagesЧтение

Course Wrap-up

Congratulations and Next StepsЧтениеA Message from the Course TeamЧтение
JavaScript DOM ObjectsВидео
Hands-On Lab: Manipulating DOM with JavaScriptВнешний инструмент
Hands-on Lab: JavaScript - Browser ConsoleЧтение
Enhancing JavaScript Skills using JSFiddlePLUGIN
Practice Quiz Задание