With over 40 possible values for the display property, it's no wonder that CSS can be tricky, especially for layouts. Martine Dowden offers an overview of the display property and demonstrates how to use it to lay out content.
GraphQL is a new API technology that has exploded in popularity over the past year. But what's all the hype about? Peggy Rayzis details what GraphQL is and explains how integrating it into your application can solve many of the pain points frontend developers face when working with remote data.
Luis Vieira offers an overview of the current progressive web app (PWA) landscape and explains how to leverage new APIs such as client hints, service workers, and network information to create PWAs that are highly adaptive to users' devices and contexts and that can offer a tailored and optimized experience that accounts for each device's unique characteristics.
Taking your first team lead role can be daunting. How do you set yourself up for the role? How do you steer the team direction without micromanaging? How do you look after yourself on top of handling the new responsibility? An engineer who accidentally fell into a team lead role, Joseph Wynn shares advice and best practices to help you feel more comfortable becoming a team lead.
Accessing the data and logic stored in a blockchain is significantly different than accessing your own servers. Destry Saul walks you through APIs for the most popular blockchains, outlines dangers to watch out for, and explains which current applications make use of blockchains.
It's easy to get attention in the tech community when you're building slick software to help high-income consumers do new things. But what if you're in North Carolina, building internal software to help people who install satellite dishes work more efficiently? Wade Minter explains how he switched his thinking to deliver great software to these users.
“Move fast and break things,” “Get shit done,” "Disrupt"—these are mantras of the tech and design industry. They praise speed and hard work but overlook a core element: people. Trent Willis explains how to proactively care for your teammates with the same passion you use when caring for your code.
Chat is becoming more integrated in our day-to-day lives, but it can feel convoluted in the office. The growth in popularity and ease of use for conversational UI means it is no longer reserved just for the social user. Meredith Hassett explains how chatbot technology can increase productivity and simplify work streams in the office.
CSS Grid is the brand-new spec available in the latest browsers. Jen Kramer details Grid's basic syntax, using a layout of a Mondrian painting as an example, and explores alternative Grid syntaxes as well as nested and offset grid layouts. Jen concludes by walking you through combining Flexbox and Grid to solve a web page layout problem.
To create a successful product, you need a solid understanding of your users. The key to success? Collaboration. Rachel Krause walks you through a collaborative process for creating a product users will love, from establishing users to creating a design that can be taken right into development without the need for high-fidelity mockups or detailed documentation.
Want to leverage your web skills to build cross-platform desktop applications? David Neal offers an overview of Electron, an open source solution designed to make building great desktop applications easy. Join in to explore Electron's features and learn how to quickly get started.
Join Tim Kadlec, Gareth Hughes, and Michael Gooding to learn how to load the progressive web faster and get hands-on experience with the newest performance techniques. You'll cover the foundational browser concepts on the first day, particularly relating to performance and optimization; then, on the second day, you'll learn how to implement and optimize a progressive web app (PWA).
Applications are made up of code that comes from many sources. Understanding what licenses we're using and what they require can prevent opening our companies or ourselves up to potential liabilities. Brian Rinaldi offers an overview of the various types of licenses typically associated with the software and code you may use in a given project, helping you stay aware and navigate the complexities.
Alexis Menard offers an overview of the WebXR Device API (formerly known as WebVR 2.0) and explains how to build a VR experience on the web from scratch. You'll get familiar with VR concepts, learn how to use them with the WebXR Device API, and discover how to port your existing WebVR 1.1 experience if you already have one.
Once there was the "video" tag, but content distributors decided it wasn't enough. They wanted more—more power, more protection, more control—so encrypted media extensions were born, and digital rights management appeared in our browsers. Sebastian Golasch walks you through the technical details behind EMEs, CDMs, and DRM by reverse engineering and building a Netflix video player.
Ally Long explains how to design and build products for a different kind of digital landscape than many of us are used to: the billions of people around the world who now have access to connected smartphones but can afford only a few megabytes of data here and there, have cheap, low-powered devices and unreliable electricity, and are learning to use digital interfaces for the first time.
After you understand how important web performance is and have applied basic techniques, what's next? Max Firtman covers extreme web performance techniques that will blow your mind, from new compression algorithms and new image formats to client hints and HTTP/2 push. Join in to learn how to hack web performance.
In a perfect world, every application would be usable by everyone. Unfortunately, it never seems to be that simple. Accessibility is vital to the future of the web, and we all have a part to play. Sarah Federman shares techniques for making accessibility a priority in your org through both top-down and grassroots efforts.
Nowadays, applications have become incredibly big and complex, and most of the app lives on the client side. It’s becoming very hard to maintain those apps, and we often create more bugs than we fix. Ivan Jovanovic explains why the micro-frontend (a microservice-oriented architecture on the frontend) might just be the solution you need.
All too often developers are left completely puzzled when the browser renders CSS in ways they didn’t expect. But it’s not dark magic; we know that computers are just parsing our instructions. While many talks discuss how to fix common bugs, Aimee Knight focuses on the reasons behind them, leading a deep dive into browser internals to see how our styles are parsed and rendered.
What if you could increase your website's SEO, improve your mobile web design, and get a head start on the coming conversational UI revolution through a renewed focus on accessibility? And what if you increased your user base by making it more accessible to disabled users? Scott Davis explains why accessibility should be just as important to you as a mobile design strategy was 10 years ago.
Functional programming is all the rage these days, but with lingo like "lambdas," "functors," and "monads," it can be intimidating to get started. Join Kyle Shevlin to learn just enough functional programming for you and your team to get started without getting lost in the vernacular.
Listening is power. By tuning in and applying self-management and directed curiosity, you can help others solve their own problems. Doing this not only leads to greater ownership but also creates more leaders (rather than "order takers") in your organization. Heidi Helfand shares practical communication skills so you can become a more available and empowering coworker, friend, and leader.
Join in for three special short talks curated and moderated by program chair Kyle Simpson.
There are a wide variety of web performance metrics, but which ones should you focus on and share across your organization? Mark Zeman explains which performance metrics best represent the user experience and walks you through techniques for improving your UX performance metrics and getting the content that users care about the most in front of them as fast as possible.
Cliff Crocker discusses best practices for measuring what matters and applying an understandable methodology that achieves what we are all after: happier users.
Chetan Karande shares the findings from an analysis of over a thousand publicly known Node.js vulnerabilities. With intuitive data visualizations and statistics, Chetan details trends over last five years, explores common security mistakes made by Node.js package authors, and explains how you can prevent these issues in your own code.
Have you ever wanted to ask Cory Doctorow his thoughts on the future of the web, privacy, net neutrality, and tech-lash? Don't miss this moderated Q&A session with Cory.
Making your site faster seems so easy in theory, but in practice, diagnosing and fixing performance issues on a large legacy codebase is like being an archaeologist excavating the remains of a lost civilization. Pick up a trowel and join Katie Sylor-Miller to learn real-life lessons on how Etsy uncovered and fixed performance issues in its mobile product page code.
Luca Mezzalira walks you through reactive programming using two different frameworks: Vue.js and MobX. You'll start with a basic example that will be extended during the workshop, adding new functionalities and analyzing how the reactive approach helps in your frontend projects.
Browser extensions built with the WebExtensions APIs are compatible with all modern browsers. Princiya Sequeira shares lessons learned migrating a legacy privacy add-on to a web extension, with performance being the key factor. Along the way, you'll explore all things web tracking.
For years, developers have relied on browsers to render web pages client side, which often leaves users patiently waiting for web pages to load. This less-than-favorable experience can be changed by writing user interface components in React. Join Natalie Qabazard to explore the pros and cons of rendering a web page server side using React and a serverless resource.
Join expert Pete Hodgson to get started with React on the right foot. Pete focuses on React fundamentals explained through two big ideas—testability and stateless components—as you learn how to build industrial-grade React apps. You’ll leave with hands-on knowledge of the major moving parts of React along with experience using tools and techniques for testing your React code.
Chances are you fell in love with technology the day you took some tool that didn't quite work for you and made it better—better suited to you and your idiosyncratic needs and uses. Then you shared your improvements and made other people's lives better too, and what sweeter feeling is there? Cory Doctorow explains why the right to configure is the signature right of the 21st century.
The browser needs to get faster. Applications are testing the limits of current browsers, especially on devices like smartphones. Lin Clark explains how the browser works today and what browser vendors need to do over the next few years to ensure their browsers (and the web itself) meet upcoming demands.
HTTP/2 server push gives us the ability to proactively send assets to a browser without waiting for them to be requested. Sounds great, but is this new mechanism really a silver bullet? Using new research and real-world examples, Patrick Hamann leads a deep dive into server push and attempts to answer the question we're all asking: Is it ready for production?
Have you ever thought about how your site’s performance compares to the web as a whole? Paul Calvano explores how the HTTP Archive works, how people are using this dataset, and some ways that Akamai has leveraged data within the HTTP Archive to help its customers.
Interested in TypeScript but aren't sure where to start? Like most modern web development, it can feel like there are too many options and no obvious answers. Join Bryan Hughes to learn best practices for integrating TypeScript into both Node.js and webpack + React/JSX workflows, discover how you can benefit from the features TypeScript offers, and find answers to your TypeScript questions.
Kim Crayton explains how to reduce exclusionary practices in your organizations and communities.
When it comes to learning about a new framework, there's no better way than building things from scratch. Join Benjamin Hong for a hands-on deep dive into Vue.js. You'll start from a bare-bones HTML5 template and build three applications from the ground up. Along the way, you'll explore Vue.js key concepts and learn how it compares to other frameworks like Angular and React.
Performance is at the forefront of many, if not most, web development projects. Fortunately, modern browsers provide a wealth of performance-related information and services, which can be used to optimize page load speed and responsiveness. Dan Shappir offers an overview of the aptly named Web Performance API and shows how to best use it to extract detailed performance information.
As a web developer, you want to create beautiful, faster, safer experiences for your customers. Cherie Wong shares common developer pain points and recipes to solve them using AWS.