Course : Vue.js, mastering the open-source JavaScript framework
Practical course - 3d
- 21h00 - Ref. VJS
|
Download in PDF format
Share this course by email
 | Setting up development tools for Vue.js |
| Key Vue.js concepts |
| Structuring the source files of a Vue.js application |
| Be able to develop a Single Page App with Vue.js |
| Dialogging with a Back-End from a Vue.JS application |
| SSR tools for Vue.js |
Intended audience
Web developers, integrators, software architects.
Prerequisites
Good knowledge of HTML, mastery and practice of JavaScript (ES5 minimum).
Course schedule
1 The ecosystem of the modern JS developer
- ECMAScript 6: Javascript on the Web.
- What's new since ES6.
- Overview of TypeScript syntax.
Hands-on work
Make a small code example with async/await, import/export, const, let and arrow functions.
2 Using VueJS with Vite
- Setting up a project with Vite.
- The structure of an application.
- Create and manage a project with Vite.
Hands-on work
Create the Vue.js project that will serve as the basis for the rest of the course.
3 The components
- Components and Templating.
- Create your first component.
- Global styles.
- Local data.
- Event management.
- Properties and methods.
- Using Props.
- Using Slots.
- Component life cycle.
Hands-on work
Create project components and templating.
4 Divide your code into components
- Advantages of API composition.
- Create and use a component.
- Local state, reactive data.
- Composable functions.
- Picture transmission.
Hands-on work
Refactoring of application code: distribution into sub-components.
5 Managing navigation with Vue Router
- Installation of view-router.
- Create and display pages with view-router.
- Create and configure routes.
- Create nested routes.
- Create protected routes.
- 404 error handling.
- Transitions.
Hands-on work
Set up navigation with Vue router.
6 Managing APIs and Axios calls
- Setting up the API.
- List, read, add and update resources with Axios.
- Error handling.
- Using FetchAPI.
Hands-on work
Use of an API to an external server.
7 Data management with Pinia
- Data and display synchronization.
- Using the Store.
- Pinia installation.
- Create and use a store with the API option.
- Using the pinia-persisted-state plugin.
- Use of group transitions.
Hands-on work
Optimize application architecture by converting to Pinia.
8 To find out more...
- Functional components.
- Customized guidelines.
- Environment variables with Vite.
- Front-End application deployment.
- Environment variables with NodeJS.
- Back-End deployment.
- Essential tools for developing mobile applications.
- Using Server-Side Rendering - SSR.
- Using Pre-Rendering.
- Introduction to NuxtJS/VitePress.
Hands-on work
Improve application code quality.
Customer reviews
4,4 / 5
Customer reviews are based on end-of-course evaluations. The score is calculated from all evaluations within the past year. Only reviews with a textual comment are displayed.
LUDOVIC P.
24/06/26
5 / 5
The Vue.js course is of a very high standard, with clear and progressively structured content. The exercises are relevant and come with useful answer keys. Yohan, the trainer, is a good teacher, approachable and takes the time to explain things. Despite the mixed levels of the participants, he maintains a good atmosphere. An enriching and enjoyable course to follow.
ALEXANDRE L.
24/06/26
5 / 5
A brilliant trainer
IVAN L.
24/06/26
4 / 5
Because of the wide variation in the trainees’ levels of expertise on the subject, it was very difficult for the trainer to cater for everyone.As for me, I was a complete beginner when it came to front-end development and couldn’t always hold everyone back. So I found it difficult to keep up properly. It would be a good idea to ask about everyone’s level before the course so that trainees can be grouped according to their ability.
Publication date : 01/14/2025
PARTICIPANTS
Web developers, integrators, software architects.
PREREQUISITES
Good knowledge of HTML, mastery and practice of JavaScript (ES5 minimum).
TRAINER QUALIFICATIONS
The experts leading the training are specialists in the covered subjects. They have been approved by our instructional teams for both their professional knowledge and their teaching ability, for each course they teach. They have at least five to ten years of experience in their field and hold (or have held) decision-making positions in companies.
ASSESSMENT TERMS
The trainer evaluates each participant’s academic progress throughout the training using multiple choice, scenarios, hands-on work and more.
Participants also complete a placement test before and after the course to measure the skills they’ve developed.
TERMS AND DEADLINES
Registration must be completed 24 hours before the start of the training.
ACCESSIBILITY FOR PEOPLE WITH DISABILITIES
Do you need special accessibility accommodations? Contact Mrs. Fosse, Disability Manager, at psh-accueil@orsys.fr to review your request and its feasibility.
Web developers, integrators, software architects.
PREREQUISITES
Good knowledge of HTML, mastery and practice of JavaScript (ES5 minimum).
TRAINER QUALIFICATIONS
The experts leading the training are specialists in the covered subjects. They have been approved by our instructional teams for both their professional knowledge and their teaching ability, for each course they teach. They have at least five to ten years of experience in their field and hold (or have held) decision-making positions in companies.
ASSESSMENT TERMS
The trainer evaluates each participant’s academic progress throughout the training using multiple choice, scenarios, hands-on work and more.
Participants also complete a placement test before and after the course to measure the skills they’ve developed.
TEACHING AIDS AND TECHNICAL RESOURCES
• The main teaching aids and instructional methods used in the training are audiovisual aids, documentation and course material, hands-on application exercises and corrected exercises for practical training courses, case studies and coverage of real cases for training seminars.
• At the end of each course or seminar, ORSYS provides participants with a course evaluation questionnaire that is analysed by our instructional teams.
• A check-in sheet for each half-day of attendance is provided at the end of the training, along with a course completion certificate if the trainee attended the entire session.
• The main teaching aids and instructional methods used in the training are audiovisual aids, documentation and course material, hands-on application exercises and corrected exercises for practical training courses, case studies and coverage of real cases for training seminars.
• At the end of each course or seminar, ORSYS provides participants with a course evaluation questionnaire that is analysed by our instructional teams.
• A check-in sheet for each half-day of attendance is provided at the end of the training, along with a course completion certificate if the trainee attended the entire session.
TERMS AND DEADLINES
Registration must be completed 24 hours before the start of the training.
ACCESSIBILITY FOR PEOPLE WITH DISABILITIES
Do you need special accessibility accommodations? Contact Mrs. Fosse, Disability Manager, at psh-accueil@orsys.fr to review your request and its feasibility.
This programme is an original creation, developed by the teaching teams at ORSYS Formation. Any reproduction, representation, adaptation or use, in whole or in part, without the prior written authorisation of ORSYS, is strictly prohibited. ORSYS reserves the right to take any action necessary to protect its intellectual property rights.
Dates and locations
Select your location or opt for the remote class then choose your date.
Remote class
Dernières places
Date garantie en présentiel ou à distance
Session garantie
This programme is an original creation, developed by the teaching teams at ORSYS Formation. Any reproduction, representation, adaptation or use, in whole or in part, without the prior written authorisation of ORSYS, is strictly prohibited. ORSYS reserves the right to take any action necessary to protect its intellectual property rights.