public:computer:development_stacks

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Next revision		 Previous revision
public:computer:development_stacks [2022/04/21 15:20] – created alexpublic:computer:development_stacks [2022/04/22 14:06] (current) – alex
Line 9: Line 9:
  
 <diagram> <diagram>
-| FE | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |FE=Front-End+| FE | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |FE=Front-end
 | |!| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |!| | | | | | | | | | | | | | | | | | | | | | | | | | | | | |
 | |)| JS |v| ES6+ |-| TS | | | | | | | | | | | | | | | | | | | | | |JS=[[public:computer:javascript|JavaScript]]|TS=[[public:computer:typescript|TypeScript]] | |)| JS |v| ES6+ |-| TS | | | | | | | | | | | | | | | | | | | | | |JS=[[public:computer:javascript|JavaScript]]|TS=[[public:computer:typescript|TypeScript]]
 | |!| | | |!| | | | | | | | | | | | | | | | | | | | | | | | | | | |!| | | |!| | | | | | | | | | | | | | | | | | | | | | | | | |
-| |!| | | |)| BA | | | | | | | | | | | | | | | | | | | | | | | |BA=Browser APIs|VJS=Vue.js+| |!| | | |)| BA | | | | | | | | | | | | | | | | | | | | | | | |BA=Browser APIs
 | |!| | | |!| | | | | | | | | | | | | | | | | | | | | | | | | | | |!| | | |!| | | | | | | | | | | | | | | | | | | | | | | | | |
-| |!| | | |`| JFW |v| VJS | | | | | | | | | | | | | | | | | | | | |JFW=JavaScript Framework|VJS=Vue.js+| |!| | | |`| JFW |v| VJS |-|NJ| | | | | | | | | | | | | | | | | | |JFW=JavaScript Framework|VJS=[[public:computer:vuejs|Vue.js]]|NJ=[[public:computer:nuxtjs|Nuxt.js]]
 | |!| | | | | | | |!| | | | | | | | | | | | | | | | | | | | | | | |!| | | | | | | |!| | | | | | | | | | | | | | | | | | | | | |
 | |!| | | | | | | |)| RJS | | | | | | | | | | | | | | | | | | | |RJS=React.js | |!| | | | | | | |)| RJS | | | | | | | | | | | | | | | | | | | |RJS=React.js
Line 23: Line 23:
 | |!| | | | | | | | | | | |`| WJ | | | | | | | | | | | | | | | |WJ=Wijmo | |!| | | | | | | | | | | |`| WJ | | | | | | | | | | | | | | | |WJ=Wijmo
 | |!| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |!| | | | | | | | | | | | | | | | | | | | | | | | | | | | | |
-| |`| NODE |v| PM |v| npm | | | | | | | | | | | | | | | | | | | | | |NODE=Node.js|PM=Package Manager +| |)| NODE |v| PM |v| npm | | | | | | | | | | | | | | | | | | | | | |NODE=Node.js|PM=Package Manager 
-| | | | | |!| | | |!| | | | | | | | | | | | | | | | | | | | | | +| |!| | | |!| | | |!| | | | | | | | | | | | | | | | | | | | | | 
-| | | | | |!| | | |`| yarn | | | | | | | | | | | | | | | | | | | | +| |!| | | |!| | | |`| yarn | | | | | | | | | | | | | | | | | | | | 
-| | | | | |!| | | | | | | | | | | | | | | | | | | | | | | | | | +| |!| | | |!| | | | | | | | | | | | | | | | | | | | | | | | | | 
-| | | | | |`| MB |v| webpack | | | | | | | | | | | | | | | | | | | | |MB=Module Bunder +| |!| | | |`| MB |v| webpack | | | | | | | | | | | | | | | | | | | | |MB=Module Bunder 
-| | | | | | | | | |!| | | | | | | | | | | | | | | | | | | | | | | +| |!| | | | | | | |!| | | | | | | | | | | | | | | | | | | | | | | 
-| | | | | | | | | |)| rollup | | | | | | | | | | | | | | | | | | | | | +| |!| | | | | | | |)| rollup | | | | | | | | | | | | | | | | | | | | | 
-| | | | | | | | | |!| | | | | | | | | | | | | | | | | | | | | | | +| |!| | | | | | | |!| | | | | | | | | | | | | | | | | | | | | | | 
-| | | | | | | | | |`| parcel | | | | | | | | | | | | | | | | | | | | | +| |!| | | | | | | |`| parcel | | | | | | | | | | | | | | | | | | | | | 
-| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | +| |!| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | 
-| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |+| |`| Types? | | | | | | | | | | | | | | | | | | | | | | | | | | | | 
 +| | | |!| | | | | | | | | | | | | | | | | | | | | | | | | | | | 
 +| | | |)| SPA | | | | | | | | | | | | | | | | | | | | | | | | | | 
 +| | | |!| | | | | | | | | | | | | | | | | | | | | | | | | | | | 
 +| | | |)| SSR | | | | | | | | | | | | | | | | | | | | | | | | | | 
 +| | | |!| | | | | | | | | | | | | | | | | | | | | | | | | | | | 
 +| | | |`| CSR | | | | | | | | | | | | | | | | | | | | | | | | | |
 | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |
 +</diagram>
 +
 +<diagram>
 +| BE | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |BE=Back-end
 +| |!| | | | | | | | | | | | | | | | | | | | | | | | | | | | | |
 +| |)| Java |-| SF |v| Concepts |v| AOP | | | | | | | | | | | | | | | | | | |SF=[[public:computer:java_spring_framework|Spring Framework (Java)]]
 +| |!| | | | | | | |!| | | |!| | | | | | | | | | | | | | | | | |
 +| |!| | | | | | | |!| | | |)| DI | | | | | | | | | | | | | | | |
 +| |!| | | | | | | |!| | | |!| | | | | | | | | | | | | | | | | |
 +| |!| | | | | | | |!| | | |)| IoC | | | | | | | | | | | | | | | |
 +| |!| | | | | | | |!| | | |!| | | | | | | | | | | | | | | | | |
 +| |!| | | | | | | |!| | | |`| DP |v| MVC |v| MO | | | | | | | | | |DP=[[public:computer:design_patterns|Design Patterns]]|MO=Model:Observer
 +| |!| | | | | | | |!| | | | | | | |!| | | |!| | | | | | | | | |
 +| |!| | | | | | | |!| | | | | | | |!| | | |)| VC | | | | | | | |VC=View:Composite
 +| |!| | | | | | | |!| | | | | | | |!| | | |!| | | | | | | | | |
 +| |!| | | | | | | |!| | | | | | | |!| | | |`| CS | | | | | | | |CS=Controller:Strategy
 +| |!| | | | | | | |!| | | | | | | |!| | | | | | | | | | | | | |
 +| |!| | | | | | | |!| | | | | | | |)| Proxy | | | | | | | | | | | |
 +| |!| | | | | | | |!| | | | | | | |!| | | | | | | | | | | | | |
 +| |!| | | | | | | |!| | | | | | | |)| Singleton | | | | | | | | | | | |
 +| |!| | | | | | | |!| | | | | | | |!| | | | | | | | | | | | | |
 +| |!| | | | | | | |!| | | | | | | |)| Template | | | | | | | | | | | |
 +| |!| | | | | | | |!| | | | | | | |!| | | | | | | | | | | | | |
 +| |!| | | | | | | |!| | | | | | | |)| FC | | | | | | | | | | | |FC=Front Controller
 +| |!| | | | | | | |!| | | | | | | |!| | | | | | | | | | | | | |
 +| |!| | | | | | | |!| | | | | | | |)| VH | | | | | | | | | | | |VH=View Helper
 +| |!| | | | | | | |!| | | | | | | |!| | | | | | | | | | | | | |
 +| |!| | | | | | | |!| | | | | | | |)| SL | | | | | | | | | | | |SL=Service Locator
 +| |!| | | | | | | |!| | | | | | | |!| | | | | | | | | | | | | |
 +| |!| | | | | | | |!| | | | | | | |)| OO | | | | | | | | | | | |OO=Observer-Observable
 +| |!| | | | | | | |!| | | | | | | |!| | | | | | | | | | | | | |
 +| |!| | | | | | | |!| | | | | | | |)| CO | | | | | | | | | | | |CO=Context Object
 +| |!| | | | | | | |!| | | | | | | |!| | | | | | | | | | | | | |
 +| |!| | | | | | | |!| | | | | | | |`| Facade | | | | | | | | | | | |
 +| |!| | | | | | | |!| | | | | | | | | | | | | | | | | | | | | |
 +| |!| | | | | | | |)| IDE |v| VC | | | | | | | | | | | | | | | | |VC=[[public:computer:vscode|Visual Studio Code]]
 +| |!| | | | | | | |!| | | |!| | | | | | | | | | | | | | | | | |
 +| |!| | | | | | | |!| | | |)| STS | | | | | | | | | | | | | | | |STS=Spring Tool Suites \\ [[public:computer:eclipse|Eclipse]]
 +| |!| | | | | | | |!| | | |!| | | | | | | | | | | | | | | | | |
 +| |!| | | | | | | |!| | | |`| IntelliJ | | | | | | | | | | | | | | | |
 +| |!| | | | | | | |!| | | | | | | | | | | | | | | | | | | | | |
 +| |!| | | | | | | |)| Build |v| Gradle | | | | | | | | | | | | | | | | |Gradle=[[public:computer:gradle|Gradle]]
 +| |!| | | | | | | |!| | | |!| | | | | | | | | | | | | | | | | |
 +| |!| | | | | | | |!| | | |`| Maven | | | | | | | | | | | | | | | |
 +| |!| | | | | | | |!| | | | | | | | | | | | | | | | | | | | | |
 +| |!| | | | | | | |)| DF |v| MyBatis | | | | | | | | | | | | | | | | |DF=Database Framework
 +| |!| | | | | | | |!| | | |!| | | | | | | | | | | | | | | | | |
 +| |!| | | | | | | |!| | | |`| JPA | | | | | | | | | | | | | | | |
 +| |!| | | | | | | |!| | | | | | | | | | | | | | | | | | | | | |
 +| |!| | | | | | | |)| Security |v| Authentication |v| oAuth2 | | | | | | | | | | | | | |
 +| |!| | | | | | | |!| | | |!| | | |!| | | | | | | | | | | | | |
 +| |!| | | | | | | |!| | | |!| | | |`| JWT | | | | | | | | | | | |JWT=[[public:computer:jwt|JWT (Json Web Token)]]
 +| |!| | | | | | | |!| | | |!| | | | | | | | | | | | | | | | | |
 +| |!| | | | | | | |!| | | |`| WS |v| CORS | | | | | | | | | | | | |WS=Web Security
 +| |!| | | | | | | |!| | | | | | | |!| | | | | | | | | | | | | |
 +| |!| | | | | | | |!| | | | | | | |)| CSRF | | | | | | | | | | | |
 +| |!| | | | | | | |!| | | | | | | |!| | | | | | | | | | | | | |
 +| |!| | | | | | | |!| | | | | | | |`| XSS | | | | | | | | | | | |
 +| |!| | | | | | | |!| | | | | | | | | | | | | | | | | | | | | |
 +| |!| | | | | | | |)| Network |v| socket | | | | | | | | | | | | | | | | | |
 +| |!| | | | | | | |!| | | |!| | | | | | | | | | | | | | | | | |
 +| |!| | | | | | | |!| |  | |`| WS | | | | | | | | | | | |WS=Web Socket | | | | |
 +| |!| | | | | | | |!| | | | | | | | | | | | | | | | | | | | | |
 +| |!| | | | | | | |`| MQ | | | | | | | | | | | | | | | | | | | |MQ=Message Queue
 +| |!| | | | | | | | | | | | | | | | | | | | | | | | | | | | |
 +| |)| HTTP |v| HTTP/1.1 |v| RA | | | | | | | | | | | | | |HTTP=[[public:computer:http|HTTP]]|RA=Rest API \\ [[public:computer:restful|RESTful]]
 +| |!| | | |!| | | |!| | | | | | | | | | | | | |
 +| |!| | | |!| | | |`| GraphQL | | | | | | | | | | | |
 +| |!| | | |!| | | | | | | | | | | | | | | | | | | |
 +| |!| | | |`| SSL | | | | | | | | | | | | | | | |
 +| |!| | | | | | | | | | | | | | | | | | | | | | | |
 +| |`| Server |v| Web Server |-| Nginx | | | | | | | | | | | | | |
 +| | | | | |!| | | | | | | | | | | | | | | | | |
 +| | | | | |`| WAS |v| Tomcat | | | | | | | | | | | | |
 +| | | | | | | | | |!| | | | | | | | | | | | | |
 +| | | | | | | | | |`| Jeus | | | | | | | | | | | |
 | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |
 </diagram> </diagram>
  • public/computer/development_stacks.1650522051.txt.gz
  • Last modified: 2022/04/21 15:20
  • by alex