Simplified Animations on the Web

Animations on the web have always seemed like something impossible to do right. With complex JavaScript needed in order to do anything compelling and a lot of math required, animations are often ignored. But, what if there were a better way? What if you could just tell the browser what will animate and let the browser take care of the rest? Enter View Transitions.

View Transitions are a new web feature that allows developers to build compelling animation without having to dive into working JavaScript in order to do so. Let's look at adding View Transitions into our app and how to drive compelling animations with ease!

One app, multiple platforms: How Cross Platform Actually Works

Today's solutions for cross platform development all aim to provide developers a better way to build their apps. Build your app in a certain way, and you can ship it to multiple targets (iOS, Android, Web, etc.) with ease. But not all solutions are created equal, and it can be difficult to understand the benefits of one solution over another.

But it doesn't have to be this way. In this talk we will look at some of the top cross platform technologies, see how they actually work, why you would use one solution, and why you should rethink your perception of what tool is "the best".

A Modern Web Devs Approach To Mobile

Building an app today means that it needs to be available on the web, iOS and Android. For many, this can seem like a daunting task given the different tools, languages, and knowledge needed to be proficient in each platform. But it doesn’t have to be.

Enter Capacitor. Capacitor is a new approach to building apps for multiple platforms. Starting with a strong emphasis on “web first”, Capacitor provides tools and APIs needed to make amazing apps for the Web, but also for native iOS and native Android.

In this talk, we’ll look at how to spin up a new Capacitor project and how it integrates with modern tools for web developers, all with the goal of shipping a mobile app with JavaScript.

From Zero to Hero: Building and Shipping Your First JavaScript Library

If you're a developer, chances you've used a third-party library for various parts of your projects. Third-party libraries offer so much functionality that they are essential to most teams success. So, how do you make your own library? How do you go from your teams "utils" folder, to a package on npm that can be installed across your organization? In this talk, we will look at how to publish a library, set it up to follow best practices, and ensure you maintain code quality.

Deep dive into Angular Builders

One of Angular’s best features, is also one of it’s most secretive. How does your project go from a bunch of files, to an amazing app that you can deploy? The secrete? Builders. We’ll not only look at how this happens, but take a look at the API involved so you write your own builder and integrate other tools that fit your needs.

Rethinking Cross-Platform

Building "cross-platform" apps is often a loaded term. With previous experiences defining how people think about the subject. But times have changed, and so has our technology for building cross-platform. In this talk, we'll look at Capacitor, a new way to build for iOS, Android, and most importantly the web, all with one codebase.

Building "cross-platform" apps is often a loaded term. With previous experiences defining how people think about the subject. But times have changed, and so has our technology for building cross-platform. In this talk, we'll look at Capacitor, a new way to build for iOS, Android, and most importantly the web, all with one codebase.

The Web Can Do That? A Look at Modern Web App

The web, yes that web, is making a comeback. As native development has been the main deployment target for startups and large companies, the web has been improving. Blurring the lines between Web and Native, Progressive Web Apps offer the same deep integration as a native app with the ease of developing and deploying web apps.

Delighting users with performant apps

Ok, so you want to build an app that can be fast, performant, and keep your users coming back for more? Think you need to reach for native? Think again! The Web is an amazing platform that offers developers a lot of ways to build amazing experiences. The only problem is...it requires some tricks to get the experience to not be terrible. So, if native is so great at performance, how can we make the web compete?

Let's take a look at an app that comes with every iOS device and see what features set it apart from your standard web app. Then, with a minimal rebuild of this app, we'll add UX details that are not only performant, but also make user want to use your app.

StencilJS and Universal Components

Have you ever found an awesome component online, but couldn’t use it because it’s written for a different framework? For too long now, frameworks have gotten in the way of developers sharing code that they’ve written. With different APIs to work with, developers would have to rewrite a component multiple times to be able to work with React, Angular, Vue, or even Ember. Enter Web Components. Built on open web standards, Web Components provide a way for creating reusable components that can work within every framework, and even outside of them. Find out what Ionic’s been experimenting with and see why Web Components are the way of the future.

Progressive Web Apps across all frameworks

Progressive Web Apps! You may have heard of them, but how does one actually go about building one? In this session we'll go over the basics of PWAs and what tools exist in the JavaScript ecosystem & frameworks that can make writing PWAs simple for everyone.

Frameworks are dead, long live the compiler

HTML, CSS, and JavaScript. The low level building blocks of all the web have been around for years now. But building at such a low level creates a lot of boiler plate and ofter creates worse code. Enter frameworks! But, frameworks are large, slow, and require a lot of runtime execution. Enter Compilers! We'll look at the current state of web compilers and how building at a higher level and compiling down is a better way to build for the web.