Coder Social home page Coder Social logo

tokyotower / isomorphic-javascript-with-mevn-stack Goto Github PK

View Code? Open in Web Editor NEW

This project forked from packtpublishing/isomorphic-javascript-with-mevn-stack

0.0 2.0 0.0 212 KB

Isomorphic JavaScript with MEVN Stack[video], published by Packt

License: MIT License

JavaScript 51.46% HTML 1.51% Vue 43.00% CSS 4.03%

isomorphic-javascript-with-mevn-stack's Introduction

Isomorphic-JavaScript-with-MEVN-Stack

Isomorphic JavaScript with MEVN Stack[video], published by Packt

Blockchain Application Development in 7 Days [Video]

This is the code repository for Isomorphic JavaScript with MEVN Stack[Video], published by Packt. It contains all the supporting project files necessary to work through the video course from start to finish.

About the Video Course

Do you want to build scalable, high-performance web apps? Harness the power of the JavaScript ecosystem to run, build, and test your full-stack applications. This course will guide you in building a full-stack app using Isomorphic JavaScript frameworks. You'll build web applications using the MEVN Stack in JavaScript. 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 Vue.js while deploying enhanced web apps to a production environment.

What You Will Learn

  • Creating and using variables in smart contracts
  • Use Node.js to set up a project environment ready for MEVN development
  • Create Single Page Applications using the Vue.JS command-line Interface Tool
  • Manage application state with Vuex Library
  • Deploy a production-ready application to the cloud
  • Implement application routing with Vue.js Router
  • Build a secure, RESTful API with Express.JS, including user authentication
  • NoSQL Database management with MongoDB

Instructions and Navigation

Assumed Knowledge

To fully benefit from the coverage included in this course, you will need:
This course targets web and JavaScript developers who want to create advanced, scalable web applications using Vue.js. If you are a developer, want to create web applications, and have a keen interest in using JavaScript on the frontend and backend, this Isomorphic JavaScript course is for you.

Technical Requirements

This course has the following software requirements:
SETUP AND INSTALLATION This will vary on a product-by-product basis, but should be a standard PI element for ILT products. This example is relatively basic.

Minimum Hardware Requirements For successful completion of this course, students will require the computer systems with at least the following:

OS: Windows/Linux/MAC OS

Processor: N/A

Memory: GB RAM or above

Storage: 512 GB internal Solid State Drive (SSD) or 1 TB internal HDD

Recommended Hardware Requirements For an optimal experience with hands-on labs and other practical activities, we recommend the following configuration:

OS: Windows/Linux/MAC OS

Processor: Intel Core i5-6 or Equivalent

Memory: 8 GB RAM or above

Storage: 512 GB internal Solid State Drive (SSD) or 1 TB internal HDD

Software Requirements

Operating system: Windows/Linux/MAC OS

Browser: Google Chrome Latest Version

Atom IDE, Latest Version/Visual Studio Code Latest Version

Node.js LTS 8.9.1 Installed

Related Products

Prerequisites

NodeJS MongoDB VueJS VueJS CLI

Installing

First, install all of the NodeJS dependencies (located in package.json file)

$ npm install

Development

To begin development, you must start the NodeJS Server and VueJS Server. In addition, you need to compile the server files with the Babel Compiler.

Run all development scripts in one

$ npm run dev

Alternatively, you can run each of the three scripts individually:

Compile NodeJS Server files

$ babel dev-server --out-dir prod-server --watch

Start NodeJS Server

$ node prod-server/index.js

Start VueJS Development Server

$ vue-cli-service serve

Common Issues

  • Unable to refresh in production
    • If you are unable to refresh in production mode, ensure your index.js server file has:
app.get('*', (req, res)...

instead of:

app.get('/')
  • Cannot Set Environment
    • Windows users will need to adjust the application scripts in package.json from:
export NODE_ENV=production

to

set NODE_ENV=production

Built With

  • MongoDB - Open Source NoSQL Database
  • ExpressJS - NodeJS Web Framework
  • VueJS - JavaScript UI Framework
  • NodeJS - JavaScript runtime built on Google Chrome's V8 JavaScript engine

Author

License

This project is licensed under the MIT License - see the LICENSE.md file for details

isomorphic-javascript-with-mevn-stack's People

Contributors

cleonb-packt avatar gugui3z24 avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.