Export to

• Google Calendar
• iCalendar file
• hCalendar markup
  <div class="vevent h-event"> <h1 class="summary p-name">RactiveJS workshop with Marty Nelson</h1> <div class='date'><time class="dtstart dt-start" title="2015-04-18T10:00:00" datetime="2015-04-18T10:00:00">Saturday, April 18, 2015 from 10am</time>–<time class="dtend dt-end" title="2015-04-18T16:00:00" datetime="2015-04-18T16:00:00">4pm</time></div> <div class="location vcard p-location h-card"> <a class="url" href='http://calagator.org/venues/202394035'><span class='fn org p-name'>Epicodus</span></a> <div class="adr p-adr h-adr"> <div class="street-address p-street-address">208 SW 5th Ave</div> <span class="locality p-locality">Portland</span> , <span class="region p-region">Oregon</span> <span class="postal-code p-postal-code">97204</span> <div class="country-name p-country-name">US</div> (<a href='https://maps.google.com/maps?q=208%20SW%205th%20Ave,%20Portland%20Oregon%2097204%20US'>map</a>) </div> </div> <div class="description p-description"> <p>An introduction and exploration of live, reactive templating with RactiveJS.</p> <p>Whether you're a beginner or a veteran of web development, leverage your HTML, JS, and CSS knowledge to easily create dynamic data-driven applications and websites.</p> <p>RSVP Here: ractivejs-workshop-april.eventbrite.com</p> <h3>What is Ractive JS?</h3> <p>Ractive is a template-driven UI library, but unlike other tools that generate inert HTML, it transforms your templates into blueprints for apps that are interactive by default.</p> <p>Some tools force you to learn a new vocabulary and structure your app in a particular way. Ractive works for you, not the other way around – and it plays well with other libraries.</p> <h3>What will the workshop cover?</h3> <h4>Templating</h4> <p>We'll cover the mustache basics and then dive into the expanded abilities of two-way binding, sections and expressions. Patterns for common use cases like master/detail relationships.</p> <h4>Data, Binding and Observers</h4> <p>Controlling data through template binding and programmatic manipulation. Establishing data flows with observers.</p> <p>Decorators, Events and Transitions & Animations</p> <p>Encapsulate DOM manipulation, respond to events and provide intro and outro effects</p> <h4>Components</h4> <p>Apply the fundamentals of Ractive in a modular fashion to build composable, powerful apps</p> <p>Advanced Configuration and Instantiation, and more</p> <h3>Resources to get started</h3> <ul> <li><a href="http://www.ractivejs.org/">http://www.ractivejs.org/</a></li> <li><a href="https://github.com/martypdx/ractive-workshop">https://github.com/martypdx/ractive-workshop</a></li> </ul> <h3>Installation</h3> <p>Using Ractive can be as simple as adding a script tag in the browser.</p> <p><strong>However</strong>, for this workshop please make sure you have node.js installed as will be exploring ractive in a modern build environment. Here's how to get started: <a href="http://docs.ractivejs.org/latest/get-started-with-node-js">http://docs.ractivejs.org/latest/get-started-with-node-js</a></p> </div> <h3>Links</h3> <ul> <li><a class="url u-url" href="http://ractivejs-workshop-april.eventbrite.com">Website</a></li> </ul> </div>