<html><head><meta http-equiv="Content-Type" content="text/html charset=utf-8"></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class=""><div class=""><span class="" style="color: rgb(33, 37, 41); orphans: 2; widows: 2; background-color: rgb(255, 255, 255);"><font face="Chalkboard" class="">Training:<span class="Apple-tab-span" style="white-space: pre;"> </span>Vue.js with Michael Carducci</font></span></div><div class=""><span class="" style="color: rgb(33, 37, 41); orphans: 2; widows: 2; background-color: rgb(255, 255, 255);"><font face="Chalkboard" class="">Dates: <span class="Apple-tab-span" style="white-space: pre;"> </span>Sept 4-6th</font></span></div><div class=""><span class="" style="color: rgb(33, 37, 41); orphans: 2; widows: 2; background-color: rgb(255, 255, 255);"><font face="Chalkboard" class="">Location:<span class="Apple-tab-span" style="white-space: pre;"> </span>Courtyard by Marriott Carrollton</font></span></div><div class=""><font face="Chalkboard" class=""><span class="" style="color: rgb(33, 37, 41); orphans: 2; widows: 2; background-color: rgb(255, 255, 255);">URL:<span class="Apple-tab-span" style="white-space: pre;"> </span></span><font color="#212529" class=""><a href="https://nofluffjuststuff.com/app/#/ticket/training/117" class="">https://nofluffjuststuff.com/app/#/ticket/training/117</a></font></font></div><div class=""><font color="#212529" face="Chalkboard" class="">Pricing:<span class="Apple-tab-span" style="white-space: pre;"> </span>$2,950/person thru 8/9 (includes an 2019 or 2020 NFJS tour pass)</font></div><div class=""><font color="#212529" face="Chalkboard" class=""><br class=""></font></div><div class=""><font color="#212529" face="Chalkboard" class="">Special offer: Buy 2 get 1 additional free training pass!</font></div><div class=""><font color="#212529" face="Chalkboard" class=""><br class=""></font></div><div class=""><font color="#212529" face="Chalkboard" class="">JUG Discount: $100 discount by using the code: jug100training</font></div><span class="" style="orphans: 2; widows: 2; background-color: rgb(255, 255, 255);"><font face="Chalkboard" class=""><div class="" style="color: rgb(33, 37, 41);"><span class=""><br class=""></span></div><div class="" style="color: rgb(33, 37, 41);"><span class="">Vue.js Course Overview:</span></div><div class="" style="color: rgb(33, 37, 41);"><span class=""><br class=""></span></div><font color="#212529" class="">Vue.js is a fast, lightweight, progressive web framework that is exploding in popularity. Seen by many as the “best of” both Angular and React, vuejs has a lot to offer and should be given serious consideration for your next application - or as a target to migrate an existing app. No stone is left unturned in this bootcamp-style course. The only assumptions are that you are reasonably familiar with intermediate html and javascript, we cover the rest. This three-day, hands-on training will arm you with the skills, the tools and the expertise to go forth and build a great modern web application.</font></font></span><div class=""><span class="" style="color: rgb(33, 37, 41); orphans: 2; widows: 2; background-color: rgb(255, 255, 255);"><font face="Chalkboard" class=""><br class=""></font></span></div><div class="" style="orphans: 2; widows: 2;"><font color="#212529" face="Chalkboard" class=""><span class="" style="background-color: rgb(255, 255, 255);">Vue.js Course Outline:</span></font></div><div class="" style="orphans: 2; widows: 2;"><font color="#212529" face="Chalkboard" class=""><span class="" style="background-color: rgb(255, 255, 255);"><br class=""></span></font></div><div class="" style="orphans: 2; widows: 2;"><h3 class="" style="box-sizing: inherit; margin-top: 0px; margin-bottom: 0px; color: rgb(33, 37, 41); background-color: rgb(241, 241, 241);"><font face="Chalkboard" class=""><span class="" style="font-size: 12px;">Day 1 - Introduction and Core Concepts</span></font></h3><ul class="" style="box-sizing: inherit; margin: 0px 0px 30px 30px; color: rgb(33, 37, 41); background-color: rgb(241, 241, 241);"><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Introducing Vue - What, Why & How</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Why choose Vue?</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Installation</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Your first Vue App</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">The vue instance</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Initialization & the Options object</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Data binding</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Methods and Properties</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Introducing Components</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Component Registration</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Component Data</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Props and Events</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Slots</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Handling events</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Listeners</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Event handlers</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Event modifiers</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Rendering</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Conditional rendering</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">V-for directive</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">List rendering</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Building component based application</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Single file components</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">App architecture and Best Practices</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Preprocessors</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Libraries</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Plugins</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Layouts, UI, and more!</font></li></ul><h3 class="" style="box-sizing: inherit; margin-top: 0px; margin-bottom: 0px; color: rgb(33, 37, 41); background-color: rgb(241, 241, 241);"><font face="Chalkboard" class=""><span class="" style="font-size: 12px;">Day 2 Building Complex Apps:</span></font></h3><ul class="" style="box-sizing: inherit; margin: 0px 0px 30px 30px; color: rgb(33, 37, 41); background-color: rgb(241, 241, 241);"><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Introducing Single Page Applications</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Introducing the Vue-Router</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Vue-router core concepts</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Installing the Vue-Router library</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Building a simple SPA with routes</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Router-view components</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Introducing route parameters</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Nesting routes</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Programatic navigation</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Naming routes</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Using router-link components</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Controlling multiple components with named router views</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Using redirects</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Using route aliases</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">routing modes - hashes vs history API</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Introducing navigation Guards and the component lifecycle</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Page transitions</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Using route meta data</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Performing asynchronous operations between routes</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Lazy loading route components</font></li></ul><h3 class="" style="box-sizing: inherit; margin-top: 0px; margin-bottom: 0px; color: rgb(33, 37, 41); background-color: rgb(241, 241, 241);"><font face="Chalkboard" class=""><span class="" style="font-size: 12px;">Day 3 Vue In-Depth:</span></font></h3><ul class="" style="box-sizing: inherit; margin: 0px 0px 30px 30px; color: rgb(33, 37, 41); background-color: rgb(241, 241, 241);"><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Introducing State Management with Vuex</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Installing Vuex</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Introducing Actions and Mutations</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Designing your Vuex store</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Modularizing vuex</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Adding vuex to your components</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Time Travel Debugging with Vuex</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Introducing Testing in VueJS</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Writing Component Unit Tests</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Testing Rendered Output</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Snapshot tests</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">End-to-end tests</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Introducing Progressive Web Applications</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Building your first PWA with Vue</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Utilizing service workers</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Utilizing local storage</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Offline-first development</font></li><li class="" style="box-sizing: inherit;"><font face="Chalkboard" class="">Questions</font></li></ul></div><div class=""><br class=""></div></body></html>