jQuery
jQuery is a JavaScript library designed to simplify HTML DOM tree traversal and manipulation, as well as event handling, CSS
animation, and Ajax
A jQuery Selector is a function which makes use of css expressions to find out matching elements from a DOM
DOM Events are actions that occurs when a user interacts.
JQuery Event Listener is a way of doing specific task when an event occurs.
AJAX
is a set of web development techniques using many web technologies on the client side to create asynchronous web
applications
It allows client to request data from different server without refreshing or redirecting the page
Web Application And Design Pattern
Web Application is an application that runs in a remote server and accessed through web browser over the network or
internet
Web Application is an application that runs in a remote server and accessed using user application over the network or
internet
What is the Purpose of a Server?
To run the server application, serve html documents, and access the database serverExample of a server:
Apache
Tomcat
NodeJS
What is the Purpose of a Database?
To warehouse data
Database Server or Centralized Database
Warehouses data that can be accessed by any user application
Example: MySQL, MongoDB
Local Database or Local Storage
Warehouses data that is only use per user application
Example: LocalStorage, IndexedDB
What is the Purpose of User Application?
Also known as Front End Application
Runs a set of instruction and provide user interface. User application can be as simple as HTML, JS, and CSS. To make the
development easier, and maintainable, libraries and frameworks are being used.
Example:
JQuery
VueJS
ReactJS
AngularJS
Design Pattern and Architecture
Is the design or architecture of how the software application or system is structured.
It has the following purpose:
Provide a repeatable solution to a commonly occurring problem
Makes the code readable, maintainable, and reusable
Customizable for a very specific set of problem
Definition of Terms
Functionality
o Specific functions, program, task that can be performed
Feature
o a distinctive attribute or aspect of the application. Usually used refers to a unique or uncommon functionality
Component
o Set of functionalities that are related to each other
Module
o Combination of component and/or modules
Commonly used Design Patterns
Monolithic
o The front end, back end application, database are one application. One is useless without the other
Headless
o The front end application is decoupled or separated from the back end and database. The front end application
utilizes API Resources
MVC
o The business logic, data, and user interface are separated from each other
HMVC
o Hierarchical MVC. Each major module of an application has its own MVC
Microservice
Model View Controller
Separates application into three components - Model, View and Controller
Model - for database operation
View - for the user interface
Controller - contain the business logic of the application. It usually involve accessing the model and showing the view. Acts as
middle man between view and model
Node js
is an open source development platform for executing JavaScript code server-side
Development platform
Server Application
Web Application
Important Elements in Back End Application
Routing
Authentication and Security
File Uploading & File Access
Database or Data Storage
Serve HTML
Routing
Defines the location or the url of a certain resource
Different router has different parameter upon accessing
Authentication and Security
Describe who can access on what resource
File Upload & Access
The ability to upload files to the server and/or access it
Database or Information Storage
Ability to keep information in non volatile way and be able to access and manipulate it
What is MongoDB
MongoDB is a general purpose, document-based, distributed database built for modern application developers and for the cloud era
MongoDB is an open source database management system (DBMS) and nonrelational that uses a document-oriented database model
which supports various forms of data
Properties of MongoDB
Structure composed of field and value pairs
Document Based (BSON)
Has Primary Key or Unique Identifier
Collection (Table) can contain any data or Document(Entry)
NoSQL
Mongoose
Is an Object Data Modeling (ODM) library for MongoDB and Node.js. It manages relationships between data, provides schema
validation, and is used to translate between objects in code and the representation of those objects in MongoDB
Important Concepts
Schema
A plan or blueprint of a collection
Model
Is a model object used to manipulate the collectionsss
