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

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

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

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

Apply Front-End Web Development with HTML, CSS & JS

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

О курсе

By the end of this course, learners will be able to build structured web pages, style responsive layouts, implement interactive behavior using JavaScript, and design a professional portfolio website. Learners will apply HTML5 semantic elements, CSS layout and animation techniques, JavaScript core concepts, jQuery-based DOM manipulation, and Bootstrap’s responsive grid system to create modern, user-friendly front-end interfaces. This course benefits learners by guiding them through a complete front-end development journey—from foundational web concepts to practical, real-world implementation. Learners will gain hands-on experience with user events, drag-and-drop interactions, asynchronous programming with Promises, and responsive design principles that are essential for today’s web applications. By the end of the course, learners will be able to confidently design and structure a portfolio website that demonstrates practical front-end skills. What makes this course unique is its end-to-end, application-focused approach. Instead of isolated topics, concepts are progressively connected and reinforced through practical design scenarios and interface-building workflows. This structured progression helps learners move beyond theory to confidently apply front-end development skills in real-world projects and professional contexts.

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

Cascading Style Sheets (CSS)HTML and CSSFront-End Web DevelopmentResponsive Web DesignHypertext Markup Language (HTML)Bootstrap (Front-End Framework)Javascript and jQueryJavascriptEvent-Driven ProgrammingWeb ApplicationsWeb Design and DevelopmentUser Interface (UI)Web DevelopmentUI ComponentsWeb DesignjQueryAnimations

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

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

01Foundations of Modern Web Development12 материалов

Web Development Essentials

Introduction to Web DevelopmentВидеоHTML5 Core Elements OverviewВидеоWeb Development EssentialsЗадание

Events and User Interaction

HTML and JavaScript EventsВидео

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

EDUCBA

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

Apply Front-End Web Development with HTML, CSS & JS
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 13.7 ч

6 модулей

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

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

Часть программы вашего университета
Geolocation API in HTML5Видео
Events and User InteractionЗадание

Drag and Drop in Practice

Drag and Drop FundamentalsВидеоAdvanced Drag and Drop ImplementationВидеоDrag and Drop in PracticeЗаданиеApplying Core Web Fundamentals to Interactive Web PagesDIALOGUEGraded-Foundations of Modern Web DevelopmentЗаданиеReviewing Core Web Interactivity for a Client Landing PageDIALOGUE
02Styling the Web with CSS14 материалов

CSS Fundamentals

CSS Basics and SyntaxВидеоAdvanced CSS StylingВидеоHTML5 Main Element BasicsВидеоCSS FundamentalsЗадание

Layout and Structure

Practical Usage of Main ElementВидеоCSS Box Model ExplainedВидеоCSS Combination SelectorsВидеоLayout and StructureЗадание

Responsive and Animated Design

Responsive Design with Media QueriesВидеоBrowser Inspect Element ToolВидеоCSS Transitions ExplainedВидеоCSS AnimationsВидеоResponsive and Animated DesignЗаданиеGraded-Styling the Web with CSSЗадание
03JavaScript Core Concepts12 материалов

JavaScript Fundamentals

JavaScript Data TypesВидеоJavaScript Console UsageВидеоAdvanced JavaScript ConceptsВидеоJavaScript FundamentalsЗадание

Design Patterns and Interaction

Singleton Pattern ConceptВидеоSingleton Pattern ImplementationВидеоUser Interaction via ConsoleВидеоDesign Patterns and InteractionЗадание

Asynchronous JavaScript

JavaScript Promises IntroductionВидеоHandling Promises and ChainingВидеоAsynchronous JavaScriptЗаданиеGraded-JavaScript Core ConceptsЗадание
04DOM Manipulation and jQuery11 материалов

Getting Started with jQuery

Introduction to jQueryВидеоjQuery Selectors BasicsВидеоGetting Started with jQueryЗадание

Advanced Selectors and Events

Advanced jQuery SelectorsВидеоKeyboard Events BasicsВидеоAdvanced Keyboard Event HandlingВидеоAdvanced Selectors and EventsЗадание

HTML Attributes in Action

HTML Attributes and ValuesВидеоDynamic Attribute ManipulationВидеоHTML Attributes in ActionЗаданиеGraded-DOM Manipulation and jQueryЗадание
05Responsive Layouts with Bootstrap9 материалов

Bootstrap Essentials

Introduction to Bootstrap FrameworkВидеоBootstrap Fluid ContainersВидеоResponsive Layout with Fluid ContainersВидеоBootstrap EssentialsЗадание

Grid Systems and Pagination

Pagination Design and LogicВидеоBootstrap Grid System BasicsВидеоAdvanced Bootstrap Grid LayoutsВидеоGrid Systems and PaginationЗаданиеGraded-Responsive Layouts with BootstrapЗадание
06Building a Professional Portfolio Website12 материалов

Portfolio Structure and Styling

Portfolio Page StructureВидеоPortfolio Page StylingВидеоPortfolio Structure and StylingЗадание

Headers and Visual Enhancements

Portfolio Header DesignВидеоEnhancing Portfolio TitlesВидеоHeaders and Visual EnhancementsЗадание

Sections, Navigation, and Contact

Services Section DesignВидеоDark Navbar DesignВидеоContact Page DesignВидеоSections, Navigation, and ContactЗаданиеGraded-Building a Professional Portfolio WebsiteЗаданиеShipping an Interactive, Responsive Portfolio PageDIALOGUE