(MEVN Stack) build a PWA & Machine Learning E-Commerce APP

(MEVN Stack) build a PWA & Machine Learning E-Commerce APP

(MEVN Stack) build a PWA & Machine Learning E-Commerce APP

Build (PWA & Machine Learning) Shopping Cart APP Using Vue Vuex Node Express MongoDB Brain.js (unit & integration) test

Language: english

Note: 4.2/5 (45 notes) 19,296 students

Instructor(s): Ahmed Khalaf

Last update: 2021-09-21

What you’ll learn

  • Build Amazing And Smart Full Stack Shopping Cart Application Using Vue Node Express MongoDB Brain JS From Scratch
  • Use brain JS with Express To Create a Smart Machine Learning Back-end API
  • Convert your App to a Progressive Web App | let your APP able to Setup and Work as Native mobile apps on different mobile devises
  • Write (unit & integration) test To your App
  • Build a Professional Admin Dashboard From Scratch
  • Create REST API using Express
  • Set up Authentication and Authorization user & Admins Accounts
  • Use Animation with VUE JS To Animate Your Page Element
  • Use and Learn Chart JS and Vue-Chart and Create a Reactive Analysis Charting Template
  • Learn how to upload image to your app
  • Use VUEX to Create a Store Data
  • Deploying app to Heroku

 

Requirements

  • Basic HTML, CSS & JavaScript knowledge is required
  • Basic VueJS & Vuex knowledge is beneficial but not required
  • Basic Node & Express knowledge is beneficial but not required
  • You don’t need any special tools, we’ll download everything we need for free. You just need a Windows, Mac, or Linux computer

 

Description

Do you want to become a MEVN Stack Developer ?

Do you want to build scalable, high-performance Full Stack Web App Using VUE Node Express MongoDB  Framework’s ?

Do you want to Learn How to convert your apps to A progressive web app And make it Mobile Friendly Work Just like the

Native APPs

Do you want to Learn How to Add A touch of The  Artificial intelligence technologies To your Node APPs  To give your app users

Great UX

Do you want to Learn How To Start Writing Automated Test To your JavaScript ( NODE & VUE ) Code before deployment

Then you are in the right place.


This course will guide you in building a full-stack app using VUE Node Express MongoDB Brain frameworks. You’ll build

(MEVN Stack) build an PWA & Machine Learning E-Commerce APP

You Will Learn How To Test Your Code

You Will Learn How To Build A Complete Restful API

Your Will learn How To Convert (HTML & CSS) App To A VUE JS App ..

Your Will learn How To  Combine Vue Vuex As a Front-end with Express MongoDB As a back-end 


Along the way you will learn to do the same thing in different and simple ways

This course takes you on an end-to-end journey, building on your basic skills and taking you to advanced skill set in no time with MEVN Stack while deploying enhanced web apps to a production environment.

 

Who this course is for

  • Anyone who wants to Build Amazing And Smart Full Stack Shopping Cart Application Using Vue Node Express MongoDB Brain JS From Scratch
  • Anyone who wants to create a beautiful PWA that works on all platforms
  • Anyone who wants to Learn how to build a Machine Learning Using Node JS
  • Anyone who wants to Learn how to convert the html css template to Vue App
  • Anyone who wants to Learn how to Write Automated Test
  • Beginner level how want to learn by doing by coding by him self

 

Course content

  • Introduction
    • Introduction
  • 2 Tools & Environment
    • 1 Git
    • 2 NodeJS & Vue Cli
    • 3 Setup MongoDB Server & compass
  • 3 ( Vue & Vuex ) FrontEnd
    • html css temp
    • code_section_OLX
    • 1 Create Vue App Using Vue Cli
    • 2 Add Some Packages to The app
    • 3 Start using Router
    • 4 Add Html Css codes to Main
    • 5 Loop the items inside Main
    • 6 PageNation NextPrev Buttons Main
    • 7 PageNation Page Main
    • 8 Add Categories Component to Main
    • 9 Use Filters In Main
    • 10 Specific item Component
    • 11 Create Vuex Store
    • 12 Add Vue devTool
    • 13 Vuex Products Module Part 1
    • 14 Vuex Products Module Part 2
    • 15 Using Vuex inside Specific Item Component
    • 16 Using Vuex inside Main Component
    • 17 Vuex Create Categories Module
    • 18 Using Categories Vuex Module in Categories Component
    • 19 Using Categories Vuex Module in Specific Item Component
    • 20 Create Header Added To Project
    • 21 Create Cart Component Added To Header
    • 22 Create Cart Store Module Part 1
    • 23 Create Cart Store Module Part 2
    • 24 Fix Bug
    • 25 Using Cart Stroe inside Main Component
    • 26 Add and Remove Item From Cart Main Component
    • 27 Using Cart Store inside Specific Item Component
    • 28 Using Cart Store inside Cart Component Part 1
    • 29 Using Cart Store inside Cart Component Part 2
    • 30 Using Cart Store inside Cart Component Part 3
    • 31 Using Cart Store inside Cart Component Part 4
    • 32 Create Authentication Store Module
    • 33 Create UserMovement Store Module
    • 34 Create Sugprod Component Part 1
    • 35 Create Sugprod Component Part 2
    • 36 Sugprod Component Animation
    • 37 Create LoginReigester Component
    • 38 Create UserProfile Component
    • 39 Search
    • 40 Protected Routes
    • 41 Admin Component Part 1
    • 42 Admin Component Part 2
    • 43 Admin Component Animation
    • 44 Create Users Store Module
    • 45 Admin Users Component
    • 46 Create PageNation Store And Use it inside Users Component
    • 47 Add Some Action to Categories Store Module
    • 48 Worked on Categories Admin Component
    • 49 Add Some Action to Products Store Module
    • 50 Worked on Products Admin Component Setup Script
    • 51 Worked on Products Admin Component Show Mode
    • 52 Worked on Products Admin Component Edit Mode
    • 53 Fix bug
    • 54 Worked on Products Admin Component Add New Product
    • 55 Worked on Products Admin Component Add Pagination
    • 56 Chart Component
    • 57 Using UserMovement
  • 4 PWA
    • Note
    • 0 images
    • FinalCode
    • Intro
    • 2 build Our App
    • 3 Manifest File
    • 4 Service Worker
    • 5 Get Ready And Deploy
    • 6 Android device Test
  • 5 App Backend ( Express & MongoDB )
    • 0 Final code
    • 1 Get Started
    • 2 Categories API Model
    • 3 Categories API Routes Operations Part 1
    • 4 Categories API Routes Operations Part 2
    • 5 Products API Model
    • 6 Create Products Routes
    • 7 Products API Routes Add New Product
    • 8 Products API Routes Edit One Product
    • 9 Products API Routes Get One And Many Products
    • 10 Products API Routes Get By Page Number And Delete Product
    • 11 Images upload
    • 12 User API Model
    • 13 User API Routes Add User
    • 14 Auth API Routes
    • 15 Auth And Admin Middlewares
    • 16 User API Use Token And Get User Data
    • 17 User API Update User Data And Users Role And Delete
    • 18 Using Middlewares On diffrent Places
    • 19 Search API Model
    • 20 Search Routes
  • 6 Machine Learning
    • machine learning examples Code
    • 1 Intro To Brain JS
    • 2 Counter Example
    • 3 Color Example
    • 4 Simple Example
    • 5 Strings Example
    • 6 Name Example
    • 7 App-Models
    • 8 App-Add Machine Learning Route
    • 9 App-Fix Bugs
    • 10 App Search ML Part I
    • 11 App Search ML Part II Training data
    • 12 App Search ML Part III Run ML
    • 13 App Search ML Part IIII Save Data
    • 14 App Products ML Part I
    • 15 App Products ML Part II Start Handling The Routes
    • 16 App Products ML Part III Final
    • 17 App Exercise Selution
    • 18 App Get The items That user May Like
  • 7 Refactor BackEnd Code
    • 0 Refactor_Code
    • 1 clean Up index part 1
    • 2 clean Up index Part 2 Routes
    • 3 Test App
    • 4 unHandling Errors And Rejections
  • 8 combine_FrontEnd_with_Backend
    • ! very important Note
    • Source Code
    • 1 Authentication Store Modules
    • 2 Categories Store Modules
    • 3 Products Store Modules
    • 4 UserMovement Store Modules
    • 5 Users Store Modules
    • 6 Test App
    • 7 Home Main Component Part 1
    • 8 Home Main Component Part 2
    • 9 Home Categories Component
    • 10 Home Sugproducts Component
    • 11 Cart
    • 12 LoginRegister
    • 13 Fix Bug
    • 14 Search Component
    • 15 Specific Item Component
    • 16 fix Bug
    • 17 User Profile Component
    • 18 User Profile Component Part 2
    • 19 User Profile Deleted User Part 3
    • 20 Admin USERS
    • 21 Admin Categories
    • 22 Admin Products Part 1 – MainProd
    • 23 Admin Products Part 2 – AddNew
    • 24 Admin Products Part 3 – ProdList
    • 25 Admin Products Part 4 – EditProd
    • 26 Admin Products Part 5 – EditProd Del
    • 27 fix Bug
  • 9 Create Another Server
    • Source Code
    • 1 TEST
    • 2 CreateServer
  • 10 Automated ( Unit & Integration ) Testing
    • Note
    • AutoTestCode
    • OLX_APP_FinalCode
    • 1 intro
    • 2 Numbers
    • 3 Strings
    • 4 Objects
    • 5 Exceptions
    • 6 Arrays
    • 7 MockFunctions
    • 8 Get App Backend Ready
    • 9 App-backend UnitTest Auth Middleware
    • 10 App-backend UnitTest User Model
    • 11 App-backend integrationTest User Middlware
    • 12 App-backend Integration Test Categories Route PART I
    • 13 App-backend Integration Test Categories Route PART II
    • 14 App-backend Integration Test Categories Route PART III
    • 15 APP-FrontEnd Setup TestTools
    • 16 APP-FrontEnd unitTest First Test
    • 17 APP-FrontEnd unitTest Route Path
    • 18 APP-FrontEnd unitTest Login Method
    • 19 APP-FrontEnd unitTest Register Method
  • 11 deployment
    • code_deploy_OLX
    • 1 setUp mongodb atlas
    • 2 deploy Machine learning Server
    • 3 Get Frontend Ready
    • 4 Final Operation

 

(MEVN Stack) build a PWA & Machine Learning E-Commerce APP(MEVN Stack) build a PWA & Machine Learning E-Commerce APP

Time remaining or 428 enrolls left

 

Don’t miss any coupons by joining our Telegram group 

Udemy Coupon Code 100% off | Udemy Free Course | Udemy offer | Course with certificate