Loading…
This event has ended. Visit the official site or create your own event on Sched.

Log in to bookmark your favorites and sync them to your phone or calendar.

Workshop [clear filter]
Thursday, May 28
 

1:00pm BST

Workshop: Great Authoring Experience for Static Sites
Deep dive into making your React, Vue or Angular apps fully editable and easy to manage for your content and marketing teams.

Configure a content-type in your headless CMS, turn your content authors loose on it, then grab the array from the endpoint, render the list in your app, and add a detail view. Mission accomplished, right? For some projects, yes. But for other projects, the content and marketing teams need to do more, and ideally they don't need to always come back and pester you for changes every Monday morning.

In this workshop you will learn the very cool new approach that many CMS have launched in the last year. Frontend components and visual CMS components are bound in an elegant way, such that non-technical content authors can literally build up frontend apps, component by component, in a visual WYSIWYG environment. This means you can go fully headless, yet still give your marketing team the tools and creative control they need. It's both an interesting frontend technology and a much requested feature. This workshop covers a general topic and is appropriate for users of any frontend framework, SSG and CMS. As a practical example we'll use React, Gatsby & Magnolia.

Requirements: Familiarity with the command line. Node version 10.15+ and npm 6.4+ installed.

Check out the video overview!

Speakers
avatar for Topher Zimmermann

Topher Zimmermann

Product Manager, Magnolia
Topher is a product manager at Magnolia for developer experience & productivity. He is currently applying his mantras ‘remove obstacles’ and ‘empower people’ to headless and integration topics.  Though schooled in physics, the buzz and wild west openness of software development... Read More →


Thursday May 28, 2020 1:00pm - 5:00pm BST
Sessions

1:00pm BST

Workshop: Jamstack 101 and Beyond with Netlify
This workshop will discuss the key benefits of using a Jamstack approach to web architecture. We'll explore the core principles and attributes, and look at some examples. Then we'll take a practical tour around some of the features and workflows which Netlify offers to enable these attributes of the Jamstack to your projects. Including:

- Ways to deploy your sites to Netlify- Creating CI/CD workflows
- Environments, previews, rollbacks- Optimising sites with post-processing
- Capturing user input with forms and functions
- Hooks, notifications and leveraging APIs
- Ways to gradually migrating to the Jamstack

Speakers
avatar for Phil Hawksworth

Phil Hawksworth

Master of Ceremonies, Netlify


Thursday May 28, 2020 1:00pm - 5:00pm BST
Sessions

2:00pm BST

Workshop: Angular in the Jamstack
The Jamstack is a modern architecture that helps you create secure, dynamic sites faster. It uses JavaScript, APIs and prerendered Markup, served without web servers. Using Angular on the Jamstack is a “ripe” concept that’s taking off fast. In this workshop we’ll cover the core concepts and benefits of the JAMstack, so you can confidently tell your co-workers, “I know exactly what the JAMstack is!” Then we’ll jump into coding our individual Jamstack sites using Angular. We’ll cover how to handle search, forms, data, serverless functions, and more, all through coding out an application deployed with CI/CD for you to show off to friends & family. Hope to code with you soon!

Speakers
avatar for Tara Z. Manicsic

Tara Z. Manicsic

Developer Experience Engineer, Netlify


Thursday May 28, 2020 2:00pm - 6:00pm BST
Sessions

2:00pm BST

Workshop: Predictable Performance
More and more, organizations understand that performance is a critical factor in the reach and overall effectiveness of their online experiences. But where to start? It can be challenging to weed through the myriad of advice and "best practices" floating around to find the improvements that will actually benefit you and the people using your site. All too often, teams spend large amounts of time applying optimizations only to find that they're unable to show meaningful improvements after the fact.

In this workshop, we'll walk through the process of analyzing a sites performance to find meaningful improvements. We'll start with understanding the key components of the page lifecycle and which metrics we can use to measure them. Then, we'll use those metrics as our starting point to identify exactly which bottlenecks may slow them down, and the patterns to look for. In the end, we'll walk away with a process for ensuring that the optimizations we make result in meaningful improvements to our sites performance and, more importantly, to the user experience.

Speakers
avatar for Tim Kadlec

Tim Kadlec

Trainer


Thursday May 28, 2020 2:00pm - 6:00pm BST
Sessions

4:00pm BST

Workshop: Build your own live streaming platform with the Jamstack
In this workshop by Phil and Dylan you will learn how to build your own live streaming platform (think of products like: Twitch, Youtube Live, Facebook Live). No video experience is required, we’ll use the Jamstack for the frontend and Mux.com for the live streaming APIs. You will also learn the basics of video streaming technologies like HLS and RTMP.

Some Jamstack experience is required. You should be able to run a Jamstack project like Gatsby or NextJS in a development environment you are comfortable with and you should have some experience working with React components.

Speakers
avatar for Dylan Jhaveri

Dylan Jhaveri

Software Engineer, Mux
Dylan is a Software Engineer at Mux, a startup building online video infrastructure for developers. Dylan works on the DevEx team to help developers deliver smooth video to their users. Previously he co-founded Crowdcast, a live video streaming platform.
avatar for Phil Cluff

Phil Cluff

Online Video Specialist, Mux
Phil is a seasoned online video specialist, with experience building video products which power some of the biggest SVOD, AVOD and public service supported streaming platforms in the world. With 10 years experience, Phil has designed, built, and scaled software for the BBC, Brightcove... Read More →


Thursday May 28, 2020 4:00pm - 8:00pm BST
Sessions

4:00pm BST

Workshop: React Hooks and Reusable Components
In this React workshop, Cassidy will start by teaching you the fundamentals of hooks-based React, and then dive deep into building reusable components. By the end of the day you’ll be able to build a React app from the ground up with ease and deploy it live.

This workshop is for developers who haven't had experience building a production React application yet, who haven't used React hooks before, or who are decent at JavaScript (or another JS framework) but want a deeper understanding of React. Overall, it's a good introduction or refresher! We'll have a combination of lectures and exercises with which you can follow along, and by the end of this workshop, you'll understand what you'll need to know to build modern React components and applications, and how to bundle and deploy them.

Speakers
avatar for Cassidy Williams

Cassidy Williams

Principal Dev Experience Engineer, Netlify


Thursday May 28, 2020 4:00pm - 8:00pm BST
Sessions
 


Twitter Feed

Filter sessions
Apply filters to sessions.