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

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

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

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

Front-End Web Developer Bootcamp - HTML, CSS, JS, & React

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

О курсе

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. In this comprehensive bootcamp, you will dive deep into front-end web development using HTML, CSS, JavaScript, and React. Starting with the fundamentals of HTML5, you’ll build a solid foundation by learning about tags, attributes, and file structure. You’ll then move on to CSS3, where you’ll master styling techniques, responsive design, and modern CSS properties. From there, you will explore JavaScript, gaining proficiency in working with variables, operators, loops, and functions. The final leg of the course will introduce you to React.js, where you’ll learn component-based development, JSX, state management, and hooks, culminating in hands-on projects like building a calculator app and using a public API. The course flows systematically, starting with core concepts of HTML and CSS before moving on to more complex JavaScript programming, giving you the practical tools and knowledge you need to build dynamic, responsive websites. This course is perfect for beginners who want to get started in web development. If you’re new to programming and want to gain hands-on experience in building websites and apps, this course is for you. There are no prerequisites other than a curiosity for learning and an enthusiasm to get started. By the end of the course, you will be able to build fully functional websites and applications using HTML5, CSS3, JavaScript, and React.js, implement responsive design techniques, and interact with APIs to display dynamic content.

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

JavascriptHypertext Markup Language (HTML)React.jsCascading Style Sheets (CSS)HTML and CSSWeb DesignRestful APIResponsive Web DesignEvent-Driven ProgrammingUI ComponentsJavaScript FrameworksWeb DevelopmentFront-End Web Development

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

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

01Introduction to HTML57 материалов

Introduction to HTML5

IntroductionВидеоFull Course ResourcesЧтениеFeatures of HTML5ВидеоBenefits of Using HTML5Видео

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

Packt - Course Instructors

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

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

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 28.5 ч

35 модулей

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

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

Часть программы вашего университета
Where and How Is HTML5 Used?Видео
HTML5 EditorsВидео
Downloading Visual Studio CodeВидео
02Structure of an HTML5 File6 материалов

Structure of an HTML5 File

What Are HTML Tags?ВидеоStructure of an HTML5 FileВидеоFile and Folder StructureВидеоHow to Create an HTML5 File?ВидеоUnderstanding HTML Tags and Document StructureDIALOGUEStructure of an HTML5 File - AssessmentЗадание
03HTML5 Basic Building Blocks7 материалов

HTML5 Basic Building Blocks

Heading Tags in HTMLВидеоHTML5 Quotation and Citation TagsВидеоCommenting Out Code in HTML5ВидеоHTML5 AttributesВидеоHow to Style in HTML5ВидеоUnderstanding HTML Tags and AttributesDIALOGUEHTML5 Basic Building Blocks - AssessmentЗадание
04Exploring HTML5 Tags10 материалов

Exploring HTML5 Tags

What Are Anchor Tags?ВидеоWhat Are Image Tags?ВидеоWhat Are Paragraph Tags?ВидеоWhat Are Break Tags?ВидеоWhat Are Table Tags?ВидеоList TagsВидеоVideo TagВидеоAudio TagВидеоCreating Hyperlinks and Embedding Media in HTMLDIALOGUEExploring HTML5 Tags - AssessmentЗадание
05Building a Form from Scratch with HTML57 материалов

Building a Form from Scratch with HTML5

Form TagsВидеоInput TypesВидеоInput Attributes (Size, Read-Only, Disabled)ВидеоAdditional Input Attributes (Min, Max, Multiple, and Placeholder)ВидеоRequired InputsВидеоUnderstanding HTML Form Inputs and AttributesDIALOGUEBuilding a Form from Scratch with HTML5 - AssessmentЗадание
06Block and Inline Elements4 материалов

Block and Inline Elements

IntroductionВидеоExamining Block and Inline ElementsВидеоDistinguishing Block and Inline HTML ElementsDIALOGUEBlock and Inline Elements - AssessmentЗадание
07Conclusion (HTML5 Part)3 материалов

Conclusion (HTML5 Part)

ConclusionВидеоUnderstanding the Role of HTML Tags and StructureDIALOGUEConclusion (HTML5 Part) - AssessmentЗадание
08Introduction to CSS37 материалов

Introduction to CSS3

Introduction to CSS3ВидеоSyntax of CSS3ВидеоUses of CSS3ВидеоTypes of CSS3ВидеоSelectors and Colors in CSS3ВидеоGetting Started with CSS: Selectors and StylesDIALOGUEIntroduction to CSS3 - AssessmentЗадание
09Basics Properties of CSS37 материалов

Basics Properties of CSS3

BackgroundВидеоBordersВидеоOutlineВидеоHeight and WidthВидеоMargin and PaddingВидеоMastering CSS Backgrounds, Borders, and SpacingDIALOGUEBasics Properties of CSS3 - AssessmentЗадание
10Typography Properties of CSS38 материалов

Typography Properties of CSS3

Text AlignmentВидеоText DecorationВидеоText TransformВидеоText SpacingВидеоFont FamilyВидеоHow to Use Font Awesome IconsВидеоUnderstanding CSS Text Alignment and Decoration PropertiesDIALOGUETypography Properties of CSS3 - AssessmentЗадание
11Selectors Properties in Depth of CSS311 материалов

Selectors Properties in Depth of CSS3

DisplayВидеоPositionsВидеоZ-IndexВидеоOverflowВидеоFloatВидеоDOM ModelВидеоPseudo-Classes Part 1ВидеоPseudo-Classes part 2ВидеоPseudo-ElementsВидеоCSS Display and Positioning PropertiesDIALOGUESelectors Properties in Depth of CSS3 - AssessmentЗадание
12Extra Features in CSS35 материалов

Extra Features in CSS3

Opacity and ImportantВидеоBorder-RadiusВидеоBox ShadowВидеоMastering CSS Opacity, !important, Border Radius, and Box ShadowDIALOGUEExtra Features in CSS3 - AssessmentЗадание
13Responsive Design with CSS35 материалов

Responsive Design with CSS3

Grid SystemВидеоFlexboxВидеоMedia QueriesВидеоUnderstanding CSS Grid and Flexbox PropertiesDIALOGUEResponsive Design with CSS3 - AssessmentЗадание
14Mini Project3 материалов

Mini Project

Mini ProjectВидеоUnderstanding CSS and HTML Styling Through a Mini ProjectDIALOGUEMini Project - AssessmentЗадание
15Introduction to JavaScript6 материалов

Introduction to JavaScript

Introduction and History of JavaScriptВидеоSyntax of JavaScript and OverviewВидеоJavaScript ImplementationВидеоHow to Use HTML Tags in JavaScriptВидеоUnderstanding JavaScript Variables, Syntax, and Output MethodsDIALOGUEIntroduction to JavaScript - AssessmentЗадание
16Variables5 материалов

Variables

Var in JavaScriptВидеоGlobal and Local Var in JavaScriptВидеоAdvanced console.logВидеоUnderstanding JavaScript Variables: var, let, const, and ScopeDIALOGUEVariables - AssessmentЗадание
17Statements in JavaScript9 материалов

Statements in JavaScript

If StatementВидеоIf Else StatementВидеоCondition Ternary StatementВидеоSwitch StatementВидеоIf Else If StatementВидеоBreak and Continue StatementВидеоData TypesВидеоMastering JavaScript Conditional Statements and Data TypesDIALOGUEStatements in JavaScript - AssessmentЗадание
18Operators in JavaScript5 материалов

Operators in JavaScript

Arithmetic OperatorВидеоAssignment OperatorВидеоComparison OperatorВидеоUnderstanding Arithmetic and Comparison Operators in JavaScriptDIALOGUEOperators in JavaScript - AssessmentЗадание
19Popup Boxes in JavaScript8 материалов

Popup Boxes in JavaScript

Alert BoxesВидеоConfirm BoxВидеоPrompt BoxВидеоFunctionsВидеоFunctions with ParametersВидеоFunction with ReturnВидеоCreating and Handling Alert, Confirm, and Prompt Boxes in JavaScriptDIALOGUEPopup Boxes in JavaScript - AssessmentЗадание
20Events in JavaScript3 материалов

Events in JavaScript

Events in JavaScriptВидеоUtilizing JavaScript Events in User InteractionDIALOGUEEvents in JavaScript - AssessmentЗадание
21Loops in JavaScript6 материалов

Loops in JavaScript

While LoopВидеоDo While LoopВидеоFor LoopВидеоNested LoopВидеоMastering JavaScript Loops (while, do-while, for, nested)DIALOGUELoops in JavaScript - AssessmentЗадание
22Arrays in JavaScript17 материалов

Arrays in JavaScript

ArraysВидеоModify and Delete ArraysВидеоSort and Reverse MethodsВидеоPop and Push MethodsВидеоShift and Unshift MethodsВидеоConcat and Join MethodsВидеоSlice and Splice MethodsВидеоThe isArray MethodВидеоIndexof and lastindex MethodsВидеоThe forEach MethodВидеоThe toString(), valueOf(), and fill() MethodsВидеоInclude MethodВидеоSome and Every MethodsВидеоFind and findIndex MethodsВидеоFilter MethodВидеоExploring JavaScript Arrays and Their MethodsDIALOGUEArrays in JavaScript - AssessmentЗадание
23Objects and Their Methods5 материалов

Objects and Their Methods

ObjectsВидеоArrays ObjectsВидеоFor-In LoopВидеоUsing and Displaying JavaScript ObjectsDIALOGUEObjects and Their Methods - AssessmentЗадание
24String and Its Methods5 материалов

String and Its Methods

String Methods - Part 1ВидеоString Methods - Part 2ВидеоString Methods - Part 3ВидеоUnderstanding String Methods in JavaScriptDIALOGUEString and Its Methods - AssessmentЗадание
25JavaScript Number Methods6 материалов

JavaScript Number Methods

Number MethodsВидеоMath Method - Part 1ВидеоMath Method - Part 2ВидеоDate MethodВидеоUnderstanding JavaScript Number MethodsDIALOGUEJavaScript Number Methods - AssessmentЗадание
26DOM Model16 материалов

DOM Model

DOM ModelВидеоDOM Other ObjectsВидеоDOM Get MethodsВидеоDOM StylingВидеоaddEventListener (Events)ВидеоuseCaptureВидеоclassList MethodВидеоParent NodesВидеоChildren NodesВидеоFirst and Last ChildВидеоNext and Previous SiblingsВидеоCreate Element Text NodeВидеоAppend Child and Insert BeforeВидеоInsert Adjacent Element and Insert Adjacent HTMLВидеоUsing DOM Methods to Traverse HTML ElementsDIALOGUEDOM Model - AssessmentЗадание
27Conclusion3 материалов

Conclusion

ConclusionВидеоUnderstanding JavaScript Basics and DOM ManipulationDIALOGUEConclusion - AssessmentЗадание
28Introduction to React: A JS Library for Building User Interfaces5 материалов

Introduction to React: A JS Library for Building User Interfaces

Introduction to React.JSВидеоFirst React AppВидеоJSX In React.JSВидеоUnderstanding React JS Components and SyntaxDIALOGUEIntroduction to React: A JS Library for Building User Interfaces - AssessmentЗадание
29Styling Components Hooks7 материалов

Styling Components Hooks

Inline and Internal Styling in React.JSВидеоTemplate Literals in React.JSВидеоComponents in React.JSВидеоProps in React.JSВидеоHooks in Reacts.JSВидеоApplying Inline and Internal CSS Styling in JSXDIALOGUEStyling Components Hooks - AssessmentЗадание
30Hierarchy Rendering and Advanced Hooks5 материалов

Hierarchy Rendering and Advanced Hooks

Understanding Hierarchy in React.JSВидеоConditional RenderingВидеоuseEffect Hook in React.JSВидеоUnderstanding React Hierarchy and Conditional RenderingDIALOGUEHierarchy Rendering and Advanced Hooks - AssessmentЗадание
31DOM6 материалов

DOM

React-Router-DOMВидеоLinking in React-Router-DOMВидеоHandling Error Pages with React-Router-DOMВидеоUsing the useNavigate() HookВидеоUnderstanding React Router DOM Routing and LinkingDIALOGUEDOM - AssessmentЗадание
32Projects4 материалов

Projects

First Project (Part 1)ВидеоFirst Project (Part 2)ВидеоUnderstanding useState Hook in React JSDIALOGUEProjects - AssessmentЗадание
33Building a Calculator App4 материалов

Building a Calculator App

Building a Calculator - Part 1ВидеоBuilding a Calculator - Part 2ВидеоUnderstanding React JS Calculator Implementation with HooksDIALOGUEBuilding a Calculator App - AssessmentЗадание
34Using the Pokémon API7 материалов

Using the Pokémon API

Building a Restful API in React.JS - Part 1ВидеоBuilding a Restful API in React.JS - Part 2ВидеоBuilding a Restful API in React.JS - Part 3ВидеоUsing array.map() Inside JSX ElementsВидеоHow to Use Material UI in React.JSВидеоUnderstanding and Fetching Data from APIs in ReactDIALOGUEUsing the Pokémon API - AssessmentЗадание
35Conclusion3 материалов

Conclusion

ConclusionВидеоFull Course Practice AssessmentЗаданиеFull Course AssessmentЗадание