Learn how to use Vue, Node.js, Express, and MongoDB to create unique web applications and learn the fundamentals of full-stack development with the MEVN stack.
MEVN (MongoDB, Express.js, Vue, and Node.js) is a popular NEW stack for building full-stack web applications. It allows developers to write an entire application–front-end, back-end, and database–using only JavaScript.
This course …
Learn how to use Vue, Node.js, Express, and MongoDB to create unique web applications and learn the fundamentals of full-stack development with the MEVN stack.
MEVN (MongoDB, Express.js, Vue, and Node.js) is a popular NEW stack for building full-stack web applications. It allows developers to write an entire application–front-end, back-end, and database–using only JavaScript.
This course takes the approach that it’s best to learn by doing. It demonstrates the key technologies and possibilities of full-stack development with the MEVN stack.
About the Instructor
Shaun Wassell’s goal is to create a world where people are empowered to use programming as a way to solve meaningful problems—a world where writing code is just as natural for most people as walking or breathing. To help make this a reality, he has dedicated the past few years to helping people learn and master software-development skills through video courses, live training sessions, and one-on-one tutoring.
Shaun has been programming since he was a kid, when creating video games was his gateway into the world of software. Since then, he’s been fortunate enough to be a contributing member on many amazing software projects and work with some incredible mentors along the way.
Skill Level
Pearson publishes expert-led video tutorials covering a wide selection of technology topics designed to teach you the skills you need to succeed. These professional and personal technology videos feature world-leading author instructors published by your trusted technology brands: Addison-Wesley, Cisco Press, Pearson IT Certification, Sams, and Que. Topics include IT Certification, Network Security, Cisco Technology, Programming, Web Development, Mobile Development, and more. Learn more about Pearson Video training at http://www.informit.com/video .
Introduction
Learn JavaScript: Introduction
Lesson 1: What Is JavaScript?
Learning objectives
1.1 Learn what you can do with JavaScript
1.2 Take a look at JavaScript’s features
1.3 Learn the pros and cons of JavaScript
1.4 Learn the JavaScript dialects and browser compatibility
1.5 Running code using a REPL
1.6 Learn basic JavaScript syntax
Lesson 2: Learn the 8 JavaScript Data Types
Learning objectives
2.1 Learn the 8 data types
2.2 Learn about JavaScript’s “Number” type
2.3 Learn about JavaScript’s “String” type
2.4 Learn about JavaScript’s “Boolean” type
2.5 Learn about JavaScript’s “Object” type
2.6 Learn about arrays in JavaScript
2.7 Learn about JavaScript’s “Function” type
2.8 Learn about JavaScript’s “Undefined” type
2.9 Learn about JavaScript’s “BigInt” type
2.10 Learn about JavaScript’s “Symbol” type
Lesson 3: Learn Basic JavaScript Control Flow
Learning objectives
3.1 Learn about equality in JavaScript
3.2 Learn about If statements in JavaScript
3.3 Learn about For Loops in JavaScript (For-in and For-of)
3.4 Learn about While Loops in JavaScript (while and do-while)
3.5 Handling and throwing errors in JavaScript
3.6 Learn about Switch-Case Blocks in JavaScript
3.7 Learn about Ternary Operators in JavaScript
3.8 Learn the difference between block-scoped and function-scoped variables
Lesson 4: Object-Oriented Programming in JavaScript
Learning objectives
4.1 Learn about JavaScript classes
4.2 Learn about Prototype-Based Inheritance
4.3 Using the “This” keyword in JavaScript
Lesson 5: Working with Objects, Arrays, and Functions in JavaScript
Learning objectives
5.1 Use built-in Object Functions
5.2 Use built-in Array Functions
Lesson 6: Learn JavaScript ES6+ Syntax
Learning objectives
6.1 Write functions using Arrow syntax
6.2 Set default values for function arguments
6.3 Learn about the “spread operator”
6.4 Use object destructuring to get object properties
6.5 Use Interpolation to insert data into strings
6.6 Learn the Import and Export code in JavaScript
Lesson 7: Write and Run a JavaScript Program
Learning objectives
7.1 Learn about writing and running JavaScript programs
7.2 Write a JavaScript program for the browser
7.3 Move JavaScript to an external script
7.4 Install Node.js and NPM
7.5 Write a Node script
7.6 Use Babel to transpile code
Lesson 8: Work with Asynchronous Code in JavaScript
Learning objectives
8.1 Use callbacks to handle asynchronous operations
8.2 Learn about Promises
8.3 Use Async and Await to make asynchronous code readable
Lesson 9: Create a Web Server with JavaScript
Learning objectives
9.1 Learn the basics of writing a Node server
9.2 Create and set up a Node.js project
9.3 Create and run a basic Express server
9.4 Create and test a GET endpoint
9.5 Read a file with the ‘fs’ package
9.6 Create and test a POST endpoint
Lesson 10: Learn JavaScript Best Practices
Learning objectives
10.1 Use ESLint to ensure code style
10.2 Ensure Immutability in JavaScript programs
10.3 Avoid Loops when working with arrays
Summary
Learn JavaScript: Summary
Introduction
Learn Vue.js Essentials: Introduction
Lesson 1: Learn Basic Vue Syntax and Concepts
Learning objectives
1.1 Understand the purpose and benefits of Vue
1.2 Create and run a Vue app
1.3 Generate Vue projects with the Vue CLI
1.4 Understand the different parts of a Vue component
1.5 Create your own Vue component
1.6 Pass props to components
Lesson 2: Learn About State and the Component Lifecycle
Learning objectives
2.1 Use State in components
2.2 Decide where to put State
2.3 Use lifecycle hooks in components
2.4 Handle clicks and other events
2.5 Render components conditionally
2.6 Display lists of components
2.7 Add styling to Vue components
Lesson 3: Learn Routing in Vue
Learning objectives
3.1 Set up routing in Vue
3.2 Use URL parameters
3.3 Pass props to route components
Lesson 4: Vue Cookbook
Learning objectives
4.1 Create forms in Vue
4.2 Build a navigation bar in Vue
4.3 Load data and make requests in Vue
Lesson 5: Learn Advanced Topics
Learning objectives
5.1 Learn about Vue Mixins
5.2 Use custom directives in Vue
Lesson 6: Host Vue Applications
Learning objectives
6.1 Host a Vue app on Netlify
6.2 Host a Vue app on Firebase Hosting
Summary
Learn Vue.js Essentials: Summary
Introduction
Node.js Essentials: Introduction
Lesson 1: Create Your First Node.js Project
Learning objectives
1.1 Install Node.js and NPM
1.2 Write and run Node scripts
1.3 Manage Node versions with the Node Version Manager (NVM)
Lesson 2: Node.js Basics
Learning objectives
2.1 Learn about the package.json file
2.2 Create script shortcuts in the package.json file
2.3 Run Node scripts with arguments
2.4 Work with Node.js modules
2.5 Use Babel to write modern JavaScript
Lesson 3: Read and Write Files
Learning objectives
3.1 Understand the ‘fs’ package
3.2 Read and write files synchronously
3.3 Read and write files asynchronously with callbacks
3.4 Read and write files asynchronously with promises
Lesson 4: Create Web Servers
Learning objectives
4.1 Create a web server without frameworks
4.2 Use Express.js to create a web server
4.3 Use Koa.js to create a web server
4.4 Use Hapi to create a web server
Lesson 5: Write Programs That Interface with Databases
Learning objectives
5.1 Use MongoDB with Node.js
5.2 Use SQL databases with Node.js
Lesson 6: Work with Web Sockets
Learning objectives
6.1 Learn the basics of web sockets
6.2 Create web sockets
6.3 Send messages via web sockets
6.4 Subscribing to web socket events
Lesson 7: Create and Publish an NPM Package
Learning objectives
7.1 Learn the structure of an NPM package
7.2 Create an NPM package
7.3 Publish a package on NPM
Lesson 8: Host Node.js Applications
Learning objectives
8.1 Prepare Node.js applications for production
8.2 Host a Node.js app on Heroku
Lesson 9: Test Node.js Programs
Learning objectives
9.1 Learn about the available testing tools
9.2 Write unit tests with Mocha and Chai
9.3 Test server endpoints with Supertest
9.4 Create test scripts
9.5 Run test scripts automatically
9.6 Ensure and display test coverage
Summary
Node.js Essentials: Summary
Introduction
Full-Stack Web Development with Vue: Introduction
Lesson 1: Build a Front-End with Vue
Learning objectives
1.1 Learn the basics of Vue
1.2 Learn about the example application
1.3 Create and set up the project
1.4 Create the Home page, part I
1.5 Create the Home page, part II
1.6 Create the Add Ingredient page
1.7 Create the Recipe Search page
1.8 Allow users to select and remove recipes
1.9 Create the Shopping List page
1.10 Add styling to the application
Lesson 2: Build a Server with Node.js and Express
Learning objectives
2.1 Learn the basics of Node.js and Express
2.2 Create and set up the project
2.3 Add a Load Recipes route to the server
2.4 Add a Load Ingredients route to the server
2.5 Add a Load Meals route to the server
2.6 Add Create routes to the server
2.7 Add Update routes to the server
2.8 Add an Update Meal route to the server
2.9 Add Delete routes to the server
2.10 Create the Recipe Search route
2.11 Generate user shopping lists
2.12 Create the Generate Shopping List route
Lesson 3: Add Data Storage with MongoDB
Learning objectives
3.1 Learn the basics of MongoDB
3.2 Walk through the basic data-storage strategy
3.3 Add MongoDB to read routes
3.4 Add MongoDB to create routes
3.5 Add MongoDB to update routes
3.6 Add MongoDB to delete routes
Lesson 4: Learn Full-Stack Integration
Learning objectives
4.1 Learn the basics of full stack
4.2 Load data from the server
4.3 Create data on the server
4.4 Delete data on the server
Summary
Full-Stack Web Development with Vue: Summary