Watch the session video here.
The "JAMstack" is some great branding that describes websites that are built entirely by javascript, API calls, and served as completely static pages.
Compared to LAMP platforms like Drupal and Wordpress, JAMstack has four huge things going for it:
1. High traffic sites that cost thousands of dollars a month could transition to a single server + CDN on low tier hosting (under 100 dollars a month)
There's been a lot of talk around the community about decoupling Drupal and using it as headless CMS, or progressively decoupling it and embedding modern JS frameworks inside a Drupal page. But when do you consider just not introducing Drupal and working with a pure framework implementation? And what if you still need to host it alongside Drupal?
Debugging in the browser is something every Front End Developer should know, I wish I knew this before... but if you want to save time and learn more about how JS runs in your browser this session is for you.
In this session I'll explain how to debug JavaScript and execute your code step by step. You will learn how to set breakpoints, watch expressions, debug events, and create and execute code directly in your browser.
In the beginning, there was a conference called Decoupled Dev Days. It had a web site that was React but not actually decoupled at all. Then the next year, it became Decoupled Drupal Days and was still a static site. But this time, it was made with Gatsby. And as the days passed, and the content became more unmanageable, the need for a better CMS was needed. So Drupal was added and the site instantly became decoupled and easy to manage.
No.. Not really.
There were hoops to jump through, build problems, entity reference access issues and image conundrums.
React.js has become one of the top players in the JavaScript libraries world. WordPress has rebuilt its WYSIWYG editor using React. Drupal has recently adopted the library to create admin interfaces. This session aims to explain the basic concepts of React outside of the context of any particular CMS implementation. Many examples will be presented to help you understand it and why it is so powerful.
Learning objectives:
Accessibility can be overwhelming and a little mysterious. Dive in and experience one developer’s story filled with lessons learned, and invaluable tools and tricks picked up along the way. You’ll walk away with the skills to better serve users, and an appreciation for the magic behind the curtain.
Nightwatch.js is an easy to use Node.js based End-to-End (E2E) testing solution for browser based apps and websites. Practically speaking, this means you can write JavaScript that will visit and test your website in various browsers. It does this by using the W3C WebDriver API to run an actual browser on your system and perform tasks on DOM elements.
Decoupled Drupal sites are hard, right? Wrong! In this session, we’ll detail a method for rapidly scaffolding a progressively-decoupled Drupal 8 site with a React-powered custom content area in no more than thirty minutes. Leveraging JSON API's zero-configuration API solution and Create React App's single-command React app build tool, we'll throw together a rock-solid decoupled Drupal 8 solution in no time flat.
Brace yourself, this will be a fast one!
SVGs are simply amazing. You are able to do so many things that are just not possible with JPEGs and PNGs. In this session we will demonstrate how Wilson Sporting Goods uses JavaScript to manipulate SVGs to change colors, insert logos, and rotate text to configure products. By using this technique, we are able to generate thousands of combinations allowing users to create stunningly realistic customized products.
Building a Slack ChatBot is fairly simple. A ChatBot can be an assistant that provides guidance to your team members helping them simplify the repetitive daily tasks.
During this session, you will understand how to create a slack ChatBot using https://botkit.ai/ a JavaScript project. I will also guide you on how to integrate your ChatBot with external APIs and tools such a Natural Language Processing using https://wit.ai/.
