vuestep

Vue.js Developer

Fast JS framework for efficient frontend development

  • April 29
  • Professional
  • 3 months
  • Online
  • Tue/Thu 20:00 UTC
  • April 29
  • Professional
  • 3 months
  • Online
  • Tue/Thu 20:00 UTC

Who is this course for?

This course will help you quickly master Vue.js at an advanced level. While this framework is considered easier than others in the JavaScript ecosystem, behind its intuitive and simple syntax lies powerful capabilities, some of which can be missed during self-study.

The course will reveal advanced practical Vue.js solutions that will expand your technology stack.

JavaScript Developers

With HTML/CSS skills. You'll be able to use solutions that speed up and simplify the development process

Backend Developers

Aiming to become Fullstack. Vue.js is perfect for those who want to quickly add frontend skills

Beginning Vue Developers

The course will help expand and deepen framework skills to stand out among other candidates

Required Knowledge

  • Basic knowledge of JS, HTML and CSS
  • A plus: experience with jQuery or React, basic Git skills

What will you learn?

This course will help you master the flexible and powerful Vue.js framework for building modern and responsive web applications. Learn component architecture, Vue.js syntax, and reactive programming principles to create scalable and efficient applications. Gain practical skills and deep understanding of Vue.js to become a proficient web developer and bring your ideas to life in exciting projects.

  • Master advanced features of Vue, Vue-router, Vuex
  • Create and optimize SPA applications for production
  • Write clean and concise code with ES6/ES8/TypeScript
  • Write integration and unit tests with Jest, Cypress
  • Work with GraphQL, Firebase, Electron
  • Learn Webpack and Babel, master design patterns for complex Vue applications

Vue.js Advantages

Easy Start

Intuitive template syntax. Easy to add to existing projects, perfect for migrating legacy applications to a modern Vue platform.

Like React, but Faster to Develop

No need to learn specific concepts that are mandatory in React. Smaller library size and final bundle size. Like React, it has mobile UI development, TypeScript support, and SSR.

Like Angular, but Simpler

Ready-made packages for routing, state management, and testing. Uses modern development approaches: Web Components API and functional programming.

Convenient Development Tools

Generate projects from the command line with your chosen options: TypeScript, CSS preprocessors, unit test templates, and more.

Learning Process

Classes at OTUS are not pre-recorded material. Webinars are conducted in real-time, where practicing instructors discuss current cases and tools they need in their work now. You can actively participate verbally, practice, ask questions, and receive feedback. This format delivers real results.

And if you can’t attend a class in real-time, you can watch the recording and ask questions to the instructor in a private Telegram chat.

Portfolio

Individual development of project work. Create real-world applications that demonstrate your expertise and problem-solving abilities.

Experts

Code review from practicing specialists. Get personalized feedback and insights from experienced developers working in the industry.

Optimal Workload

Ability to combine studies with work. Flexible schedule and well-structured content allow you to learn at your own pace while maintaining your job.

Learning Format

Interactive Webinars

2 online broadcasts of 2 academic hours per week. Lifetime access to recordings and materials.

Practice

Homework assignments + project work to strengthen your portfolio and competencies.

Active Community

Communicate with instructors verbally during webinars, in a private Telegram chat, and during homework reviews.

Program

Vue Basics

In this module, we explore modern frontend development. We’ll learn about standards and tools, get started with Vue including installation and tool setup. We’ll cover basic templates, built-in directives, and component creation. We conclude with other Vue component properties needed for complex UI implementation.

  • Topic 1: Introduction to the course, modern web development
  • Topic 2: Vue introduction
  • Topic 3: Templates
  • Topic 4: Components props and events
  • Topic 5: Forms, slots, directives

We cover topics that enable writing complex Vue applications. Router for multi-page functionality and parameter reading/passing. Application state management – why it’s needed and how to implement it for Vue. We’ll explore testing and adding animation to components.

  • Topic 1: Vue router
  • Topic 2: Pinia data management
  • Topic 3: Testing Vue applications 1
  • Topic 4: QA session - composition API
  • Topic 5: Testing Vue applications 2
  • Topic 6: Reactive data, MVVM and Vue 3 features
  • Topic 7: Vue3 working with libraries

Specific solutions for Vue. Each of these is quite popular and you’ll definitely encounter them in practice.

  • Topic 1: Vue integrations: GraphQL
  • Topic 2: Vue integration with WebSockets
  • Topic 3: TypeScript
  • Topic 4: Desktop applications with Electron
  • Topic 5: SSR with Nuxt
  • Topic 6: Working with components and libraries in Nuxt
  • Topic 7: Project work theme selection and organization
  • Topic 8: Web components + Vue Animation
  • Topic 9: Code organization and Vue patterns
  • Topic 10: QA / Code review
  • Topic 11: Modern development tools, cloud, CI/CD

Student Reviews

Choose Your Plan

Standard

$150

  • ✔ Everything in Basic
  • ✔ Code review by experts
  • ✔ Personal mentor support
  • ✔ 6 months access

Professional

$250

  • ✔ Everything in Standard
  • ✔ 1-on-1 mentoring sessions
  • ✔ Career guidance
  • ✔ Lifetime access

Enterprise

$300

  • ✔ Everything in Professional
  • ✔ Custom learning path
  • ✔ Team collaboration features
  • ✔ Priority support