{"version":3,"sources":["webpack:///./src/pages/workshops.js"],"names":["data","http-equiv","content","name","className","whiteText","href","src","alt","rel","target"],"mappings":"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","file":"component---src-pages-workshops-js-1f42bdf9db06b5b16be1.js","sourcesContent":["import React from \"react\";\nimport Footer from \"../components/footer\";\nimport NavigationBar from \"../components/NavigationBar\";\nimport \"../../src/styles/assets/css/style.css\";\nimport { Helmet } from \"react-helmet\";\n\nexport default ({ data }) => (\n  <div>\n    <Helmet>\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\"/>\n    <title>2019 Workshops | REFACTR.TECH</title>\n    <meta name=\"author\" content=\"iThemesLab\"/>\n    <meta name=\"description\" content=\"\"/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, shrink-to-fit=no\"/>\n    </Helmet>\n    {/*Main Container Start Here*/}\n    <div className=\"main-container\">\n      {/*Header Start Here*/}\n      <NavigationBar whiteText />\n      {/*Header End Here*/}\n      {/*About Us Area Start Here*/}\n      <div className=\"about-us-area pad-head bg-about\">\n        <div className=\"container\">\n          <div className=\"row\">\n            <div className=\"col-lg-12\">\n              <div className=\"about-content\">\n                <div className=\"section-title text-center\">\n                  <h2>2019 Events</h2>\n                </div>\n                <ol className=\"breadcrumb\">\n                  <li>\n                    <a href=\"/\">Home</a>\n                  </li>\n\n                  <li>|</li>\n\n                  <li>\n                    <a href=\"workshops\">Workshops</a>\n                  </li>\n\n                  <li>|</li>\n\n                  <li>\n                    <a href=\"/sessions\">Sessions</a>\n                  </li>\n\n                </ol>\n              </div>\n            </div>\n            {/* /col*/}\n          </div>\n          {/* /row*/}\n        </div>\n        {/*/ container*/}\n      </div>\n      {/*About Us Area End Here*/}\n\n<div className=\"speakers-single-area\">\n        <div className=\"container\">\n          <a name=\"amp\" /> \n          <div className=\"row mt50\">\n            <div className=\"col-lg-5 col-md-12\">\n              <div className=\"speakers-img\">\n                <img className=\"img-fluid\" src=\"/img/workshops/amp.png\" alt />\n              </div>\n            </div>\n            {/* /.col end*/}\n            <div className=\"col-lg-7 col-md-12\">\n              <div className=\"inner-content\">\n                <h1>AMP Roadshow *FREE*</h1>\n                {/* <span>CEO  Mockplus</span> */}\n                <br />\n                <p>The roadshow is a free, single day event supported and organized by members of the AMP team at REFACTR.TECH. \n                  <strong>Attendees also get a special discount for REFACTR.TECH <a href=\"https://tickets.connectevents.io/events/rtech2019/\" rel=\"noreferrer noopener\" target=\"_blank\">conference tickets</a>- just use the code \"REFACTR-AMP\" at <a className=\"pr-0\" href=\"https://tickets.connectevents.io/events/rtech2019/\" rel=\"noreferrer noopener\" target=\"_blank\">checkout!</a></strong> \n                  You're looking at the registration page for the Atlanta event – for more general information about the \n                  roadshow, head to the <a href=\"https://amp.dev/events/amp-roadshow#Content\" rel=\"noreferrer noopener\" target=\"_blank\">AMP Roadshow site.</a></p>\n                <span>What's AMP?</span>\n                <p>The AMP Project, short for Accelerated Mobile Pages, is an open-source initiative aiming to make the web better for all. \n                  The project enables the creation of websites and ads that are consistently fast, beautiful and \n                  high-performing across devices and distribution platforms.</p>\n                <span>Why Should I Come?</span>\n                <p>Whether you're a developer starting to become interested in AMP, or whether you want to build even more advanced, interactive AMP pages, or even if you're a CTO setting your companies' strategy, you should come.</p>\n                <p>Please join us to learn about building, monetizing and deploying highly interactive, responsive sites with AMP. Remember to bring your laptop!</p>\n                <span>Speakers<br />\n                  <a href=\"https://events.withgoogle.com/amp-roadshow-atlanta/speakers/#content\" rel=\"noreferrer noopener\" target=\"_blank\">AMP Team</a><br />\n                  <span className=\"primary-btn\"><a className=\"btn-primary\" href=\"https://tickets.connectevents.io/events/rtech2019/\" rel=\"noreferrer noopener\" target=\"_blank\">Buy Tickets</a></span>\n                </span>\n              </div>\n            </div>\n            {/* /.col end*/}\n          </div>\n          <a name=\"flutter\" /> \n          <hr />\n          {/* /.row end*/}\n          <div className=\"row mt50\">\n            <div className=\"col-lg-5 col-md-12\">\n              <div className=\"speakers-img\">\n                <img className=\"img-fluid\" src=\"/img/workshops/flutter.png\" alt />\n              </div>\n            </div>\n            {/* /.col end*/}\n            <div className=\"col-lg-7 col-md-12\">\n              <div className=\"inner-content\">\n                <h1>Get Flapping with Flutter</h1>\n                <br />\n                <p>Flutter is a new tool from Google that allows you to quickly create beautiful native apps for iOS and Android from a single codebase. We'll take attendees on a tour of Flutter, highlighting its extensive widget library and tools for speedy development. We'll show attendees how Flutter works, how it compares with other cross-platform frameworks, and how to create and test Flutter apps.\n                </p>\n                <span>Speakers<br />\n                  <a href=\"https://twitter.com/pblatteier\" rel=\"noreferrer noopener\" target=\"_blank\">Pearl Latteier</a><br />\n                  <a href=\"https://twitter.com/abraham\" rel=\"noreferrer noopener\" target=\"_blank\">Abraham Williams</a><br />\n                  <span className=\"primary-btn\"><a className=\"btn-primary\" href=\"https://tickets.connectevents.io/events/rtech2019/\" rel=\"noreferrer noopener\" target=\"_blank\">Buy Tickets</a></span>\n                </span>\n              </div>\n            </div>\n            {/* /.col end*/}\n          </div>\n          {/* /.row end*/}   \n          <a name=\"gatsby\" /> \n          <hr />\n          {/* /.row end*/}\n          <div className=\"row mt50\">\n            <div className=\"col-lg-5 col-md-12\">\n              <div className=\"speakers-img\">\n                <img className=\"img-fluid\" src=\"/img/workshops/gatsby.png\" alt />\n              </div>\n            </div>\n            {/* /.col end*/}\n            <div className=\"col-lg-7 col-md-12\">\n              <div className=\"inner-content\">\n                <h1>We're Not in East Egg, Anymore: GatsbyJS in Practice</h1>\n                <br />\n                <p>\n                  Did you know that Gatsby.js is much more than a static site generator?</p>\n                <p>Well, let’s build something to find out just what makes Gatsby.js not only an excellent choice for your personal website but also a great option for client and production sites, also.</p>\n                <p>In this workshop, we’ll build a few different sites with Gatsby in order to learn how:</p>\n                <ul>\n                  <li>Gatsby sources data (from almost anywhere) using GraphQL</li>\n                  <li>Gatsby generates your site as a progressive web app (PWA) and why that matters</li>\n                  <li>Gatsby simplifies deployment of your site by building it as static files</li>\n                  <li>How liberating the developer experience can be with Gatsby.js</li>\n                  <li>Attendees can expect to leave with at least one deployed Gatsby.js site.</li>\n                </ul>\n                <br />\n                <p>(Based on the desires of the attendees and time permitting, we will also demo hosting a Gatsby site at your own personal domain name - I’ve done it and have not looked back since.)</p><p>\n                </p>\n                <span>Speakers<br />\n                  <a href=\"https://twitter.com/brandon_kearns\" rel=\"noreferrer noopener\" target=\"_blank\">Brandon Kearns</a><br />\n                  <span className=\"primary-btn\"><a className=\"btn-primary\" href=\"https://tickets.connectevents.io/events/rtech2019/\" rel=\"noreferrer noopener\" target=\"_blank\">Buy Tickets</a></span>\n                </span>\n              </div>\n            </div>\n            {/* /.col end*/}\n          </div>\n          <a name=\"cypress\" />\n          <hr />\n          {/* /.row end*/}\n          <div className=\"row mt50\">\n            <div className=\"col-lg-5 col-md-12\">\n              <div className=\"speakers-img\">\n                <img className=\"img-fluid\" src=\"/img/workshops/cypress.png\" alt />\n              </div>\n            </div>\n            {/* /.col end*/}\n            <div className=\"col-lg-7 col-md-12\">\n              <div className=\"inner-content\">\n                <h1>Next-Generation End-to-End Testing with Cypress</h1>\n                {/* <span>CEO  Mockplus</span> */}\n                <br />\n                <p>We all want to consistently ship quality software. One of the best ways to do that is by end-to-end (E2E) testing our code as it simulates the real actions of our beloved users. Let’s be frank though, E2E testing is notoriously time-consuming, expensive, slow, and often flaky. Unfortunately, these issues lead to developers doing very little to no E2E testing, and taking solace in a plethora of unit-tests that cannot fully test the intended experience of users.</p>\n                <p>In this hands-on session, we’ll dive deep into using Cypress, an open-source tool that enables us to easily and beautifully write flake-free, reliable, deterministic E2E tests for our web applications. Like a good friend, E2E tests should be there to give us confidence in the software we ship down the wire.</p>\n                <span>Session Outline</span>\n                <ul>\n                  <li>Introduction &amp; Overview</li>\n                  <li>Cypress basics</li>\n                  <li>Adding tests and configurations</li>\n                  <li>Cypress Selector Playground</li>\n                  <li>Reseting/cleanup between tests</li>\n                  <li>Spying and stubbing XHR requests</li>\n                  <li>Accessing application code and data</li>\n                  <li>Setting up E2E tests on CI</li>\n                  <li>Setting up Cypress Dashboard</li>\n                </ul><br />\n                The session will be accompanied by exercises, demo app, and slides.\n                <p />\n                <span>Speakers<br />\n                  <a href=\"https://twitter.com/amirrustam\" rel=\"noreferrer noopener\" target=\"_blank\">Amir Rustamzadeh</a><br />\n                  <span className=\"primary-btn\"><a className=\"btn-primary\" href=\"https://tickets.connectevents.io/events/rtech2019/\" rel=\"noreferrer noopener\" target=\"_blank\">Buy Tickets</a></span>\n                </span>\n              </div>\n            </div>\n            {/* /.col end*/}\n          </div>\n          <a name=\"graphql\" />\n          <hr />\n          {/* /.row end*/}\n          <div className=\"row mt50\">\n            <div className=\"col-lg-5 col-md-12\">\n              <div className=\"speakers-img\">\n                <img className=\"img-fluid\" src=\"/img/workshops/graphql.png\" alt />\n              </div>\n            </div>\n            {/* /.col end*/}\n            <div className=\"col-lg-7 col-md-12\">\n              <div className=\"inner-content\">\n                <h1>Let's Learn GraphQL: The End of REST *SOLD OUT*</h1>\n                <br />\n                <p>GraphQL is a technology that is poised to replace, or at the very least, drastically change the way APIs are designed and presented. In this hands-on workshop, you'll learn GraphQL from the ground up. We start with creating a backend server using Node.js then learn about schemas, mutations and using GraphiQL to test queries. By the end of this workshop, you will understand how to install and utilize GraphQL.\n                </p><ul><span>Pre-workshop requirements:</span>\n                  <li>NodeJS installed on your computer</li>\n                  <li>Text Editor (Atom, VIM, Sublime Text, Visual Studio Code, WebStorm</li>\n                  <li>Terminal</li>\n                  <li>Create an account on mLab</li>\n                </ul>    \n                <p />\n                <span>Speakers<br />\n                  <a href=\"https://twitter.com/ratracegrad\" rel=\"noreferrer noopener\" target=\"_blank\">Jennifer Bland</a><br />\n                  <span className=\"primary-btn\"><a className=\"btn-primary\" href>Sold Out!</a></span>\n                </span>\n              </div>\n            </div>\n            {/* /.col end*/}\n          </div>\n          <a name=\"vue-vixens\" />\n          <hr />\n          {/* /.row end*/}\n          <div className=\"row mt50\">\n            <div className=\"col-lg-5 col-md-12\">\n              <div className=\"speakers-img\">\n                <img className=\"img-fluid\" src=\"/img/workshops/vue-vixens.png\" alt />\n              </div>\n            </div>\n            {/* /.col end*/}\n            <div className=\"col-lg-7 col-md-12\">\n              <div className=\"inner-content\">\n                <h1>Vue Vixens *Sold Out!*</h1>\n                {/* <span>CEO  Mockplus</span> */}\n                <br />\n                <p>The workshop is a free <i>addition</i> to the REFACTR.TECH main conference ticket.</p>\n                <p>Vue Vixens is an initiative that aims to create workshops to teach Vue.js in a cool and fun way to foxy people who identify as women. It is based on the successful model pioneered by ng-Girls, Rails Bridge and Django Girls initiatives. The format is a self-driven code lab completed in a workshop format in groups with mentoring by conference-goers and speakers who volunteer to help. The goal of the program is to familiarize women and those who identify as such in a supportive and inclusive location with Vue.js and general web and mobile programming concepts. Welcome to the skulk!\n                </p>\n                <span>Speakers<br />\n                  <a href=\"/speakers/marina-mosti/\" rel=\"noreferrer noopener\" target=\"_blank\">Marina Mosti</a><br />\n                  <span className=\"primary-btn\"><a className=\"btn-primary\" href>Sold Out!</a></span>\n                </span>\n              </div>\n            </div>\n            {/* /.col end*/}\n          </div>\n        </div>\n        {/* /container end*/}\n      </div>\n\n\n\n\n\n\n\n      {/*Footer Area Start Here*/}\n      <Footer />\n      {/*Footer Area End Here*/}\n    </div>\n  </div>\n);\n\n\n"],"sourceRoot":""}