Vue.js Training
Level
AdvancedDuration
24h / 3 daysDate
Individually arrangedPrice
Individually arrangedVue.js Training
Vue.js is a modern and versatile JavaScript framework for building web applications. Its growing popularity is tied to a rapidly developing ecosystem and numerous commercial and open-source projects based on it. Effective use of Vue.js requires not only knowledge of its syntax and core features but also familiarity with modern JavaScript programming trends and design patterns for browser applications.
What You Will Learn
- The basic architecture of modern web applications and data flow principles
- Application performance optimization techniques
- Managing routing and multiple views
- Efficient design patterns for centralized state management with Vuex
- Implementing modern browser features in applications
- Advanced communication with external APIs, including authorization
Who is this training for?
Developers creating client-side applications with HTML/CSS/JS or other web technologies, including related frameworks (React.js, Angular)
Developers without prior frontend experience but familiar with JavaScript or working with Node.js
Training Program
Introduction
- Overview of Vue framework and ecosystem
- Configuring the development environment
- Using Vue and vue-cli tools effectively
Basic Application Structure
- Component design
- Communication between components
- Data flow in applications
- Designing reusable components and shared logic
Working with Styles
- Styling components and the entire application
- Inheritance and effective style sharing
- Advanced styling with Sass
Managing Views with vue-router
- Creating views
- Asynchronous views and components
- Configuring dynamic routes
Centralized Application State – Vuex
- Designing application state
- State modularity
- Implementation in components and views
Communication with APIs
- Creating configurable and reusable services
- Validating responses and storing data in the application state
- Formatting and displaying responses in components and views
Advanced API Communication
- Defining loading states
- Handling errors and notifying users
- User authorization with external services
Application Performance Profiling
- Key performance metrics
- Optimizing application loading
PWA Basics (Progressive Web Apps)
- PWA requirements
- Core PWA features
Deployment and CI/CD
- Production environment requirements
- Popular solutions for efficient JavaScript app deployment
- Example CI/CD process for JavaScript apps