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

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

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

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

HTML, CSS, and JavaScript Basics with Simple Projects

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

О курсе

This course 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 introduces the core web development technologies—HTML, CSS, and JavaScript—through fun, hands-on projects. You’ll begin by setting up your environment using Visual Studio Code. Then, you’ll build real-world mini projects like a Photo Gallery, BMI Calculator, Currency Converter, and Note App to master the fundamentals of structure, styling, and interactivity. Each section combines coding exercises with clear explanations, helping you create visually appealing and functional web pages. As you progress, you’ll explore more creative projects like a Random Quote Generator and Feedback UI to enhance your problem-solving and design skills. This course is ideal for beginners, students, and aspiring web developers. No prior coding experience is required—just curiosity and a passion for learning. By the end, you’ll be able to build interactive websites from scratch and confidently apply HTML, CSS, and JavaScript to create engaging user experiences.

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

JavascriptCascading Style Sheets (CSS)Hypertext Markup Language (HTML)Responsive Web DesignUser Interface (UI) DesignUser Experience DesignWeb ApplicationsHTML and CSSMicrosoft Visual StudioWeb Development ToolsWeb DesignWeb Design and DevelopmentFront-End Web DevelopmentDevelopment EnvironmentWeb Development

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

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

01Introduction and Essential Installations4 материалов

Introduction and Essential Installations

Introduction to the SpecializationВидеоIntroduction to the Course 'HTML, CSS, and JavaScript Basics with Simple Projects'ЧтениеFull Specialization ResourcesЧтениеInstalling VS Code and Its ExtensionsВидео
02

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

Packt - Course Instructors

Преподаватель курса

HTML, CSS, and JavaScript Basics with Simple Projects
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 18.9 ч

12 модулей

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

Субтитры: Арабский, Французский, Итальянский, Бразильский португальский, Корейский, Индонезийский, Испанский, Японский

Часть программы вашего университета
Project - Photo Gallery6 материалов

Project - Photo Gallery

Preview - Photo GalleryВидеоHTML - Photo GalleryВидеоCSS - Photo GalleryВидеоJavaScript - Photo GalleryВидеоBuilding the Photo Gallery App — From HTML to API IntegrationDIALOGUEProject - Photo Gallery - AssessmentЗадание
03Project - English Dictionary6 материалов

Project - English Dictionary

Preview - English DictionaryВидеоHTML - English DictionaryВидеоCSS - English DictionaryВидеоJavaScript - English DictionaryВидеоBuilding a Dictionary Web App with API IntegrationDIALOGUEProject - English Dictionary - AssessmentЗадание
04Project - Note App6 материалов

Project - Note App

Preview - Note AppВидеоHTML - Note AppВидеоCSS - Note AppВидеоJavaScript - Note AppВидеоCreating a Dynamic Note App with JavaScript and Local StorageDIALOGUEProject - Note App - AssessmentЗадание
05Project - BMI Calculator6 материалов

Project - BMI Calculator

Preview - BMI CalculatorВидеоHTML - BMI CalculatorВидеоCSS - BMI CalculatorВидеоJavaScript - BMI CalculatorВидеоUnderstanding and Debugging BMI Calculator CodeDIALOGUEProject - BMI Calculator - AssessmentЗадание
06Project - Random Quote Generator6 материалов

Project - Random Quote Generator

Preview - Random Quote GeneratorВидеоHTML - Random Quote GeneratorВидеоCSS - Random Quote GeneratorВидеоJavaScript - Random Quote GeneratorВидеоFetching and Displaying Random Quotes with API and Loading EffectsDIALOGUEProject - Random Quote Generator - AssessmentЗадание
07Project - Temperature Converter6 материалов

Project - Temperature Converter

Preview - Temperature ConverterВидеоHTML - Temperature ConverterВидеоCSS - Temperature ConverterВидеоJavaScript - Temperature ConverterВидеоUnderstanding Temperature Conversion LogicDIALOGUEProject - Temperature Converter - AssessmentЗадание
08Project - Currency Converter6 материалов

Project - Currency Converter

Preview - Currency ConverterВидеоHTML - Currency ConverterВидеоCSS - Currency ConverterВидеоJavaScript - Currency ConverterВидеоUsing Fetch API to Retrieve Currency Conversion RatesDIALOGUEProject - Currency Converter - AssessmentЗадание
09Project - Loan Calculator6 материалов

Project - Loan Calculator

Preview - Loan CalculatorВидеоHTML - Loan CalculatorВидеоCSS - Loan CalculatorВидеоJavaScript - Loan CalculatorВидеоUnderstanding and Calculating Loan Payments with JavaScriptDIALOGUEProject - Loan Calculator - AssessmentЗадание
10Project - Random Emoji6 материалов

Project - Random Emoji

Preview - Random EmojiВидеоHTML - Random EmojiВидеоCSS - Random EmojiВидеоJavaScript - Random EmojiВидеоBuilding a Random Emoji Generator: HTML, CSS, and JavaScript FoundationsDIALOGUEProject - Random Emoji - AssessmentЗадание
11Project - Weight Converter6 материалов

Project - Weight Converter

Preview - Weight ConverterВидеоHTML - Weight ConverterВидеоCSS - Weight ConverterВидеоJavaScript - Weight ConverterВидеоCreating a Weight Converter with JavaScript, HTML, and CSSDIALOGUEProject - Random Emoji - AssessmentЗадание
12Project - Feedback UI9 материалов

Project - Feedback UI

Preview - Feedback UIВидеоHTML - Feedback UIВидеоCSS - Feedback UIВидеоJavaScript - Feedback UIВидеоImplementing Feedback Selection and DisplayDIALOGUEConclusion to the Course 'HTML, CSS, and JavaScript Basics with Simple Projects'ЧтениеProject - Feedback UI - AssessmentЗаданиеFull Course Practice AssessmentЗаданиеFull Course AssessmentЗадание