"рд╕рдордХрд╛рд▓реАрди рдлреНрд░рдВрдЯ-рдПрдВрдб рдЖрд░реНрдХрд┐рдЯреЗрдХреНрдЪрд░" рд▓реЗрдЦ рдРрддрд┐рд╣рд╛рд╕рд┐рдХ рдкреВрд░реНрд╡рд╡реНрдпрд╛рдкреА рдореЗрдВ рдбреЗрдЯрд╛ рдкреНрд░рд╡рд╛рд╣ рдХреЗ рд╕рдВрджрд░реНрдн рдореЗрдВ рдлреНрд░рдВрдЯ-рдПрдВрдб рдЖрд░реНрдХрд┐рдЯреЗрдХреНрдЪрд░ рдкрд░ рдЪрд░реНрдЪрд╛ рдХрд░рддрд╛ рд╣реИред
рд╕рд╛рдордЧреНрд░реА рдореЗрдВ рддреАрди рднрд╛рдЧ рд╣реЛрддреЗ рд╣реИрдВ
- рд╕рд┐рджреНрдзрд╛рдВрдд рдФрд░ рдЗрддрд┐рд╣рд╛рд╕
- рдХрд╛рд░реНрдпрд╛рдиреНрд╡рдпрди
рд╕рдВрднрд╛рд╡рдирд╛рдУрдВ
рднрд╛рдЧ 1. рд╕рд┐рджреНрдзрд╛рдВрдд рдФрд░ рдЗрддрд┐рд╣рд╛рд╕
.
, !
, , - тАФ . - - ( ) SPA SSR API. CMS - .
- . , DOM, jQuery, Backbone.js MVC. . - , . , MVC, React? ? .
, - , -, -. тАФ , , , .. .
тАФ ?
. тАФ , / , . ? .
.
, , , , , (Model) (Application state). ┬л ┬╗ (Domain model) ┬л-┬╗ (Business logic) . -.
(-) . , .
MVC тАФ
( -, ). MVC тАФ Model View Controller, (View) (Model) . , , MVC , .
, SoC (Separation of Concern) тАФ . , , MVC .
MVC Smalltalk-80. MVC View , Model. MVC, ( 1970- ):
MVC. Controller , , . , , (View) , .
, . , . , - , .
React, Vue Angular View-Controller , .
MVC, MVC. . . , .
:
View Controller Model, . , Model , .
Observer, View. Model , , View .
MVC . View- Model . . тАФ View-.
MVC MVC MVC (father's MVC).
(Application model)
, Application State GUI. - (Presentation logic) (View state), .
, .
. . 10, , . - . (UX), . тАФ ? ?
, , . , , тАФ тАФ . , . . . , 10 View , -.
, MVC тАФ (Application Model, AM). , View-Controller . .
, MVC. , , AM-MVC . , Application Model View , , , Application Model View.
, . (Presentation Model), , .
, , - , . .
. . "" . , . , Windows, .
. (View) .
. View . . . . , , .
View - View. тАФ .
MVC . , Dolphin . 1995 . , Dolphin , . .
, MVC 60 , ┬л ┬╗ (Twisting the triad). MVP.
:
(Presenter) . . .
, , .
, MVP Supervising Controller MVP Passive View MVP. .
MVVM тАФ Model View ViewModel
MVP , , - MVVM . Model-View-Binder. MVVM Passive View MVP, (data binding). , . , View Model. .
:
ViewModel тАФ , (bind-able) , View.
MVVM Binder, View ViewModel. , ViewModel , , .
Data binding, MVVM, , Knockout, Angular, Vue.js, React .
-.
-
MVC, -. Web MVC. , - , - , MVC , .
, MVC web-MVC тАФ . web-MVC - , .
- . MVC -, . , тАФ .
- , . (rich client-driven) . .
- MVC, , , MVC: MVC , MVC - MVC. :
- (JS + HTML) .
- .
- .
, . , MVC .
MVC a.k.a. 2
MVC 2 Sun Microsystems - Java.
MVC MVC, , , , . , :
- MVC (Data cycles), -MVC тАФ .
- (View cycles). тАФ , , .. тАФ , , ..
- , (Model cycle), , -.
- Front Controller: , HTTP-. , - Java, IHttpHandler ASP.NET HTTP.Server Node.js.
, SSR (Server Side Rendering) тАФ . . HTML/ , JavaScript , -, MVC, SSR.
. JavaScript. , AJAX -. Google .
MVC, HTML + JavaScript. JS . JavaScript UX (Server View Cycles). , , .. .
-. B2C, SEO- -, CMS тАФ Content Management Systems, . .
. Web MVC. ASP.NET MVC, Java Struts, Python Django, Ruby ROR, PHP CodeIgniter тАФ , MVC Web MVC.
, , - .
RIA тАФ - (Rich Internet Application Architecture)
, -. - RIA тАФ Rich Internet Application. RIA , . RIA Rich Web Applications тАФ , , UX . , SPA (Single Page Application) тАФ . Web MVC . HTML-, .
RIA тАФ , . ViewModel, Observers, Components .. , . Oliver Steel, 15- ( , ) RIA.
RIA Web MVC Controller View . . , Controller View , , . - , , API-. JSON, -.
GUI ?
(Patterns), , GUI . , , - (Elements of Reusable Object-Oriented Software). . GUI.
GUI HCI (Human Computer Interaction) тАФ . (User) (Side Effect) .
, , . , , . .
- : , .
MVC. - . , UX .
тАФ , . SPA-.
рдЖрдзреБрдирд┐рдХ рдЯреЗрдореНрдкреНрд▓реЗрдЯ рдЗрди рдХреНрд░рд╛рдВрддрд┐рдХрд╛рд░реА рдореЙрдбрд▓реЛрдВ рдХреЗ рдЙрдиреНрдирдд рд╕рдВрд╕реНрдХрд░рдг рдХреЗ рд╕рдорд╛рди рд╣реИрдВ рдФрд░ рдПрдХ рддрд░рд╣ рдХрд╛ рд╕рд╛рдорд╛рдиреНрдп рдЪрд▓рди рд╣реИ, рдЬрд┐рд╕рдХреА рдУрд░ рдЕрдЧреНрд░-рдЫреЛрд░ рд╕рдореБрджрд╛рдп рдмрдврд╝ рд░рд╣рд╛ рд╣реИред
рднрд╛рдЧ рдПрдХ рдХрд╛
рднрд╛рдЧ 2