--- title: Training Series - Web Application Architecture description: "JavaScript training session series: Web Application Architecture" image: https://www.bitovi.com/hubfs/training-hero-bkg-5.jpg --- - ![AI implementation](https://www.bitovi.com/hubfs/AIConsultingIcon.svg) [AI implementation](https://www.bitovi.com/services/ai-consulting) - ![Systems engineering](https://www.bitovi.com/hubfs/icon%20-%20backend.svg) [Systems engineering](https://www.bitovi.com/services/systems-engineering-consulting) - ![Project Management](https://www.bitovi.com/hubfs/icon%20-%20PM.svg) [Project Management](https://www.bitovi.com/services/agile-project-management-consulting) - ![Product Design](https://www.bitovi.com/hubfs/icon%20-%20design.svg) [Product Design](https://www.bitovi.com/services/product-design-consulting) - ![Frontend development](https://www.bitovi.com/hubfs/icon%20-%20frontend.svg) [Frontend development](https://www.bitovi.com/services/frontend-development-consulting) - [View more → ](https://www.bitovi.com/digital-consulting-services) We're Experts in... - [JavaScript](https://www.bitovi.com/services/frontend/javascript-consulting) - [AI training](https://www.bitovi.com/ai-training-for-software-engineers) - [Angular](https://www.bitovi.com/services/frontend/angular-consulting) - [Design systems](https://www.bitovi.com/services/axure-figma-migration) - [React](https://www.bitovi.com/services/frontend/react-consulting) - [Temporal](https://www.bitovi.com/services/backend/temporal-consulting) - [React Native](https://www.bitovi.com/services/frontend/react-consulting/react-native) - [Node.js](https://www.bitovi.com/services/backend/nodejs-consulting) Showcase ![Yum! Brands](https://www.bitovi.com/hubfs/yum-showcase-link-1.png) [View case study](https://www.bitovi.com/en/bitovi-yum-case-study) More Projects - [![Levi's](https://www.bitovi.com/hubfs/levis.svg)](https://www.bitovi.com/web-application-consulting-work/levis-ecommerce-responsive-redesign) - [![Christie's International Real Estate](https://www.bitovi.com/hubfs/christies.svg)](https://design.bitovi.com/christies) - [![BAFS](https://www.bitovi.com/hubfs/bafs.svg)](https://www.bitovi.com/ux-design-consulting/ux-case-studies/bafs-ppp) - [View more → ](https://www.bitovi.com/our-software-consulting-work) Open Source Tools We build powerful tools and open source them to support the community. [See what we've built →](https://www.bitovi.com/open-source) - [![Blog](https://www.bitovi.com/hubfs/icon%20-%20blog.svg) BlogWe post about delivering products and solving problems. ](https://www.bitovi.com/blog) - [![Partnerships](https://www.bitovi.com/hubfs/Handshake-1.svg) PartnershipsLearn about Bitovi's technology partners ](https://www.bitovi.com/partnerships) - [![Academy](https://www.bitovi.com/hubfs/icon%20-%20academy%20(4).svg) AcademyFree courses to build delivery skills ](https://www.bitovi.com/academy) - [![Open source tools](https://www.bitovi.com/hubfs/icon%20-%20open%20source.svg) Open source toolsUse or contribute to our community ](https://www.bitovi.com/open-source) Let's Connect - [![Discord](https://www.bitovi.com/hubfs/DiscordLogo.svg) Discord ](https://discord.gg/J7ejFsZnJ4) - [![LinkedIn](https://www.bitovi.com/hubfs/LinkedinLogo.svg) LinkedIn ](https://www.linkedin.com/company/bitovi/) - [![GitHub](https://www.bitovi.com/hubfs/GithubLogo.svg) GitHub ](https://github.com/bitovi/) ![Eggbot](https://www.bitovi.com/hubfs/build_assets/bitovi-limbo-cms-react/338/js_client_assets/assets/eggbot-LTGhdSGL.png) Name * Work Email * Phone What's your project? Send ### Contact Us (312) 620-0386contact@bitovi.com October 7, 2015 # Training Series - Web Application Architecture JavaScript training session series: Web Application Architecture ![The Bitovi Team](https://www.bitovi.com/hubfs/TheBitoviTeam%20(1).png) The Bitovi Team Share: [![Twitter](https://www.bitovi.com/hubfs/limbo-generated/_astro/twitter-white.os3xLc3C_Z2nW4or.svg) ](https://twitter.com/intent/tweet?text=) [![Reddit](https://www.bitovi.com/hubfs/limbo-generated/imgs/icons/reddit.png) ](http://reddit.com/submit?url=) #### In This Series: JavaScript Training 1. [Free Weekly Online JavaScript Training!](https://www.bitovi.com/blog/free-weekly-online-javascript-training) 2. [Training Series - Basic JS](https://www.bitovi.com/blog/training-series-basic-js) 3. [Training Series - Types, Operators and Primitives](https://www.bitovi.com/blog/training-series-types-operators-and-primitives) 4. [Training Series - Comparisons](https://www.bitovi.com/blog/training-series-comparisons) 5. [Training Series - Closures](https://www.bitovi.com/blog/training-series-closures) 6. [Training Series - Context](https://www.bitovi.com/blog/training-series-context) 7. [Training Series - Prototypes](https://www.bitovi.com/blog/training-series-prototypes) 8. [Training Series - Finding Elements in the DOM](https://www.bitovi.com/blog/training-series-finding-elements-in-the-dom) 9. [Training Series - Traversing Elements in the DOM](https://www.bitovi.com/blog/training-series-traversing-elements-in-the-dom) 10. [Training Series - Element Attributes and Properties](https://www.bitovi.com/blog/training-series-element-attributes-and-properties) 11. [Training Series - Element Styles and Positioning](https://www.bitovi.com/blog/training-series-element-styles-and-positioning) 12. [Training Series - Events Part 1](https://www.bitovi.com/blog/training-series-events-part-1) 13. [Training Series - Events Part 2](https://www.bitovi.com/blog/training-series-events-part-2) 14. [Training Series - Building a Tabs Widget](https://www.bitovi.com/blog/training-series-building-a-tabs-widget) 15. [Training Series - Web Application Theory](https://www.bitovi.com/blog/training-series-web-application-theory) 16. Training Series - Web Application Architecture 17. [Training Series - StealJS Overview](https://www.bitovi.com/blog/training-series-stealjs-overview) 18. [Training Series: A Biased Framework Comparison](https://www.bitovi.com/blog/training-series-a-biased-framework-comparison) 19. [Training Series: CanJS Overview](https://www.bitovi.com/blog/training-series-canjs-overview) 20. [Training Series: Testing Overview](https://www.bitovi.com/blog/training-series-testing-overview) 21. [Training Series: can.Map and can.List](https://www.bitovi.com/blog/training-series-can-map-and-can-list) 22. [Training Series - Documentation Overview](https://www.bitovi.com/blog/training-series-documentation-overview) 23. [Training Series - Package and Modlet Workflows](https://www.bitovi.com/blog/training-series-package-and-modlet-workflows) This week we review how we break down applications to their core architecture. Maintaining state, the MVVM pattern and more will be discussed as we use Trello and TodoMVC as real world examples. #### Watch the full session here: #### Additional resources: - [Gitter chat](https://gitter.im/bitovi/js-training?at=55ddefe09be7c0820510945c) #### Trainers: - [Justin Meyer](https://twitter.com/justinbmeyer) - [Alexis Abril](https://twitter.com/alexisabril) View our full schedule [here](https://blog.bitovi.com/free-weekly-online-javascript-training/)! [![Tag for training](https://www.bitovi.com/hubfs/limbo/icons/tag.svg) training ](https://www.bitovi.com/blog/topic/training)[![Tag for training video](https://www.bitovi.com/hubfs/limbo/icons/tag.svg) training video ](https://www.bitovi.com/blog/topic/training-video) Previous Post ![](https://www.bitovi.com/hs-fs/hubfs/Imported_Blog_Media/IMG_2284.jpg?height=117&name=IMG_2284.jpg) [ Bitovi Summer Training Retreat 2015 ](https://www.bitovi.com/blog/bitovi-summer-training-retreat)   Next Post ![](https://www.bitovi.com/hs-fs/hubfs/training-hero-bkg-5.jpg?height=117&name=training-hero-bkg-5.jpg) [ Training Series - StealJS Overview ](https://www.bitovi.com/blog/training-series-stealjs-overview) ```json { "@context" : "http://schema.org", "@type" : "Organization", "address" : { "@type" : "PostalAddress", "addressCountry" : "United States", "addressLocality" : "Libertyville", "addressRegion" : "IL", "postalCode" : "60048", "streetAddress" : "1134 Pine Tree Lane " }, "alternateName" : "Bitovi", "areaServed" : { "@type" : "GeoCircle", "geoMidpoint" : { "@type" : "GeoCoordinates", "latitude" : "41.8781", "longitude" : "87.6298" }, "geoRadius" : "5000 km" }, "description" : "Bitovi is a UX, UI design and front-end JavaScript development consulting company", "email" : "contact@bitovi.com", "image" : "https://www.bitovi.com/hubfs/bitovi-logo-x2.png", "logo" : "https://www.bitovi.com/hubfs/bitovi-logo-23-1.svg", "mainEntityOfPage" : { "@id" : "https://www.bitovi.com/blog/training-series-web-application-architecture", "@type" : "WebPage", "description" : "JavaScript training session series: Web Application Architecture" }, "naics" : "541511", "name" : "Bitovi Web App Consulting", "sameAs" : [ "https://www.facebook.com/BitoviLLC/", "https://twitter.com/bitovi", "https://www.linkedin.com/company/bitovi" ], "telephone" : "312-620-0386", "url" : "http://bitovi.com" } ``` ```json { "@context" : "http://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "The Bitovi Team" }, "dateModified" : "June 20, 2017, 12:55:27 AM", "datePublished" : "2015-10-07 04:48:08", "description" : "JavaScript training session series: Web Application Architecture", "headline" : "Training Series - Web Application Architecture", "image" : { "@type" : "ImageObject", "url" : "http://cdn2.hubspot.net/hubfs/2171535/training-hero-bkg-5.jpg" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://www.bitovi.com/hubfs/bitovi-logo-23-1.svg" }, "name" : "Bitovi" } } ```