COURSE OUTLINE

Day 1 – Vue.js and MEVN Fundamentals

·      Module 1: Introduction to MEVN Stack

o  Understanding full-stack web development

o  MEVN stack architecture

o  MongoDB, Express.js, Vue.js and Node.js overview

o  Frontend vs backend development

o  Client-server architecture

o  Setting up the development environment

·      Module 2: JavaScript Essentials for MEVN

o  Modern JavaScript fundamentals

o  Variables and data types

o  Functions and arrow functions

o  Arrays and objects

o  ES6+ features

o  JavaScript modules

·      Module 3: Getting Started with Vue.js

o  Introduction to Vue.js

o  Creating a Vue application

o  Understanding project structure

o  Vue components

o  Templates and expressions

o  Data binding

·      Module 4: Building Vue.js Applications

o  Component communication

o  Reactive data

o  Computed properties

o  Forms and user input

o  Conditional rendering

o  Rendering lists

Day 2 – Node.js, Express.js and MongoDB

·      Module 5: Node.js Fundamentals

o  Introduction to Node.js

o  Node.js runtime environment

o  npm and package management

o  Creating a Node.js project

o  Working with modules

·      Module 6: Building APIs with Express.js

o  Introduction to Express.js

o  Creating an Express server

o  Routes and endpoints

o  HTTP methods: GET, POST, PUT and DELETE

o  Request and response handling

·      Module 7: MongoDB Fundamentals

o  Introduction to NoSQL databases

o  MongoDB architecture and concepts

o  Databases, collections and documents

o  Basic CRUD operations

o  Connecting MongoDB with Node.js

·      Module 8: Backend Practical

o  Create a REST API

o  Connect the API to MongoDB

o  Add database records

o  Retrieve records

o  Update records

o  Delete records

o  Test API endpoints

Day 3 – Full-Stack MEVN Application

·      Module 9: Connecting Vue.js with the Backend

o  Frontend-backend communication

o  Calling REST APIs from Vue.js

o  Sending and receiving JSON

o  Displaying backend data

o  Submitting forms to APIs

o  Managing loading states

·      Module 10: Authentication Fundamentals

o  Authentication vs authorization

o  User registration and login concepts

o  Password handling fundamentals

o  Introduction to JWT

o  Protecting application routes

o  Basic application security

·      Module 11: Building a Complete MEVN Application

Participants will build a simple full-stack application incorporating:

o  Vue.js frontend

o  Node.js and Express.js backend

o  MongoDB database

o  REST API

o  Create, Read, Update and Delete (CRUD) functionality

o  Forms and validation

·      Module 12: Testing, Deployment and Best Practices

o  Debugging MEVN applications

o  Basic application testing

o  Environment variables

o  Development vs production environments