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

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

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

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Vue.js 3 for Beginners: Build Modern Web Applications · LearnSpace
Назад в каталог
courseraПрограммирование

Vue.js 3 for Beginners: Build Modern Web Applications

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

О курсе

Vue.js 3 for Beginners offers a practical, step-by-step approach to mastering the fundamentals of Vue.js. This course covers key concepts, tools, and best practices to help learners develop modern, scalable web applications. It focuses on component-based architecture, Vue Router, Pinia, and testing frameworks, making it an essential resource for aspiring web developers. As you progress through the course, you’ll apply your learning by building a fully functional web application. With hands-on examples and clear explanations, this course will guide you through the key features of Vue.js, ensuring you gain valuable skills for real-world application development. What sets this course apart is its practical, hands-on approach to teaching Vue.js, with a focus on building applications that are both scalable and maintainable. By the end of the course, you’ll have the confidence to apply your Vue.js knowledge to any web development project. This course is perfect for aspiring web developers, students, or hobbyists with a basic understanding of HTML, CSS, and JavaScript who are eager to learn Vue.js and apply it to create web applications.

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

Vue.JSWeb DevelopmentWeb ApplicationsSoftware TestingData ValidationMaintainabilityFront-End Web DevelopmentTest ToolsData StoreJavascriptUnit TestingDevelopment TestingUI ComponentsHTML and CSSHypertext Markup Language (HTML)JavaScript FrameworksSoftware Architecture

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

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

01Getting Started with Vue.js7 материалов

Lesson 1

Course OverviewВидеоIntroductionЧтениеThe Core Areas of a Web ApplicationЧтениеBuilding a Vue.js Application with Core Web ArchitectureЗадание

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

Packt - Course Instructors

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

Vue.js 3 for Beginners: Build Modern Web Applications
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 23.4 ч

14 модулей

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

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

Часть программы вашего университета
Component-based ArchitectureЧтение
Atomic DesignЧтение
Exploring Book Structure and Development PrinciplesЗадание
02The Foundation of Vue.js8 материалов

Lesson 1

The Foundation of Vue.js - Overview VideoВидеоIntroductionЧтениеUnderstanding the Vue.js Lifecycle and HooksЧтениеVue.js Reactivity and Component LifecycleЗаданиеVue.js Component StructureЧтениеPractice: Compare Vue.js API StylesDIALOGUEOptions API Versus Composition API Two Sides of the Same CoinЧтениеVue.js Fundamentals and Component BehaviorЗадание
03Making Our HTML Dynamic8 материалов

Lesson 1

Making Our HTML Dynamic - Overview VideoВидеоIntroductionЧтениеSRCЧтениеIntroducing PropertiesЧтениеPractice: Designing Components with Props and StateDIALOGUELearning Vue.js Reactive Data with Refs and ReactiveЧтениеAdding Refs to SocialPost VueЧтениеMastering Dynamic Content in Web ApplicationsЗадание
04Utilizing Vue’s Built-In Directives for Effortless Development7 материалов

Lesson 1

Utilizing Vue’s Built-In Directives for Effortless Development - Overview VideoВидеоIntroductionЧтениеModifying the Inner HTML of an Element with v-htmlЧтениеKeeping the DOM Clean and Performant with v-ifЧтениеReflect: Choosing Between v-if and v-showDIALOGUESimplifying Your Template with v-forЧтениеMastering Vue Directives for Dynamic UI DevelopmentЗадание
05Leveraging Computed Properties and Methods in Vue.js7 материалов

Lesson 1

Leveraging Computed Properties and Methods in Vue.js - Overview VideoВидеоIntroductionЧтениеCreating Dynamic Data Using Computed PropertiesЧтениеPractice: Choosing Between Computed Properties and MethodsDIALOGUEFormatting Your DataЧтениеTechnical DifferencesЧтениеMastering Vue.js Computed Properties and MethodsЗадание
06Event and Data Handling in Vue.js7 материалов

Lesson 1

Event and Data Handling in Vue.js - Overview VideoВидеоIntroductionЧтениеDeepening Our Knowledge of PropsЧтениеHandling Native Events in Vue.jsЧтениеPractice: Design a Reusable Event StrategyDIALOGUEEvent ModifiersЧтениеMastering Events and Data in Vue.jsЗадание
07Handling API Data and Managing Async Components with Vue.js8 материалов

Lesson 1

Handling API Data and Managing Async Components with Vue.js - Overview VideoВидеоIntroductionЧтениеFixing the SocialPost.vue Properties MisalignmentЧтениеLoad Comments on DemandЧтениеReflect: Balancing Performance and Responsiveness in Vue.jsDIALOGUEWatching for Changes in Components Using WatchЧтениеHandling Asynchronous Components with <Suspense>ЧтениеMastering Asynchronous Components and API Integration in Vue.jsЗадание
08Testing Your App with Vitest and Cypress9 материалов

Lesson 1

Testing Your App with Vitest and Cypress - Overview VideoВидеоIntroductionЧтениеUnit Testing with VitestЧтениеE2E Tests with CypressЧтениеPractice: Devising a Testing StrategyDIALOGUELearning the E2E Tests' File Format and File LocationЧтениеWriting Your First E2E TestЧтениеIntroducing Advanced Testing TechniquesЧтениеTesting Fundamentals and Best PracticesЗадание
09Introduction to Advanced Vue.js Techniques – Slots, Lifecycle, and Template Refs8 материалов

Lesson 1

Introduction to Advanced Vue.js Techniques – Slots, Lifecycle, and Template Refs - Overview VideoВидеоIntroductionЧтениеProvide Multiple Slots with Named SlotsЧтениеPractice: Designing a Component's Slot APIDIALOGUEAccessing Components Elements with Template RefsЧтениеAccess from Native ValidationЧтениеSave and Read the User Preference in LocalStorageЧтениеVue.js Advanced Concepts ReviewЗадание
10Handling Routing with Vue Router8 материалов

Lesson 1

Handling Routing with Vue Router - Overview VideoВидеоIntroductionЧтениеCreating Our First ViewЧтениеDynamic Route MatchingЧтениеPractice: Design a Nested Routing StructureDIALOGUECreating a User Profile RouteЧтениеReading Route Parameters in a Route ComponentЧтениеMastering Vue Router Navigation and ConfigurationЗадание
11Managing Your Application’s State with Pinia8 материалов

Lesson 1

Managing Your Application’s State with Pinia - Overview VideoВидеоIntroductionЧтениеLearning About the Structure of a Pinia StoreЧтениеCentralized Sidebar State Management with PiniaЧтениеPractice: Deciding What Belongs in a Pinia StoreDIALOGUECreating Our First StoreЧтениеIntroducing the Notion of GettersЧтениеMastering State Management with PiniaЗадание
12Achieving Client-Side Validation with VeeValidate8 материалов

Lesson 1

Achieving Client-Side Validation with VeeValidate - Overview VideoВидеоIntroductionЧтениеSetting Your Form to Be AutocompletedЧтениеControlling Your Form Using VeeValidateЧтениеPractice: Design a Form Validation StrategyDIALOGUEDefining Your Form Validation with VeeValidateЧтениеUsing VeeValidate RulesЧтениеForm Validation and User Experience FundamentalsЗадание
13Unveiling Application Issues with the Vue Devtools7 материалов

Lesson 1

Unveiling Application Issues with the Vue Devtools - Overview VideoВидеоIntroductionЧтениеDebugging Components in Your Vue DevtoolsЧтениеPractice: Debugging a UI Bug with Vue DevtoolsDIALOGUEMonitoring ChangesЧтениеAnalyzing Additional Data with Vue Devtools PluginsЧтениеMastering Vue Devtools for Application DebuggingЗадание
14Advanced Resources for Future Reading8 материалов

Lesson 1

Advanced Resources for Future Reading - Overview VideoВидеоIntroductionЧтениеRequest For Comments RFCЧтениеCore FeaturesЧтениеPractice: Design Your Advanced Vue.js Learning RoadmapDIALOGUEContribute Back to the CommunityЧтениеLet’s Look Back at What We’ve AchievedЧтениеExploring Advanced Vue.js Resources and Community EngagementЗадание