Please enable JavaScript.
Coggle requires JavaScript to display documents.
360d of Web, Build, test, deploy Automation - Coggle Diagram
360d of Web
JavaScript
JS Run Time Environment in Browser
Web API
Asynchronous function e.g., setTimeOut
AjaxCall (xmlhttprequest)
DOM
V8 Engine in Chrome
Memory Heap
Call Stack
Callback Queue
Event Loop
Synchronous single threaded but non blocking scripting language - Client sided
React.js
LifeCylceHook
Methods - Component Mounting, Updating and Deleting
Redux
Action
MiddleWare
Reducer
Store
Presentation
React Hook
useState, useEffect I mapDispatcherToProps, mapStateToProps
enzyme and snapshot test using Jest
Jest - JS Unit-test frmwrk
test runner, Mock fn, test coverage and has assertion lib e.g. expect().toBe()
Puppeteer - integration test
create virtual browser to visit localhost webpg
Node.js
Cross-platform JS run time env Runs on V8 engine
Faster cuz both NodeJs and JS execute inside browser
Enable execution of JS code outside a web browser
Even-driven-programming and non-blocking I/O model
Node.js package ecosystem, NPM
KNEX
Library that connect DB and Backend
Express.js
Web app framework based on Node.js
Cloud
AWS
VPC, EC2, ELB, Route3, Recognition, S3, Lambda, CloudFront, Kinesis, E-Cache, RDS/DynamoDB, RedShift, EMR, QuickSight
Heroku, Firebase
IaC - Infrastructure
AWS CloudFormation Or Hashicorp Terraform
TESTING
Non-Functional/requirments
Performance
Security
Maintainability
Usability
Scalability
Reliability
Functional
Unit test
Integration test
UI test
Automation/End2End test
Manuel
Regression test
Smoke test
UAT
System test
Version control
GitHub
GitLab
Security
SSL - Secure Sockets Layer
SSL keeps check on every message that is exchanged over the internet. SSL also creates a secured network between the computers. SSL protocol keeps absolute privacy during web-oriented communications by using the symmetric cryptography
SSH - Secure Shell Host
Secure Shell Host (SSH) is perhaps the most expert security feature used to look after the web communication methods. SSH protects the transfer process of digital content between computers connected through the internet. This process also prevents hackers from stealing your valuable data
DB
RDBMS
MySQL
ORDBMS
PostgreSQL
Feature rich DB, can handle complex queries and massive DB. Support Json object, table inheritance and function overloading. Having few features of NoSQL capabilities
NoSql/NoRDBMS
MongoDB
Tools
NPM, NPM registry
Webpack
Bundler in dist folder
CI/CD Server
Jenkins
Declarative scrip
Pipeline Script
Build, test, deploy Automation