Build a Library web app with Vue JS using ScaffoldHub

Name: Build a Library web app with Vue JS using ScaffoldHub
Rating: 4.3 (44 reviews)

Build a Library web application with Vue JS, Node JS, and SQL or MongoDB using ScaffoldHub

Created byFelipe Lima

Last updated 9/2019

English

What you'll learn

Basics of Javascript and Nodejs, Vue, Vuex, Vue Router, Element UI, ExpressJS, Sequelize (SQL), and Mongoose (MongoDB)
How to build a Library web wpp with Vue, NodeJS, and SQL or MongoDB using ScaffoldHub

Course content

4 sections • 31 lectures • 4h 34m total length

Finished Application3:36
Modeling the Application15:44
Start a new scaffolding project to model a library app with Vue.js using ScaffoldHub, defining book and loan entities, configuring listing, filtering, and export, and previewing the generated application.

Basics - Source Code0:02
Basics - Introduction0:29
Explore the generated library app code and learn the basics of node javascript, express, and mongoose. Receive guidance on customization and when to review the basic pages.
Basics - Javascript and NodeJS15:58
Basics - Vue18:34
Basics - Vue Router1:44
Basics - Element UI11:33
Basics - Vuex12:58
Basics - ExpressJS6:10
Learn how to build a simple Express.js server, create an index file, set up routes and endpoints, use body-parser middleware for post requests, and test a static list API.
Basics - SQL and Sequelize11:26
Connect to a local database with Sequelize, define a to-do model with validations and timestamps, enable paranoid deletion, and implement CRUD API endpoints with error handling.
Basics - MongoDB and Mongoose7:54

UPDATE - Base Application and Customizations Source Codes
I18n and Configs2:48
Images and Menu Icon2:22
Librarian and Member Roles5:51
Home Page redirect to Loans2:35
Book Listing Customizations2:40
Modify the book listing in the scaffolded Vue app by resizing the cover image, removing unused filters and labels, and applying object-fit: cover in the image component.
Loan Listing Customizations0:29
Add Loan Period in Days to Settings9:04
Add a loan period in days to the settings with a new integer field, create a database migration, and update backend models and the settings form for validation.
Members can only see their Loans6:40
Improve the Book Label5:25
Calculate the Due Date13:02
Loan Status20:56
Different forms for creating and editing Loans10:50
Book Status8:04
Book Stock26:43
Book and Loan Import2:26
Sending Reminders via Email38:03
Build a library web app with vue js using scaffoldhub that sends email reminders to members for overdue or in-progress loans via email provider, with language-specific templates and api-based sending.

Requirements

Basic programming skills and javascript

Description

Build a Library web application with Vue JS, Node JS, and SQL or MongoDB using ScaffoldHub.

The course uses ScaffoldHub to create the initial application. After, the basics of Javascript, Vue JS, Vue Router, Vuex, Express JS, Sequelize (SQL) and Mongoose (MongoDB) are explained, and finally, how the application is customized to attend all the Library needs.

You'll need credits at the ScaffoldHub platform to generate the base application.

Who this course is for:

Javascript Developers

Build a Library web app with Vue JS using ScaffoldHub

What you'll learn

Explore related topics

Course content

Getting Started2 lectures • 19min

Language and Framework Basics10 lectures • 1hr 27min

Setup2 lectures • 10min

Customizations17 lectures • 2hr 38min

Requirements

Description

Who this course is for: