In this talk, he'ill give a detailed walk-through of his personal dev setup for type safe web development with React, GraphQL, and TypeScript.
Basic knowledge of React.js, Node.js, GraphQL, and TypeScript
Full stack web development has exploded in complexity recently. In this talk, I'll share my personal recipe for building a type safe modern web application stack.
Robert is a Principal Technical Evangelist for AWS. Previously, he worked on GraphQL at Facebook, and on .net, Xbox, Windows Server at Microsoft. He's a member of the GraphQL working group and contributor to the GraphQL specification.
Rachel Andrew has been writing CSS for 20 years, and teaching people the things she has learned for almost as long. Since the early days of CSS, and certainly since "CSS for Layout" became a thing, we've been teaching CSS in pretty much the same way: "Here is a block thing, here is an inline thing, this is the Box Model ... and here is this weird jumping through hoops that makes a layout." It's time for a change.
In this talk Rachel will explain how, in the last few years, CSS has been refactored to an extent that to really explain how CSS works we need to change the way we teach and talk about the language. We need to look again at what it is to learn CSS. We need to leave our old ideas behind. It is only when we do, that we will stop supporting the idea that CSS is the fragile, broken, quirky language that its detractors would like to believe.
This talk should have something for any web developer.
Love it or hate it, if you are a FE dev you need to write CSS. There are a bunch of things in CSS in 2019 that an understanding of makes CSS a lot easier, more consistent and comprehensible. Even if you don't walk away loving CSS at the end of my talk, you might just find something that makes your job easier when you go back to work.
Rachel Andrew is a front and back-end web developer, author and speaker. Author or co-author of 22 books including The New CSS Layout and a regular contributor to a number of publications both on and offline. Rachel is co-founder of the CMS Perch and Notist, Editor in Chief of Smashing Magazine, a Google Developer Expert and a Member of the CSS Working Group. She writes about business and technology on her own site at rachelandrew.co.uk.
In this super gentle introduction to TypeScript, we will explore the benefits it may bring to your development workflow. More importantly, we will see how TypeScript nudges you into designing better APIs. You will be able to apply some of these lessons to your codebases, even if you are not quite ready to adopt TypeScript yet!
This talk is really more about how TypeScript "nudges" you into designing APIs differently, such that the compiler can do more of the work for you to guarantee certain kinds of *semantic* bugs are impossible. Most of these turned out to be good ideas for improving your code anyway, even if you are not using TypeScript. This came out of an introduction to TypeScript workshop I did with my team. I would love to distill the most relevant lessons (like picking when to use `undefined` vs `null` to your advantage, extracting related fields/states into separate objects, etc) for a more general audience.
Underneath every breakout website or app is a horizontally scaling back-end, but how do we get from a single process Node.js server to a highly-available, auto-scaling system? In this talk, we’ll take a high level look at a full production stack before getting our hands dirty with the secret sauce: Node.js, WebSockets and a messaging queue. Through a live coding demo, you’ll learn how to take a single-server app and scale it infinitely. Walk away with a better conceptual understanding of high-scale web systems and practical tools to start implementing these techniques in your own projects today.
Being able to scale a back-end is vital to anyone trying to reach even a decently-sized audience, so it applies to most any web or technology business. I'll go over the high-level concepts and then quickly put them into practice with live code showing how the pieces fit together. Attendees should be able to apply the tools/concepts to their own projects right after the talk.
James Simpson has spent the greater part of his life pushing the web forward by challenging what is possible in a browser. As founder of GoldFire Studios, he has focussed on real-time gaming, high scalability/performance and some of the largest HTML5 canvas games ever built. He is also passionate about open-source as the author of many projects, including the popular howler.js audio library.
GDPR cookie consent prompts, push notifications, app install prompts, video autoplays and annoying pop-ups. Every time we enter a new site, it feels like a fight against all the annoying marketing messages endlessly streaming at us. If you’ve wondered why a product you looked up in a search engine one day keeps showing up in all your social channels over and over just a few hours later, that’s the power of data collection and retargeting at play. We can do better than that though.
Vitaly Friedman loves beautiful content and does not give up easily. From Minsk in Belarus, he studied computer science and mathematics in Germany, discovered the passage a passion for typography, writing and design. After working as a freelance designer and developer for 6 years, he co-founded Smashing Magazine, a leading online magazine dedicated to design and web development. Vitaly is the author, co-author and editor of all Smashing Magazine books. He currently works as creative lead of Smashing Magazine in the lovely city of Vilnius, Lithuania.
How do you know your feature is working perfectly in production? If something breaks in production, how will you know? Will you wait for a user to report it to you? What do you do when your staging test results do not reflect current production behavior? In order to test proactively as opposed to reactively, why not test in production?! By testing in production, you will have an increased accuracy of test results, your tests will run faster in production due to elimination of mock/bad data, and you will have a higher confidence before releases. You can accomplish this through feature flagging, continuous delivery, and data cleanup. Only when your end-to-end tests pass in production will you know that your features are truly working. You will leave this talk with answers of how to mitigate risk, better your understanding of the steps to get there, and how to shift your company’s testing culture to provide the best possible experience to your users.
Basic testing knowledge
Testing in production is an innovative trend that a lot of tech companies have been implementing to better test their code
Talia Nassi is a quality-driven Test Engineer at WeWork with a passion for breaking and rebuilding software to be the highest possible quality. She started interning in QA when she was studying at UC San Diego and immediately knew that she found her calling. From UCSD she was recruited to work at Visa, where she tested the payment processing system for the Prepaid Cards. After Visa, she started at WeWork, where she continue to innovate and do what she loves.
This talk will demystify a very introductory topic in order to explore how the language itself functions in an abstract sense. Starting with the prototype chain and property descriptors, I'll dive deeper into the Object constructor and the more recent introduction of the Reflect API. I also plan to cover how the JS object model has changed over time (for example, from assigning functions to an object's prototype in ES3, to using getters/setters in ES5, to the class constructor to attach a function to an object in ES6). In my opinion, the history of how the language has changed is just as interesting as the language itself!
The reason that I think this bears so much relevance today is because of the new proposals that TC39 is in the process of deliberating. Specifically, the concepts presented in this talk tie into decorators and the problem that they present to framework authors. Understanding the JS object model and prototype chain are crucial in order to understand what these proposals are actually trying to change about the language.
Vaidehi Joshi is an engineer at Tilde, in Portland, Oregon, where she works on Skylight. She enjoys building and breaking code, but loves creating empathetic engineering teams a whole lot more. She is the creator of basecs, a weekly writing series that explored the fundamentals of computer science, and is co-host of the Base.cs Podcast, and a producer of the BaseCS video series. She's currently at work on a new series on the basics of distributed systems, called baseds.
Shelley Vohr is a software engineer on the Electron team at GitHub who loves figuring out how to make things work. She's passionate about clean code & diving deep into tricky problems. She's also a runner, explorer, and crossword puzzle fan powered by more coffee than a human should probably drink.
In 1985 pop music was mesmerized by the a-ha “Take on me” music video. It’s been almost 35 years since then, the world needs new catchy tunes with impressive video animations… on the web.
Not relevant in the way "it will make you rich" but using Chroma key with live video from the browser is fun :)
Evangelina Ferreira is a front-end developer and teacher. She is currently working at Aerolab as a UI Developer and has been teaching web technologies at the National Technological University of Argentina for more than five years. In her free time she organizes CSSConf Argentina.
CRDTs. You feel like you’ve heard the acronym before. It sounds important and interesting, but what are they? How do they work? And why should you care? We’ll dig in to some specifics and use Atom’s teletype package as an example to understand what they’re all about.
In this broken down, accessible-to-all-experience-levels talk, you’ll leave being able to show off to your friends and colleagues by answering “what are CRDTs (conflict-free replicated data types)?” With more than just a shrug.
I try to make this type of talk accessible to anyone with any experience level so ideally no prior knowledge is needed.
As the manager of Atom, I’ve been diving in to CRDTs as the basis that a lot of groundbreaking real-time technology, including the Teletype package, are built upon. The name and concept sound quite complex, but after reading academic papers, asking questions, and getting a handle on it, they can be broken down so that anyone can understand CRDTs and why they are interesting.
Allison McMillan is the Engineering Manager for Atom at GitHub. She's worn many hats including startup founder, community builder at the University of Michigan, software developer, and Managing Director of a national non-profit. Allison started programming at a Rail Girls workshop and is now a chapter organizer. She speaks on a variety of topics including mentorship, working remotely, and being a parent and a developer. Allison also recently started a podcast about being a parent in tech, Parent Driven Development. When she's not coding, you can find her encouraging her toddler's climbing skills, making faces at her infant, or pretending she has time to bake. Allison lives in the Washington, DC area.
After 20 years building a successful software development career, my life fell apart. Deconstructing how it happened revealed surprising parallels between how I had approached building a career and family, and how I had designed software. At the root of all was an insidious misconception: one that had hobbled both the growth of my software systems, and my potential for personal fulfillment.
Join me for an honest, sometimes raw reflection on two decades of software development and life. We’ll examine how personal philosophy impacts software design---and vice-versa. We’ll encounter the “transactional fallacy”, and how it can poison our attempts to build resilient systems. And we’ll explore how a graceful, process-oriented mindset can lead to both better code and a more joyful life.
Some familiarity with object-oriented programming
"My husband came home a changed man" - quote from the spouse of someone who saw a version of the talk.
In his 20-year software development career, Avdi Grimm has worked on everything from aerospace embedded systems to enterprise web applications. He’s a consulting pair-programmer, the author of several popular Ruby programming books, and a recipient of the Ruby Hero award for service to the Ruby community. Since 2011 he has been teaching developers how to work more effectively (and have fun doing) it at RubyTapas.com.
He spends his theoretical spare time hanging out with his kids, hiking the Smoky Mountains, and dancing to oontz-oontz music.
What if you could predict user behavior with smart UIs? In this talk, we will explore how we can make adaptive and intelligent user interfaces that learn from how individual users use your apps, and personalize the interface and features just for them, in real-time. With probability-driven statecharts, decision trees, reinforcement learning and more, UIs can be developed in such a way that it automatically adapts to the user's behavior.
Basic knowledge of programming and event-based architecture with JS
We are in a time where machine learning and artificial intelligence is becoming more and more important and prevalent. This talk explores concepts from multiple research papers on reinforcement learning and statechart-driven user interfaces. All concepts will be briefly introduced so no prior knowledge is needed, as the general ideas presented will be accessible to all skill levels. Additionally, existing tools and libraries that tackle these very ideas will be shown. This is cutting-edge material, and my main goal is to inspire the audience to think about new ways of developing user interfaces with AI. Attendees will also be shown how to make their user interfaces adapt to user behavior with predictive analytics and the concepts described.
David Khourshid is a software engineer for Microsoft, a tech author, and speaker. Also a fervent open-source contributor, he is passionate about statecharts and software modeling, reactive animations, innovative user interfaces, and cutting-edge front-end technologies. When not behind a computer keyboard, he’s behind a piano keyboard or traveling.
We tend to see our jobs and our work as developers as the pursuit to help the world and build useful things for other people because that's what we are thought.
When we learn something we make to-do lists, we make useful things. In this talk I am gonna try and show you the value of making dumb things, making useless things.
A love for frontend and building
Because we all have that urge to make things and we all want to make dumb things sometimes and just need someone to tell us it's okay
Sara Vieira is a developer advocate at YLDio, GraphQL and open source enthusiast and a conference speaker and airport expert. She is also into drums and horror movies.
Katie Fenn is a software engineer from Sheffield working at Monzo. She loves attending conferences, writing talks and building nifty things with the Web. When not at work, you'll most likely find her on a bike in the Peak District National Park.
If you’re like me, you’ve spent hours staring at Windows 98 screensavers when you were growing up. Sadly, screensavers are no more, but we’ve got the power to fix that. In this talk, I’ll walk you through how to harness modern technology to revive the dream of the 90s.
Using A-Frame, shaders, and other WebGL technologies, I’ll show you how to recreate some iconic imagery, including 3D Pipes, Mystify Your Mind, and The Maze.
Billy Roh is a senior product designer at Opendoor. He helps organize a monthly meetup called WaffleJS in his spare time. Before Opendoor, he was a designer at Facebook, where he worked on profiles and advertiser tools.
Svelte components achieve "reactivity" without using a virtual DOM. State management is greatly simplified. Implementing components requires less code than popular web frameworks.
This talk will explain how to get started using Svelte, review the most important features, and walk through an example app.
Svelte is growing in popularity and is ready to challenge popular web frameworks such as React, Vue, and Angular. Many tasks are simpler in Svelte than in those frameworks.
From a quick glance, it might not seem like D3 and React are a match made in heaven. After all, they’re both all about being in charge - who gets to render, who gets to update, who gets to decide how things should look... the story goes on and on. But with these two, as in life, the best relationship is about compromise and sharing responsibilities. So, how can we turn a tug-of-war into a beautiful, responsive, animated tango? Enter, React hooks!
Basic knowledge of React.js
The focus and demand for delivering insights through data visualisation has been consistently growing. During this presentation, you will learn how to build custom visualisations using D3.js and React while maintaining data integrity, responsiveness, and clarity. Each example will build upon the next, and leave you 'hooked' on uncovering the beauty of the abstract in your day-to-day!
After hours, her mind belongs to deep conversations and translation (dual US/Polish citizen) and her heart belongs to the mountains, lakes, and oceans that cover this beautiful world.
Back in 2016 we thought we finally VR on the web had arrived. Unfortunately the WebVR API was not future proof and it had to be reworked. It’s now 2019 and WebXR, the successor API, is now landing in browsers. This new API, not only allows us to interface with VR headsets, but it also lets us create AR experiences.
Even if it’s a very young field there are already many headsets available and the web’s build-once-run-everywhere superpower has never been so clear. However, WebXR is a low level API and, just like with WebGL, we need libraries and tools.
In this talk we’ll have a look at the current state of the API and we’ll see how to start building our first VR and AR projects.
Ricardo Cabello is a self-taught computer-graphics programmer. Originally from Barcelona, Cabello began his professional career alternating between roles as a designer and developer. In his spare time, his involvement in the demoscene set him on the path to learning graphics programming.
Combining his background as a designer and expertise in development, his work ranges from simple interactive digital toys — Google Gravity, Ball Pool and Harmony — to full featured experiences — The Johnny Cash Project, The Wilderness Downtown, ROME and Under Neon Lights.
Nowadays, Cabello spends most of his time developing open source libraries and tools — three.js, frame.js and stats.js — with the aim of making design and development simpler for everyone.