When does class start/end?
Class hours may vary, please reach out to contact@ascendientlearning.com if you have any questions.
Web Applications with Vue.js, Node.js, and MongoDB
This web applications training gives learners a full introduction to modern full-stack development, including syntax, conventions, and best practices of modern JavaScript development. The course...
Read MoreOverview
This web applications training gives learners a full introduction to modern full-stack development, including syntax, conventions, and best practices of modern JavaScript development. The course thoroughly covers Vue.js, Node.js, and MongoDB. Through a series of hands-on exercises and demonstrations, students learn how to develop and test complete Vue/Node/Mongo applications. After an optional overview of JavaScript, learners dive into the fundamentals of using Node and Express to build an API for the Vue frontend application with a MongoDB database. Learners discover how to connect the Vue frontend with the Node.js backend.
Skills Gained
After taking this course, students will be able to:
- Install, configure, and use modern web tooling
- Create test suites for Vue
- Understand what Vue.js is and what problem it solves
- Know the basic architecture of a Vue.js application
- Build a Single Page Application with Vue Router
- Use Pinia for maintaining state in a Vue.js application
- Apply Vue best practices
- Code web applications and RESTful APIs with Node.js
- Connect Node.js to MongoDB
Prerequisites
All students should have experience with HTML5, CSS3, and JavaScript.
Course Details
Basic JavaScript (optional)
- How JavaScript Works
- JavaScript Syntax
- JavaScript Data Types
- JavaScript Primitives
- Variables and Arrays
- Variable Scoping with const and let
- JavaScript Operators
- Template Literals
- Functions
- Arrow Functions
- JavaScript Objects
- Prototypal Inheritance
Advanced JavaScript (optional)
- Default Parameter Handling
- Rest Parameter
- Spread Operator
- Tagged Template Literals
- Enhanced Object Properties
- Property Shorthand
- Method notation
- Array Matching
- Object Matching
- Symbol Primitive
- For-Of Operator
- Creating and Consuming Generator Functions
- Class Definition
- Class Inheritance
- Understanding this
- Array.map()
- Array.filter()
- Array.reduce()
- Promises
- Async / Await
TypeScript Basics
Vue QuickStart
- What is Vue.js?
- Vue vs React and Angular
- Virtual DOM
- What's New in Vue 3
- Two ways to write Vue Components
- Code Editors and IDEs
- Volar extension
- Lab 1: Vue 3 Quick Start
- Lab 2: Your First Component
- Lab 3: Create More Components
- Lab 4: Testing Vue
- Lab 5: Manual In-Browser Testing and Debugging
- Getting Started with Vue.Js
- Basic Vue.Js Features
- Creating and Mounting a Vue App
- Configuring an App
- Which Style Should You Use?
- Vue Templates
- Vue.js Directives
- Loops and Lists
- Conditional Rendering
- Lab 6: Static Version
- Using Filters
- Binding HTML Classes
- Adding Styles Conditionally
- Binding Styles
- Lab 7: Styling Vue Components
- Computed Properties
- Vue State
- Vue with TypeScript
- Lab 09: Methods and State + TypeScript
- Event Handling
- Lab 10: Events
- Watchers
- Vue Instance Lifecycle
- Lab 11: Component Lifecycle
- Vue and Forms
- Lab 12: Forms
- Vue Components
- Content Distribution with Slots
- Lab 13: Slots
- Loading Your Components Asynchronously
- Lab 14: Composition API
- Introducing Pinia
- Lab 15: Pinia
- Single-Page Applications
- Lab 16: Routing
- Lab 17: AJAX with Pinia
- Transitions and Animations
- Custom Transition Classes
- Optional Lab: Transitions and Animation
Intro to Node.js
- What is Node.js?
- How Does Node.js Work?
- Blocking code
- Non-Blocking code
- V8 JavaScript Engine
- Node's REPL
- Running a Node.js program
- Lab 18: Basic Setup
- Callbacks
- Modules Overview
- CommonJS Example
- Using Modules
- Modules vs. Packages
- Sources of Modules
- Node's Core Modules
- Buffer Objects
- Modularizing Your Code
- Returning Values from Modules
- Using a Local Module
- Optional Lab: Creating Modules
- ES6 Modules
- events and Streams
- Non-blocking with Events
- Events
- Node Stream Objects
- Optional Lab: Working with Streams
- The pipe method
- Optional Lab: Piping Between Streams
- The process Object
- Command Line Arguments
- Optional Lab: The process object
- Understanding Callbacks
- Using Node's Error Convention
- Node on the Web
- Using Express
- Lab 19: Routing
- Lab 20: More Routing
- Lab 21: The req and res Objects
- Lab 22: Implementing the GET method
- Lab 23: Implementing the POST method
- Lab 24: Implementing the DELETE method
- Lab 25: Implementing the PUT method
- Lab 26: Middleware
- Database Access with Node.js
- Lab 27: Vue and Mongo
Conclusion
Schedule
FAQ
Does the course schedule include a Lunchbreak?
Classes typically include a 1-hour lunch break around midday. However, the exact break times and duration can vary depending on the specific class. Your instructor will provide detailed information at the start of the course.
What languages are used to deliver training?
Most courses are conducted in English, unless otherwise specified. Some courses will have the word "FRENCH" marked in red beside the scheduled date(s) indicating the language of instruction.
What does GTR stand for?
GTR stands for Guaranteed to Run; if you see a course with this status, it means this event is confirmed to run. View our GTR page to see our full list of Guaranteed to Run courses.
How do I find an Ascendient Learning training location?
We have training locations across the United States and Canada - View a complete list of classroom training locations.
Which delivery formats are available?
At Ascendient Learning, we offer training that is Instructor-Led, Online, Virtual, and Self-Paced.
Does Ascendient Learning deliver group training?
Yes, we provide training for groups, individuals and private on sites. View our group training page for more information.
What does vendor-authorized training mean?
As a vendor-authorized training partner, we offer a curriculum that our partners have vetted. We use the same course materials and facilitate the same labs as our vendor-delivered training. These courses are considered the gold standard and, as such, are priced accordingly.
Is the training too basic, or will you go deep into technology?
It depends on your requirements, your role in your company, and your depth of knowledge. The good news about many of our learning paths, you can start from the fundamentals to highly specialized training.
How up-to-date are your courses and support materials?
We continuously work with our vendors to evaluate and refresh course material to reflect the latest training courses and best practices.
Are your instructors seasoned trainers who have deep knowledge of the training topic?
Ascendient Learning instructors have an average of 27 years of practical IT experience and have also served as consultants for an average of 15 years. To stay current, instructors spend at least 25 percent of their time learning new, emerging technologies and courses.
Do you provide hands-on training and exercises in an actual lab environment?
Lab access is dependent on the vendor and the type of training you sign up for. However, many of our top vendors will provide lab access to students to test and practice. The course description will specify lab access.
Will you customize the training for our company’s specific needs and goals?
We will work with you to identify training needs and areas of growth. We offer a variety of training methods, such as private group training, on-site of your choice, and virtually. We provide courses and certifications that are aligned with your business goals.
How do I get started with certification?
Getting started on a certification pathway depends on your goals and the vendor you choose to get certified in. Many vendors offer entry-level IT certification to advanced IT certification that can boost your career. To get access to certification vouchers and discounts, please contact info@ascendientlearning.com.
Will I get access to content after I complete a course?
You will get access to the PDF of course books and guides, but access to the recording and slides will depend on the vendor and type of training you receive.
How do I request a W9 for Ascendient Learning?
View our filing status and how to request a W9.
Reviews
They are very good and made sure we had all the appropriate materials for class.
Provided good amount of material and a great instructor to teach the material.
I didn't have any problem navigating Exitcertified website or lab material at all.
Courseware was effective but would like to have some PDF material on BPML and XPATH
This was effective way to provide a ton of information in a short time period.
