Vue.js is a progressive JavaScript framework used to build modern, fast and maintainable web interfaces.
This Vue.js training is designed for participants who want to develop Single Page Applications (SPA),
reusable frontend components and API-connected web applications with a project-based learning approach.
During the program, participants work with Vue CLI, components, computed properties, watchers,
Vue Router, state management with Vuex / Pinia, Axios, REST API integration, form validation,
reusable services, interceptors, Nuxt.js fundamentals and deployment practices.
Online-Live Training
The training can be followed live with the instructor and classmates via video conferencing tools. Participants can ask questions during the lesson,
follow coding practices in real time and develop project-based frontend applications.
Training Duration: 2 Months (120 Hours + Project Development)
Prerequisite: Basic HTML, CSS and JavaScript knowledge is recommended.
Opendart Academy plans to conduct software development trainings with strong academic and sectoral cooperation. For the Vue.js web programming program, you can also review the related Yıldız Technical University Continuing Education Center (YTÜ SEM) training page.
Vue.js is widely used in modern frontend development, corporate dashboards, admin panels, e-commerce interfaces,
SaaS products and Single Page Applications. This training helps participants build practical frontend skills
for real-world software projects.
After completing this Vue.js training, participants can work toward roles such as:
If you want to build modern web applications with Vue.js, Vue Router, API integration and state management, this training is designed for you.
Node Js Installation – Vue Cli installation
Vue Instance
Instance Lifecycle
Data Binding
Attribute Binding
Class Binding
Conditional Class Binding
Style Binding
Array Data Binding
Event Handling
Conditional Rendering
Computed Property - Computed
Computed Property - Setter
Computed Property - Method Difference
Computed Property - Filtering Lists
Watchers
Form Binding - Input, TextArea
Form Binding - Checkbox, Select
Form Binding - Radio
Form Validation
Local Filter
Global Filter
Custom DirectiveModule
Global Component Definition and Usage
Local Component Definition and Usage
Component Usage in CLI Project
Slot Tag Usage
Using Named Slot Tag
Component Property
Prop Validation
Children and Parent Properties
Emit Child-Parent
Parent-Child Method Invoke
Event Bus 1
Inline TemplateObject Launcher
Adding the Router Library
Router Identification
Giving Route Connections
Detecting Active Route Connection
Route Parameters
Programmatic Route Change
Hash / History Mode
Route Forwarding and Alias Usage
Defining a Nested Route
Using the Route Structure in the Project Created with Vue CLI
Capturing Incorrect Route Definitions
Monitoring Route Changes
Route Navigation Guard
Vue Resource
Working with JSON Documents
Retrieving Data from API Source
Creating a Simple API Server
Random Data Usage on Server
Working with HTTP Methods
Testing API Source with Postman
Using the Axios Library
Listing Records with Axios GET Method
Adding a New Record with Axios POST Method
Editing a Record with the Axios PUT Method
Deleting a Record with the Axios DELETE MethodUsing Lifecycle Methods
What is Vuex?
Creating a Shared Global State Structure
Vuex Setup
Using Vuex
Getter Definition
mapGetters Helper and Spread Operator
Mutation Definition
Mutation Parameters
Mutation DevTools Features (Commit, Revert, Time Travel)
Defining Action
mapActions Helper
Using State Data in Another Component
Module Structure
Animations and Transitions
Creating Transition Element and Fade Transition
Creating Custom Animations
Creating Animation with CSS Animation Feature
Component Transitions
Route Animations
Reusable Services, Mixin and Interceptor Structure
Creating a Reusable API Service
Creating API Resource Services
Interceptor Structure
Catching Errors with Interceptor
Mix Structure
Publishing the Project to the Server
This training is suitable for frontend developer candidates, JavaScript developers, software students, web developers and corporate teams that want to build modern SPA applications.
The program covers Vue.js, Vue CLI, components, computed properties, watchers, Vue Router, Vuex/Pinia, Axios, REST API integration, form validation, reusable services, Nuxt.js fundamentals and project deployment.
Yes. The training is delivered live online with hands-on coding practices and project-based exercises.
Yes. You can review the related Yıldız Technical University Continuing Education Center page here: YTU SEM Vue.js Web Programming Training.
Yes. The training aims to help participants build portfolio-ready Vue.js applications with routing, components, API integration and state management.
Date : 18/03/2023
Day : Saturday, Sunday, Weekend Noon
Location : Online(Live)
Time : 14:00-19:00
Duration: 120 Hours
Fee : There is a fee / Ask
This Vue.js web programming course is structured to help participants build modern frontend applications. The program focuses on practical SPA development, component-based architecture, API communication and maintainable frontend project structure.
HTML, CSS and JavaScript fundamentals → Vue.js basics → components → routing → API integration → state management → reusable services → Nuxt.js → deployment.
The Vue.js web programming training also has a related Yıldız Technical University Continuing Education Center page. This creates a strong academic and institutional trust signal for participants who want to evaluate the program through a university continuing education context.
This Vue.js training page is part of the Opendart Academy software education ecosystem. It is connected with Opendart Academy's sitemap and llms.txt resources to support Google indexing and AI discovery.