2019-05-22 00:48:07 +00:00
<!DOCTYPE html>
< html lang = "en" class = "js csstransforms3d" >
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< meta name = "generator" content = "Hugo 0.55.6" / >
< meta name = "description" content = "" >
< link rel = "icon" href = "/images/favicon.png" type = "image/png" >
2019-05-22 00:49:04 +00:00
< title > Architecture :: Encompass Docs< / title >
2019-05-22 00:48:07 +00:00
2019-05-22 00:49:04 +00:00
< link href = "/css/nucleus.css?1558486144" rel = "stylesheet" >
< link href = "/css/fontawesome-all.min.css?1558486144" rel = "stylesheet" >
< link href = "/css/hybrid.css?1558486144" rel = "stylesheet" >
< link href = "/css/featherlight.min.css?1558486144" rel = "stylesheet" >
< link href = "/css/perfect-scrollbar.min.css?1558486144" rel = "stylesheet" >
< link href = "/css/auto-complete.css?1558486144" rel = "stylesheet" >
< link href = "/css/atom-one-dark-reasonable.css?1558486144" rel = "stylesheet" >
< link href = "/css/theme.css?1558486144" rel = "stylesheet" >
< link href = "/css/hugo-theme.css?1558486144" rel = "stylesheet" >
2019-05-22 00:48:07 +00:00
2019-05-22 00:49:04 +00:00
< link href = "/css/theme-encompass.css?1558486144" rel = "stylesheet" >
2019-05-22 00:48:07 +00:00
2019-05-22 00:49:04 +00:00
< script src = "/js/jquery-3.3.1.min.js?1558486144" > < / script >
2019-05-22 00:48:07 +00:00
< style type = "text/css" >
:root #header + #content > #left > #rlblock_left{
display:none !important;
}
< / style >
< / head >
< body class = "" data-url = "/why/architecture/" >
< nav id = "sidebar" class = "" >
< div id = "header-wrapper" >
< div id = "header" >
< img src = "/images/logo.png" width = "100" height = "100" >
< / div >
< div class = "searchbox" >
< label for = "search-by" > < i class = "fas fa-search" > < / i > < / label >
< input data-search-input id = "search-by" type = "search" placeholder = "Search..." >
< span data-search-clear = "" > < i class = "fas fa-times" > < / i > < / span >
< / div >
2019-05-22 00:49:04 +00:00
< script type = "text/javascript" src = "/js/lunr.min.js?1558486144" > < / script >
< script type = "text/javascript" src = "/js/auto-complete.js?1558486144" > < / script >
2019-05-22 00:48:07 +00:00
< script type = "text/javascript" >
var baseurl = "http:\/\/example.org\/";
< / script >
2019-05-22 00:49:04 +00:00
< script type = "text/javascript" src = "/js/search.js?1558486144" > < / script >
2019-05-22 00:48:07 +00:00
< / div >
< div class = "highlightable" >
< ul class = "topics" >
2019-05-22 00:49:04 +00:00
< li data-nav-id = "/why/" title = "Why?" class = "dd-item
2019-05-22 00:48:07 +00:00
parent
">
< a href = "/why/" >
2019-05-22 00:49:04 +00:00
< b > 1. < / b > Why?
2019-05-22 00:48:07 +00:00
< / a >
< ul >
2019-05-22 00:49:04 +00:00
< li data-nav-id = "/why/the_hard_way/" title = "The Hard Way" class = "dd-item
">
< a href = "/why/the_hard_way/" >
The Hard Way
< / a >
< / li >
< li data-nav-id = "/why/architecture/" title = "Architecture" class = "dd-item
2019-05-22 00:48:07 +00:00
parent
active
">
< a href = "/why/architecture/" >
2019-05-22 00:49:04 +00:00
Architecture
2019-05-22 00:48:07 +00:00
< / a >
2019-05-22 00:49:04 +00:00
< ul >
< li data-nav-id = "/why/architecture/mess/" title = "The Messy Basement" class = "dd-item " >
< a href = "/why/architecture/mess/" >
The Messy Basement
< / a >
< / li >
< li data-nav-id = "/why/architecture/oop/" title = "OOP" class = "dd-item " >
< a href = "/why/architecture/oop/" >
OOP
< / a >
< / li >
< li data-nav-id = "/why/architecture/ecs/" title = "ECS" class = "dd-item " >
< a href = "/why/architecture/ecs/" >
ECS
< / a >
< / li >
< li data-nav-id = "/why/architecture/hyper_ecs/" title = "Hyper ECS" class = "dd-item " >
< a href = "/why/architecture/hyper_ecs/" >
Hyper ECS
< / a >
< / li >
< / ul >
2019-05-22 00:48:07 +00:00
< / li >
< / ul >
< / li >
< / ul >
< section id = "footer" >
< p > Built with < a href = "https://github.com/matcornic/hugo-theme-learn" > < i class = "fas fa-heart" > < / i > < / a > from < a href = "http://getgrav.org" > Grav< / a > and < a href = "http://gohugo.io/" > Hugo< / a > < / p >
< / section >
< / div >
< / nav >
< section id = "body" >
< div id = "overlay" > < / div >
< div class = "padding highlightable" >
< div >
< div id = "top-bar" >
< div id = "breadcrumbs" itemscope = "" itemtype = "http://data-vocabulary.org/Breadcrumb" >
< span id = "sidebar-toggle-span" >
< a href = "#" id = "sidebar-toggle" data-sidebar-toggle = "" >
< i class = "fas fa-bars" > < / i >
< / a >
< / span >
< span id = "toc-menu" > < i class = "fas fa-list-alt" > < / i > < / span >
< span class = "links" >
2019-05-22 00:49:04 +00:00
< a href = '/' > Encompass< / a > > < a href = '/why/' > Why?< / a > > Architecture
2019-05-22 00:48:07 +00:00
< / span >
< / div >
< div class = "progress" >
< div class = "wrapper" >
< / div >
< / div >
< / div >
< / div >
< div id = "head-tags" >
< / div >
< div id = "body-inner" >
< h1 >
2019-05-22 00:49:04 +00:00
Architecture
2019-05-22 00:48:07 +00:00
< / h1 >
2019-05-22 00:49:04 +00:00
< p > Architecture simply means the basic structure of a program, and how things are added to the program. It is the foundation of everything you build.< / p >
< p > All programs that you write have some kind of architecture, even if you haven’ t really thought about it much. Let’ s go over some different architectures and talk about their features.< / p >
2019-05-22 00:48:07 +00:00
< footer class = " footline" >
< / footer >
< / div >
< / div >
< div id = "navigation" >
2019-05-22 00:49:04 +00:00
2019-05-22 00:48:07 +00:00
2019-05-22 00:49:04 +00:00
2019-05-22 00:48:07 +00:00
2019-05-22 00:49:04 +00:00
< a class = "nav nav-prev" href = "/why/the_hard_way/" title = "The Hard Way" > < i class = "fa fa-chevron-left" > < / i > < / a >
2019-05-22 00:48:07 +00:00
2019-05-22 00:49:04 +00:00
< a class = "nav nav-next" href = "/why/architecture/mess/" title = "The Messy Basement" style = "margin-right: 0px;" > < i class = "fa fa-chevron-right" > < / i > < / a >
2019-05-22 00:48:07 +00:00
< / div >
< / section >
< div style = "left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;" >
< div style = "border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;" > < / div >
< / div >
2019-05-22 00:49:04 +00:00
< script src = "/js/clipboard.min.js?1558486144" > < / script >
< script src = "/js/perfect-scrollbar.min.js?1558486144" > < / script >
< script src = "/js/perfect-scrollbar.jquery.min.js?1558486144" > < / script >
< script src = "/js/jquery.sticky.js?1558486144" > < / script >
< script src = "/js/featherlight.min.js?1558486144" > < / script >
< script src = "/js/html5shiv-printshiv.min.js?1558486144" > < / script >
< script src = "/js/highlight.pack.js?1558486144" > < / script >
2019-05-22 00:48:07 +00:00
< script > hljs . initHighlightingOnLoad ( ) ; < / script >
2019-05-22 00:49:04 +00:00
< script src = "/js/modernizr.custom-3.6.0.js?1558486144" > < / script >
< script src = "/js/learn.js?1558486144" > < / script >
< script src = "/js/hugo-learn.js?1558486144" > < / script >
2019-05-22 00:48:07 +00:00
2019-05-22 00:49:04 +00:00
< link href = "/mermaid/mermaid.css?1558486144" type = "text/css" rel = "stylesheet" / >
< script src = "/mermaid/mermaid.js?1558486144" > < / script >
2019-05-22 00:48:07 +00:00
< script >
mermaid.initialize({ startOnLoad: true });
< / script >
< / body >
< / html >