What's New in AUI 8 and Why you Should Care!

•

0 likes•7,907 views

Atlassian UI (AUI) is our major UI component library that is used in all our Server products and many apps in Marketplace. It plays a major role in the experience our customers have with our products. Get a handle with our latest release of AUI. Join Patrick Lai, a software engineer for the Server Frontend Platform, and learn about the current state of AUI, what new changes we’ve introduced and what makes this version so exciting and why you should be using it.

Technology

PATRICK LAI | JUNIOR DEVELOPER | ATLASSIAN | @THEPATRICKLAI
What’s New in AUI 8
…and Why you should care!

UI Libraries
Creating a familiar and consistent
experience in products

Major UI library
Plays a role in both Server and Cloud products
Composed of 40 components
A huge range of components to choose from,
buttons, dialogs, dropdowns, modals and so
much more.
Minimal CSS + JS
Chosen to be framework agnostic
What is AUI?

To create a harmonious
experience for our users.
MISSION

TIMELINE
ADG1 ADG2
Atlaskit(ADG3)
AUI6.x(ADG2)
2013 2016
ADGforServer
AUI7
AUI5.xAUI1.x
2008
AUI 8
20182012 2014 2017

Reducing size
Reducing complexity
Aligning with ADG for Server
Our goals

To give you the best in usability
and developer experience.
CONTEXT

Aligning with ADG for Server
More aesthetic than ever

Agenda
What’s changed?
Redefining experimental
Deprecations
Upgrading

Smaller bundle
size
What comes
bundled
Performance Up-to-date
What’s changed?

~11% reduction
Down 21 KB from AUI 7 (185KB to 164KB min+gz)
Out with the old
Removing deprecated code patterns contributed
to the big savings
Changing what’s bundled
Moving rarely-used components out
Smaller

Further reducing page weight
Improving performance by overhauling what
you get bundled with.
Atlassian JS (AJS)
Reduced its min bundle size by a substantial 50%
From 555KB to 262KB compared to AUI 7.
Web-resources
Removing experimental web-resource keys
Sensible
bundling

Being smaller
Faster to load into the browser
Components are faster
In a Chrome Lighthouse Audit, dropdown2 scores
higher at 85/100 compared to 63/100
Faster first meaningful paint at ~3.3s compared
to ~4.5s in our test pages*
Faster
* https://testpreview-aui-flatapp.netlify.com

Visit
testpreview-aui-flatapp.netlify.com

Dependencies
All our key dependencies are up-to-date
jQuery and jQuery UI
Bumped up jQuery to 2.x and JQuery UI to 1.12.1
jQuery UI no longer core to AUI
Support for jQuery 3
Backbone and Underscore
No longer added to window by default.
Backbone now on 1.3.3
Underscore now on 1.9.1
Modern

The problem
Experimental components and features were
often used in production.
Going forward
New components and features to be built in
separate Node packages.
Keeps production bundle small.
End of
experimental

Bundle Web-
resources
Individual web-resource keys
instead of bundle keys
Deprecations
Removed web-
resources
Experimental web-resource
keys removed
Components
Dialog 1, Dropdown 1, and
Inline Dialog 1 removed

jQuery 1 is dead to us
It’s old, slow, and has known security
vulnerabilities.
We’re no longer providing support for it.
Upgrade Tips
Dependencies
Using P2 Plugin
Hurray for 3
We’re supporting this now is now ready
for products and projects that upgrade
to this version.

Be wary of web-resources
With many deprecations and removed keys,
be sure to check out the upgrade guides.
On aui.atlassian.com
Upgrade Tips
Dependencies
Using P2 Plugin

AUI 8.4 & 8.5
Introducing a new and modern look to
• Form fields
• Radio
• Checkbox
OUR LATEST RELEASES

60 customer issues resolved
437 commits over 6 months
CONTRIBUTIONS

PATRICK LAI | JUNIOR DEVELOPER | ATLASSIAN | @THEPATRICKLAI
Thank you!

The upcoming Jira Server’s user anonymization feature makes administrators lives easier, as it adds extensive in-product support for EU's right to be forgotten. At the same time, it has an immense impact on the majority of Marketplace apps and will break some of them. Join Daniel Rauf, Software Engineer for Jira Server, to learn how to keep your app in a consistent state, explore newly added APIs allowing you to react to the anonymization and efficiently assess your implementations with end-to-end tests.

4 Changes We're Making to Help you be Successful in the Cloud

Atlassian

Integrate CI/CD Pipelines with Jira Software Cloud

Atlassian

Key development information, such as source code repositories, build servers, feature flag providers, and deployment services from CI/CD providers (both Cloud and On-premise), are now available in Jira Software Cloud. Join Oliver Burn, Senior Architect for Jira Software Cloud, and learn how to integrate a new CI/CD system or leverage one of the many existing integrations for popular CI/CD providers. Discover how Jira Software gives teams the information they need to make faster, better decisions through continuous visibility.

An Exploration of Cross-product App Experiences

Atlassian

Atlassian has been building out the Teamwork platform, bringing cross-product experiences like the rich-text editor to all of our products. Extending the Teamwork platform presents a new opportunity for developers. In this talk, we'll share more on what the Teamwork platform is, where is it available, and explore how we’re thinking app developers might extend the platform. Learn more about the future vision of building cross-product apps, consider what new opportunities it might present for your team, and give early feedback for how you’d like to see it evolve.

Updates on the Data Center Apps Program

Atlassian

What's New in Jira Cloud for Developers

Atlassian

What new developments happened in Jira Cloud APIs, Connect modules and Oauth2 (3LO) integrations in the last six months? Join Eve Stankiewicz, Principal Product Manager at Jira Cloud Platform, to learn more about the recent changes in Jira Cloud APIs and Connect modules. Learn how you can use these changes to deliver more advanced and flexible apps for Jira Cloud users, as well as tips on making Cloud apps more performant and scalable.

The New & Improved Confluence Server and Data Center

Atlassian

Confluence Server is on an exciting yet challenging journey to deliver its latest platform version (7.0) very soon. Platform releases usually provide us an opportunity to make significant and/or breaking changes to Confluence. While these changes may seem fairly inconsequential at times, they do unlock a huge potential for our team to ship massive improvements, that help your teams get work done faster in Confluence. Given we only ship a platform version every 2-3 years, Usman Khalid, Senior Team Lead for Confluence Server, will take this opportunity to present some important upcoming changes to our vendors, developers and administrators so they have enough time to understand and prepare for the plethora of benefits and features that are packed into this new version of Confluence.

Jira Cloud has launched next-gen projects for Software and Service Desk intending to make our products simply powerful - easier to configure, but even more flexible. Join Peter Grasevski, Developer for Jira Service Desk Cloud, to discover the differences between next-gen and classic projects, how Jira projects will change over the coming years, and what you need to know to keep your app compatible.

Trusted by Default: The Forge Security & Privacy Model

Atlassian

Security and trust have become increasingly important requirements for our customers in Cloud. We’re working to make it easier for you to build and maintain secure apps for Atlassian products. In this session, Engineering Team Lead Dugald Morrow and Principal Product Manager Joël Kalmanowicz will explain how security and trust have been baked into the Forge framework and the benefits the platform can offer you and your users. Learn how much less work it can be to build trusted apps customers will love on Forge by going deep on the safeguards we’re putting in place. Developers or attendees with some software security experience will get the most out of this session.

Preparing for Data Residency and Custom Domains

Atlassian

Atlassian customers have long requested the ability to control where they host their content in Atlassian Cloud. They’ve also long desired the ability to configure their cloud products to be accessible via a custom domain. These features are coming soon to Jira and Confluence Cloud! What will this mean for Marketplace app developers? Join Nuwan Ginige, Principal Product Manager on the Cloud Platform team, as he walks through how the evolution of Atlassian’s cloud platform has shaped the development of these capabilities. Learn how these changes will impact Marketplace apps, and how you can get involved in app vendor early access progress before general availability.

Spec-first API Design for Speed and Safety

Atlassian

Spec-first API design dramatically tightens and improves the development feedback loop without wasting effort on artifacts that can't be used. The Jira Software team has used this approach very successfully to build APIs that we expose to both internal and external consumers. In this session, James Navin will walk you through the spec-first approach and demonstrate the benefits that it brings. He will also highlight some tools that can be used to implement a spec-first development approach.

Practical Patterns for Developing a Cross-product Cross-version App

Atlassian

From AUI to Atlaskit - Streamlining Development for Server & Cloud Apps

Atlassian

Designing Forge UI: A Story of Designing an App UI System

Atlassian

Creating apps with Forge and its UI frontend components is now easier than ever. Join Senior Designer Allard van Helbergen and Product Manager Josephine Lee as they walk through the story of designing Forge UI. What is a declarative UI and why did we choose this paradigm? What are all the considerations that go into defining the set of components to build apps with? And how do you make ‘creating apps’ simple? Walk away understanding the foundations of Forge, how all the different components work together, and where Forge UI is headed in the future.

Take Action with Forge Triggers

Atlassian

The Forge platform contains some powerful primitives for binding functions to Atlassian events and webhooks emitted by third-party SaaS systems. Join Platform Services Engineer Tomek Sroka as he gets hands-on with Forge Product Triggers and Web Triggers to build a powerful integration with surprisingly little code. Attendees will walk away with a good understanding of the Forge dev loop and some tips and tricks for improving their own team’s workflows.

Serverless Analytics and Monitoring For Your Cloud App

Atlassian

Are you running a cloud app and struggling to get the right information out of your app and cloud infrastructure? A majority of third-party apps in the Atlassian Marketplace run on AWS, but they don't use it to its full potential in analyzing their data. For example, do you know which customer is producing the biggest traffic within your app? How well is your app performing? Do you know which features of your app are the most popular ones? This talk will help you to find low-cost options available to analyze and monitor data of your app and cloud infrastructure. There are many services which you can already use without even changing your existing app or infrastructure and without running any servers by yourself. Sebastian Hesse of K15t will give you tips and tricks for retrieving the information you need - surprises included!

Discover the Possibilities of the Jira Cloud Asset API

Atlassian

With the new assets management API for Jira Cloud, developers can bring a lot more context into Jira to create a faster and more powerful issue resolution experience. Join Andrea, a developer on Jira Service Desk, as she gives a holistic overview of asset management in Jira Cloud. We’ll step through an ideal end-to-end user experience from help seekers raising a request for their laptop, to an agent resolution. In this talk, you’ll learn what powers these experiences and exactly how to create them using the Jira Cloud Assets API and integration points.

Declaring Server App Components in Pure Java

Atlassian

Today, server app developers declare their components using a mixture of technologies that includes atlassian-plugin.xml, Spring XML files, and Spring Scanner. This fragmented approach comes with its own learning curve and an array of pitfalls. In this talk, Andrew Swan from Atlassian's Server Java Platform team will describe how server app developers can declare their Spring components in pure Java code. This approach is cleaner, more powerful, more flexible, easier to reason about, and more industry-standard. Attendees will also learn about a new Atlassian library that facilitates this approach by providing easy importing and exporting of OSGi services. Attendees will come away being immediately able to start using Java-based configuration in their server apps. Links to documentation and working sample code will be provided.

Access to User Activities - Activity Platform APIs

Atlassian

How do you stay on top of your work when it is scattered across multiple Atlassian products? "If only there was a single place where I could see all my activity..." - sounds familiar? We are going to provide you an insight into what lead to the creation of a new Activity API. Following last year’s Atlas Camp announcement from our CTO Sri Viswanath, Atlassian is moving onto GraphQL - new Activity API is one the first pieces of the GraphQL Atlassian Platform and is the technology behind start.atlassian.com. Join Sergey Meshkov, Senior Developer, who will provide you a sneak peek of the new GraphQL Activity API as it will soon be available to our vendors.

Creating Your Own Server Add-on that Customizes Confluence or JIRA

Atlassian

JIRA and Confluence are highly versatile products that just about any team can use. But what if your team has special use cases or needs? That's where customization comes in – and you can do it, using the Plugins 2 (P2) framework for our Server family of products. Join developer advocate Melissa Paisley to learn how to start. She'll cover key technologies, walk through a demo, and show you where to get further information. Thanks to P2, you can make JIRA and Confluence a perfect fit for your team. Melissa Paisley, Developer Support, Atlassian

Supercharge Your Pages - New Ways to Extend the Confluence Editor

Atlassian

Leaning into Server to Cloud App Migration

Atlassian

Interest in Atlassian Cloud by Server (and Data Center) customers has been steadily increasing, propelled by new cloud capabilities like SAML authentication, SCIM provisioning, local data centers for performance, encryption at rest, guaranteed uptime, unlimited storage, and the ever-increasing availability of essential Marketplace apps. To anticipate increasing demand, the time has come to develop a standard app migration framework that makes migrating app data from Server to Cloud feasible, intuitive, reliable, secure, and above all, self-serve. In this talk, Chris Clarke will provide an overview of our emerging app data migration architecture, how it will integrate into our evolving Cloud Migration Assistants, and what we’d need from Marketplace vendors to make it work. App migration will be a key part of every customer’s migration journey and we will only be successful by working on it together.

Launch into New Markets with JIRA Service Desk

Atlassian

IT, customer service, and business process management are multi-billion dollar industries that you can tap into. How? By building amazing add-ons for the fastest growing product in Atlassian: JIRA Service Desk. In this talk, JIRA Service Desk's Principal Product Manager, Shihab Hamid, covers both the opportunities to solve real customer problems and dive into the new API that's available so you can make it happen! Shihab Hamid, Principal Product Manager, Atlassian

Scaling Indexing and Replication in Jira Data Center Apps

Atlassian

Building an app that scales well for Jira Data Center can be challenging, especially with regards to index replication. Andriy Yakovlev, a Principal Premier Support Engineer at Atlassian will share some common problems customers have experienced with apps on large instances, and how to prevent them. Attendees will learn about how indexing works in Jira, and how indexes are replicated in Jira Data Center, as well as what to look out for to prevent problems before they happen.

How Bitbucket Pipelines Loads Connect UI Assets Super-fast

Atlassian

Connect add-ons deliver better user experience when they load fast. Between CDN, server-side rendering, service workers, and code splitting, there are loads of techniques you can use to achieve this. In this session, Atlassian Developer Peter Plewa will reveal Bitbucket Pipelines' secret for fast loads, and what they can do in the future to make Pipelines even faster. Peter Plewa, Development Principal, Atlassian

Forge: Under the Hood

Atlassian

After a day of learning about the exciting features of Forge, get ready for a peek under the hood to discover how it’s all implemented. Join Forge Architect Patrick Streule as he goes deep on topics such as Forge FaaS infrastructure, the internal workings of tenant isolation, and automatic authentication. Attendees will also get a glimpse of some features we’re looking at building into the future of Forge, such as a serverless data store for apps and more!

Designing and Running a GraphQL API

Atlassian

GraphQL APIs offer greater flexibility than traditional REST APIs and are particularly suited for mobile app development. Exposing a GraphQL API is also becoming an expected part of the API offering of many platforms. GraphQL APIs work differently to traditional REST APIs and also present some unique operational challenges. In this session, Ben Morgan will get you ready to build and run a GraphQL API. The session is focussed on the design and operational side. We will cover the basics of GraphQL; design patterns for GraphQL; how to operate a GraphQL API; and take a look at available tooling.

MySQL Enterprise Edition

MySQL Brasil

Atlassian Summit 2011 Day 2 KeynoteAtlassian

What's hot

What Does Jira Next-Gen Mean for Cloud Apps?

Atlassian

Trusted by Default: The Forge Security & Privacy Model

Atlassian

Preparing for Data Residency and Custom Domains

Atlassian

Spec-first API Design for Speed and Safety

Atlassian

Practical Patterns for Developing a Cross-product Cross-version App

Atlassian

From AUI to Atlaskit - Streamlining Development for Server & Cloud Apps

Atlassian

Designing Forge UI: A Story of Designing an App UI System

Atlassian

Take Action with Forge Triggers

Atlassian

Serverless Analytics and Monitoring For Your Cloud App

Atlassian

Discover the Possibilities of the Jira Cloud Asset API

Atlassian

Declaring Server App Components in Pure Java

Atlassian

Access to User Activities - Activity Platform APIs

Atlassian

Creating Your Own Server Add-on that Customizes Confluence or JIRA

Atlassian

Supercharge Your Pages - New Ways to Extend the Confluence Editor

Atlassian

Leaning into Server to Cloud App Migration

Atlassian

Launch into New Markets with JIRA Service Desk

Atlassian

Scaling Indexing and Replication in Jira Data Center Apps

Atlassian

How Bitbucket Pipelines Loads Connect UI Assets Super-fast

Atlassian

Forge: Under the Hood

Atlassian

Designing and Running a GraphQL API

Atlassian

What's hot (20)

What Does Jira Next-Gen Mean for Cloud Apps?

Trusted by Default: The Forge Security & Privacy Model

Preparing for Data Residency and Custom Domains

Spec-first API Design for Speed and Safety

Practical Patterns for Developing a Cross-product Cross-version App

From AUI to Atlaskit - Streamlining Development for Server & Cloud Apps

Designing Forge UI: A Story of Designing an App UI System

Take Action with Forge Triggers

Serverless Analytics and Monitoring For Your Cloud App

Discover the Possibilities of the Jira Cloud Asset API

Declaring Server App Components in Pure Java

Access to User Activities - Activity Platform APIs

Creating Your Own Server Add-on that Customizes Confluence or JIRA

Supercharge Your Pages - New Ways to Extend the Confluence Editor

Leaning into Server to Cloud App Migration

Launch into New Markets with JIRA Service Desk

Scaling Indexing and Replication in Jira Data Center Apps

How Bitbucket Pipelines Loads Connect UI Assets Super-fast

Forge: Under the Hood

Designing and Running a GraphQL API

Similar to What's New in AUI 8 and Why you Should Care!

MySQL Enterprise Edition

MySQL Brasil

Atlassian Summit 2011 Day 2 KeynoteAtlassian

Blugsphere2011 dev

AusLUG

VAST 7.5 and Beyond

ESUG

Netbeans 6.1 Talk

Angad Singh

AUG NYC - Atlassian Server Updates

AUGNYC

Toad For Oracle 97Janos Horvath

DOs and DONTs on the way to 10M usersYoav Avrahami

Developing Commercial APEX Applications

Enkitec

Oracle Application Express has proven itself as a powerful development platform for internal development needs in countless organizations worldwide. One of the new frontiers it is starting to conquer is building commercial applications. This session covers what it takes to use Oracle Application Express as a platform for building commercial applications. It looks at all facets of the software development lifecycle and discusses different infrastructures, deployments, processes, and tools used to make development with Oracle Application Express as streamlined and cost-effective as possible. Real-world examples are given throughout the session. Much of what is discussed in this session can also be applied to medium to large Oracle Application Express projects.

Docker Enables DevOps - Boston

Boyd Hemphill

IoT with Vaadin Elements

Jürgen Treml

VAST 8.0

ESUG

Expanding XPages with Bootstrap Plugins for Ultimate Usability

Teamstudio

IBM Champion Johnny Oldenburger from Kranendonk Smart Robotics shows how to develop very user friendly and fully responsive web applications (with XPages of course!) by making use of Bootstrap and jQuery Plugins. He shows how to use the Select2, DateTimePickers, Multiselect, Bootstrap-select, Modals, Popovers, and Notifications plugins to deliver the ultimate in usability. Learn how to solve the AMD issue when incorporating JavaScript libraries in XPages. Go beyond the basics and create applications that nobody ever thought possible using XPages.

How to scale to 100k users using Windows Azure

Ionut Antiu

Whats new in Enterprise 5.0 Product Suite

Micro Focus

This What's New? document covers some of the new features and functions in the latest release of theMicro Focus Enterprise Product Suite. Updates apply to the following products:•Micro Focus Enterprise Developer which provides a contemporary development suite for developingand maintaining mainframe applications, whether the target deployment is on or off the mainframe.•Micro Focus Enterprise Test Server which provides a comprehensive test platform that takesadvantage of low cost processing power on Windows environments, to supply scalable capacity fortesting z/OS applications without consuming z/OS resources.•Micro Focus Enterprise Server which provides the execution environment to deploy fit-for-purposemainframe workload on Linux, UNIX and Windows (LUW) environments on IBM LinuxONE (IFLs),standalone servers, virtual servers, or the Cloud.•Micro Focus Enterprise Server for .NET which provides the execution and modernization platform todeploy fit-for-purpose mainframe workload on a scale-out .NET infrastructure and the Azure Cloud.This document helps you to quickly understand the new capabilities within the 5.0 release.

Strategies and Tips for Building Enterprise Drupal Applications - PNWDS 2013

Mack Hardy

Mack Hardy, Dave Tarc, Damien Norris of Affinity Bridge presenting at Pacific Northwest Drupal Summit in Vancouver, October 5th, 2013. The presentation walks through management of releases, deployment strategies and build strategies with drupal features, git, and make files. Performance and caching is also covered, as well as specific tips and tricks for configuring apache and managing private files.

Programming in HTML5 With Java Script and CSS3

Testbells

LvivCSS: Web Components as a foundation for Design System

Vlad Fedosov

Synergy 7.0 Sales 10312008Bill Duncan

Similar to What's New in AUI 8 and Why you Should Care! (20)

MySQL Enterprise Edition

Atlassian Summit 2011 Day 2 Keynote

Blugsphere2011 dev

VAST 7.5 and Beyond

Netbeans 6.1 Talk

AUG NYC - Atlassian Server Updates

Toad For Oracle 97

DOs and DONTs on the way to 10M users

Developing Commercial APEX Applications

Docker Enables DevOps - Boston

IoT with Vaadin Elements

VAST 8.0

Expanding XPages with Bootstrap Plugins for Ultimate Usability

How to scale to 100k users using Windows Azure

Whats new in Enterprise 5.0 Product Suite

Strategies and Tips for Building Enterprise Drupal Applications - PNWDS 2013

Programming in HTML5 With Java Script and CSS3

LvivCSS: Web Components as a foundation for Design System

Synergy 7.0 Sales 10312008

More from Atlassian

International Women's Day 2020

Atlassian

10 emerging trends that will unbreak your workplace in 2020

Atlassian

Forge App Showcase

Atlassian

Ever wondered what Atlassian engineers do in their 20% time? Join Forge engineering lead Tim Pettersen on a lightning tour of how Forge is being used inside Atlassian. Attendees will get a rare view into some of the apps, tools, and tweaks we’ve built internally on top of Forge in the spirit of dogfooding and innovation. Come along and be inspired with some great ideas for improving and automating your own teams' workflows!

Let's Build an Editor Macro with Forge UI

Atlassian

Race out of the gate with Forge UI: a new way of building UI extensions for Atlassian products. In this session, Forge UI Developer Experience lead Peter Gleeson will demonstrate how build an Editor macro from scratch! Attendees will learn about Forge foundational concepts such as the FaaS dev loop, Forge CLI, and how to construct UIs from Forge UI components. This session provides a great introduction to the Forge platform for any developer looking to get productive with editor apps and Forge UI.

Meet the Forge Runtime

Atlassian

In the words of Jeff Atwood: “JavaScript is the lingua franca of the web”. It’s also the first language we’ve chosen to support in Forge. In this session, Forge engineer Shorya Raj will walk through the Node.js isolate based runtime you’ll be using to write apps for Forge. Attendees will learn about the unique features of the Forge JavaScript Runtime, such as automatic authentication and tenant context management. Shorya will also cover the differences between the Runtime, conventional browser, and Node.js APIs. Developers or attendees with some programming experience will get the most out of this session.

Forge UI: A New Way to Customize the Atlassian User Experience

Atlassian

UI extensibility is an integral part of Atlassian's ecosystem story. In cloud, traditionally this has been accomplished with the humble iframe. In this session you will learn about Forge UI, an additional and innovative way to build visual apps for Atlassian products. Join Product Manager Simon Kubica and Senior Developer Michael Oates from the Forge team in exploring the underlying concepts and technology powering Forge UI, and learn how it will unlock exciting new opportunities in our ecosystem.

Observability and Troubleshooting in Forge

Atlassian

Observability is a critical component of any Cloud development platform, and we have some exciting logging, monitoring, and debugging features planned for the Forge toolchain. In this lightning talk, Senior Developer James Hazelwood from Forge infrastructure team will give an overview of Forge logging and tunnelling features, explain how different environment types effect observability, and share some expert tips and tricks for detecting and troubleshooting issues in your Forge apps.

Design Your Next App with the Atlassian Vendor Sketch Plugin

Atlassian

Our designers work  3x quicker  with the Atlassian Vendor Sketch Plugin — and now we’re unleashing these superpowers to the Atlassian Ecosystem. If you mockup screens for code or marketing, we’ll help you drag and drop your way to an Atlaskit design in less than 10 minutes. And if you’re a designer, you’ll want to hear about our pixel-perfect component library and suite of seamless Sketch integrations. Join Atlassian’s resident Sketch aficionado, Huw Evans, to learn about:  Sketch Components: If it’s in Atlaskit, it’s now in Sketch. And introducing the Symbol Palette, the quickest way to find the right component for the job.  Product Templates: Spark inspiration by building your designs inside realistic screens from Jira & Confluence — or craft hero images for your Marketplace listing!  Color and Text Styles: Heard of N75? H400? If those mean nothing to you, we’ll run through how to make your users feel at home by using Atlassian colors & typography, right inside Sketch.  Data Suppliers: Say goodbye to Lorem Ipsum. Learn how to use Sketch Data Suppliers to generate realistic copy using live data from Jira, Confluence and Bitbucket. Bonus: How we used AI to create people who don’t exist! ‍♀️ It's All Open Source: How we made it really easy to customise the Atlassian Vendor Sketch Plugin for your team's needs.

Tear Up Your Roadmap and Get Out of the Building

Atlassian

You’d never knowingly ship something to your customers that didn’t deliver value, would you? Would you still stand your ground if you were under pressure to get a team of developers working on something? You probably know that one of Atlassian’s most well-known values is “Don’t f*** the customer”, so learn what happened when a lean product team decided to tear up the roadmap because they were brave enough to admit they didn’t understand their customers well enough. Join Janel Blattler, as she shares how her team used research to unveil a new plan in just a few weeks. You’ll be able to practice some techniques and walk away with a bucket load of inspiration. Come along if you’d like to run research, but worry that you don’t have enough time or lack the skills to do so – you don’t need to be a researcher on your team. This session is for you if you’re looking for ways to drive customer empathy closer in the team, or you’d like to up your game and discover some new techniques for delivering lean research with actionable insights.

Nailing Measurement: a Framework for Measuring Metrics that Matter

Atlassian

When it comes to designing apps and new features, we just can't get enough of metrics. In an age where we can collect data from almost anything, how can we cut through the noise and focus on the right metrics to measure the success and failures of the apps that we’re building? Join Atlassian Product Manager Josephine Lee as she delves through what exactly makes a good metric. Throughout the talk, we’ll walk through real Atlassian examples of good and bad metrics. By exploring a framework for measurement, we’ll cover detailed features that showcase how best to measure and choose the right set of success, supportive, and counter metrics. You'll walk away with tips and learnings from Atlassian’s approach to measuring success, and learn how to use data and metrics to inspire action in your apps.

Building Apps With Color Blind Users in Mind

Atlassian

Color-blind people are using your apps. 1 in 12 men is color blind. And for women, this is 1 in 200. Building apps that work well for color blind people is not difficult. Some simple techniques help us with the design of our interface. And some tools help us see what color blind people see. In this talk, Maarten Arts of Avisi will look at common varieties of color blindness. We will look at apps through the eyes of a color-blind person. And we will discover what color-blind people struggle with. Regardless of whether you're a designer or developer, this talk will equip you with the skills and the tools you need to make sure that your app works for color-blind people.

Creating Inclusive Experiences: Balancing Personality and Accessibility in UX...

Atlassian

The words we choose have the power to include or alienate our users. The reality is that for many, English is spoken as a second language. And unless you're going to localize your product for those major non-English speaking markets, you'll need to thoughtfully create content that is accessible to a larger audience. But how do we create products that maintain a sense of personality without isolating a wide audience of non-native speakers? Join Atlassian Content Designer, Roana Bilia, as she walks you through why thoughtful, inclusive content, is key to creating well-designed user experiences. You'll walk away with foundational principles for good UX copy when optimizing your product UI, a few quick wins that you as creators and developers can incorporate into your next products, as well as a set of mistakes to avoid that companies—including Atlassian—have made, which prioritized native speakers but isolated non-native speakers.

Beyond Diversity: A Guide to Building Balanced Teams

Atlassian

We hear it all the time, and we get it. Diversity and inclusion are important! But isn't it an HR problem? HR may be able to help with diversity but inclusion or creating an inclusive environment is everyone's responsibility. So how do we create an inclusive environment that celebrates diversity and engages and supports everyone? Isabel Nyo will be sharing best practices and lessons she has learned along the way. She will also be sharing her experience as a minority, a female technical leader, in the technology industry.

The Road(map) to Las Vegas - The Story of an Emerging Self-Managed Team

Atlassian

In September 2018, K15t took its mission to go self-managed to the next-level when the entire company worked together to decide on the Next Big Thing™ to build for Atlassian users and present it at Summit in Las Vegas. In this session, Anshuman Dash, an intern turned software engineer, turned product manager, shares his journey of professional self-discovery. In under five months, he joins a freshly assembled, self-managed team in building a new Atlassian Marketplace app. Dash will give a quick intro to what it means for a team to be self-managed. Then, he'll share his observations and experiences on the team, as well as the best-practices, patterns, and processes K15t has discovered along the way. Whether you are a new team with a kick-ass product idea or a big company figuring out ways to scale, this talk will provide you with practical tips and ideas your team can try out!

Building Apps With Enterprise in Mind

Atlassian

Designing for the enterprise comes with a unique set of challenges; ensuring readability and accessibility at scale, meeting the needs of multi-layered organizations, and building a trust when your software - used by dozens of thousands of employees - is considered mission-critical. At Atlassian, we've spent countless hours digging deep into our enterprise customer's needs and we've gathered a vast repository of insights. In this talk, Pawel Wodkowski, a senior designer on Jira Server, will share all that we've learned from our research (while not being shy about busting some of those wild admin myths!). You'll get a crash course in what it means to design for scale the Atlassian way.

Shipping With Velocity and Confidence Using Feature Flags

Atlassian

No matter how small, every change that you roll out to customers will introduce some element of risk and there's every chance that it will impact the availability and reliability of your services. With feature flags, we can work towards minimizing that risk to keep your services reliable, highly available and ultimately keep your users happy. In this session, Peter Nguyen, Senior Engineer on the Trello team, will share how Trello uses feature flags to ship with velocity, confidence and manage deployment risks. Come and learn about what feature flags are and how you can add them to your operational repertoire to safely roll out new features and changes. We'll explore patterns, tools, and techniques to integrate feature flags into your services as we walk through some real-life examples covering API migrations, testing in production and building customer trust by beta-testing.

Build With Heart and Balance, Remote Work Edition

Atlassian

What happens to work/life balance when your home is your workplace? Join Avi Knoll, a remote software engineer at Atlassian, as they discuss ways to keep balanced and grounded while working from home. In a healthy office environment, it's easy to take a break for lunch. Take a break for coffee. Go home at the end of the day when your colleagues are gone, the lights are off, and your friends and family would like to see you. When you work from home, lunch is in the kitchen, or a delivery order away. You've got a coffee machine. Nobody turns out the lights on you. Your family or housemates are nearby anyway! Avi is very strict about work/life separation, not just balance. They'll run you through the risks of not disconnecting, and then discuss techniques you can use to ensure that even in the same room, you’ll have a clear line between “I'm at work” and “I'm on a break” or ”I'll be back tomorrow!”

How to Grow an Atlassian App Worthy of Top Vendor Status

Atlassian

Small Atlassian app vendors can struggle to make enterprise sales. How do you level the playing field, cross the chasm to enterprise sales, and make growth marketing a multiplier and core competency? Join Chris Cooke, Old Street Solution’s Atlassian Marketplace Growth expert (and former Clearvision-ary & Adaptavist-an), for a discussion on why skepticism towards marketing and sales is natural, but unhealthy. Attendees will learn growth marketing principles in a language that will resonate with developers, with actionable advice that has helped top vendors (such as Automation for Jira) rapidly grow in new territories. We'll cover how you can implement data analysis, fast feedback loops, and use honest communication to resonate with your ideal audience to grow your customer base with your next great Atlassian App. Atlassian App Vendors are perfectly positioned (and incentivized) to cross-pollinate their ideas into an area ready for change. You need Marketing & Sales but they need you too!

Monitoring As Code: How to Integrate App Monitoring Into Your Developer Cycle

Atlassian

Over the past decade, DevOps has empowered teams to break silos and create an environment of shared responsibility for delivering scalable applications. At this breakout session, Remie Bolte, Marketplace Vendor and Cloud Solutions Architect, will explore how to break down one of the last silos still standing: application monitoring. You will learn about the history of monitoring and how it has evolved from basic systems monitoring to application performance monitoring. It will outline the common pitfalls of the most popular monitoring solutions and how these are antithetical to the DevOps movement. To solve this, we'll introduce you to a new monitoring concept focused on developers: Monitoring as Code.

How to Market Your New App on the Atlassian Marketplace

Atlassian

Building your app is the first step to starting a new business, but now how do you make it grow? To make your app a success, you need to focus on marketing your app to customers. In this talk, Aileen Horgan, Head of Ecosystem and Cloud Editions Marketing at Atlassian, will cover resources available to new vendors and discuss go-to-market strategies that every Marketplace vendor should take advantage of.

More from Atlassian (20)

International Women's Day 2020

10 emerging trends that will unbreak your workplace in 2020

Forge App Showcase

Let's Build an Editor Macro with Forge UI

Meet the Forge Runtime

Forge UI: A New Way to Customize the Atlassian User Experience

Observability and Troubleshooting in Forge

Design Your Next App with the Atlassian Vendor Sketch Plugin

Tear Up Your Roadmap and Get Out of the Building

Nailing Measurement: a Framework for Measuring Metrics that Matter

Building Apps With Color Blind Users in Mind

Creating Inclusive Experiences: Balancing Personality and Accessibility in UX...

Beyond Diversity: A Guide to Building Balanced Teams

The Road(map) to Las Vegas - The Story of an Emerging Self-Managed Team

Building Apps With Enterprise in Mind

Shipping With Velocity and Confidence Using Feature Flags

Build With Heart and Balance, Remote Work Edition

How to Grow an Atlassian App Worthy of Top Vendor Status

Monitoring As Code: How to Integrate App Monitoring Into Your Developer Cycle

How to Market Your New App on the Atlassian Marketplace

Recently uploaded

Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...

SOFTTECHHUB

The choice of an operating system plays a pivotal role in shaping our computing experience. For decades, Microsoft's Windows has dominated the market, offering a familiar and widely adopted platform for personal and professional use. However, as technological advancements continue to push the boundaries of innovation, alternative operating systems have emerged, challenging the status quo and offering users a fresh perspective on computing. One such alternative that has garnered significant attention and acclaim is Nitrux Linux 3.5.0, a sleek, powerful, and user-friendly Linux distribution that promises to redefine the way we interact with our devices. With its focus on performance, security, and customization, Nitrux Linux presents a compelling case for those seeking to break free from the constraints of proprietary software and embrace the freedom and flexibility of open-source computing.

The Metaverse and AI: how can decision-makers harness the Metaverse for their...

Jen Stirrup

The Metaverse is popularized in science fiction, and now it is becoming closer to being a part of our daily lives through the use of social media and shopping companies. How can businesses survive in a world where Artificial Intelligence is becoming the present as well as the future of technology, and how does the Metaverse fit into business strategy when futurist ideas are developing into reality at accelerated rates? How do we do this when our data isn't up to scratch? How can we move towards success with our data so we are set up for the Metaverse when it arrives? How can you help your company evolve, adapt, and succeed using Artificial Intelligence and the Metaverse to stay ahead of the competition? What are the potential issues, complications, and benefits that these technologies could bring to us and our organizations? In this session, Jen Stirrup will explain how to start thinking about these technologies as an organisation.

Epistemic Interaction - tuning interfaces to provide information for AI support

Alan Dix

Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024 https://alandix.com/academic/papers/synergy2024-epistemic/ As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.

Removing Uninteresting Bytes in Software Fuzzing

Aftab Hussain

Imagine a world where software fuzzing, the process of mutating bytes in test seeds to uncover hidden and erroneous program behaviors, becomes faster and more effective. A lot depends on the initial seeds, which can significantly dictate the trajectory of a fuzzing campaign, particularly in terms of how long it takes to uncover interesting behaviour in your code. We introduce DIAR, a technique designed to speedup fuzzing campaigns by pinpointing and eliminating those uninteresting bytes in the seeds. Picture this: instead of wasting valuable resources on meaningless mutations in large, bloated seeds, DIAR removes the unnecessary bytes, streamlining the entire process. In this work, we equipped AFL, a popular fuzzer, with DIAR and examined two critical Linux libraries -- Libxml's xmllint, a tool for parsing xml documents, and Binutil's readelf, an essential debugging and security analysis command-line tool used to display detailed information about ELF (Executable and Linkable Format). Our preliminary results show that AFL+DIAR does not only discover new paths more quickly but also achieves higher coverage overall. This work thus showcases how starting with lean and optimized seeds can lead to faster, more comprehensive fuzzing campaigns -- and DIAR helps you find such seeds. - These are slides of the talk given at IEEE International Conference on Software Testing Verification and Validation Workshop, ICSTW 2022.

A tale of scale & speed: How the US Navy is enabling software delivery from l...

sonjaschweigert1

Rapid and secure feature delivery is a goal across every application team and every branch of the DoD. The Navy’s DevSecOps platform, Party Barge, has achieved: - Reduction in onboarding time from 5 weeks to 1 day - Improved developer experience and productivity through actionable findings and reduction of false positives - Maintenance of superior security standards and inherent policy enforcement with Authorization to Operate (ATO) Development teams can ship efficiently and ensure applications are cyber ready for Navy Authorizing Officials (AOs). In this webinar, Sigma Defense and Anchore will give attendees a look behind the scenes and demo secure pipeline automation and security artifacts that speed up application ATO and time to production. We will cover: - How to remove silos in DevSecOps - How to build efficient development pipeline roles and component templates - How to deliver security artifacts that matter for ATO’s (SBOMs, vulnerability reports, and policy evidence) - How to streamline operations with automated policy checks on container images

GraphRAG is All You need? LLM & Knowledge Graph

Guy Korland

Guy Korland, CEO and Co-founder of FalkorDB, will review two articles on the integration of language models with knowledge graphs. 1. Unifying Large Language Models and Knowledge Graphs: A Roadmap. https://arxiv.org/abs/2306.08302 2. Microsoft Research's GraphRAG paper and a review paper on various uses of knowledge graphs: https://www.microsoft.com/en-us/research/blog/graphrag-unlocking-llm-discovery-on-narrative-private-data/

State of ICS and IoT Cyber Threat Landscape Report 2024 preview

Prayukth K V

The IoT and OT threat landscape report has been prepared by the Threat Research Team at Sectrio using data from Sectrio, cyber threat intelligence farming facilities spread across over 85 cities around the world. In addition, Sectrio also runs AI-based advanced threat and payload engagement facilities that serve as sinks to attract and engage sophisticated threat actors, and newer malware including new variants and latent threats that are at an earlier stage of development. The latest edition of the OT/ICS and IoT security Threat Landscape Report 2024 also covers: State of global ICS asset and network exposure Sectoral targets and attacks as well as the cost of ransom Global APT activity, AI usage, actor and tactic profiles, and implications Rise in volumes of AI-powered cyberattacks Major cyber events in 2024 Malware and malicious payload trends Cyberattack types and targets Vulnerability exploit attempts on CVEs Attacks on counties – USA Expansion of bot farms – how, where, and why In-depth analysis of the cyber threat landscape across North America, South America, Europe, APAC, and the Middle East Why are attacks on smart factories rising? Cyber risk predictions Axis of attacks – Europe Systemic attacks in the Middle East Download the full report from here: https://sectrio.com/resources/ot-threat-landscape-reports/sectrio-releases-ot-ics-and-iot-security-threat-landscape-report-2024/

FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf

FIDO Alliance

Elevating Tactical DDD Patterns Through Object Calisthenics

Dorra BARTAGUIZ

After immersing yourself in the blue book and its red counterpart, attending DDD-focused conferences, and applying tactical patterns, you're left with a crucial question: How do I ensure my design is effective? Tactical patterns within Domain-Driven Design (DDD) serve as guiding principles for creating clear and manageable domain models. However, achieving success with these patterns requires additional guidance. Interestingly, we've observed that a set of constraints initially designed for training purposes remarkably aligns with effective pattern implementation, offering a more ‘mechanical’ approach. Let's explore together how Object Calisthenics can elevate the design of your tactical DDD patterns, offering concrete help for those venturing into DDD for the first time!

The Art of the Pitch: WordPress Relationships and Sales

Laura Byrne

Clients don’t know what they don’t know. What web solutions are right for them? How does WordPress come into the picture? How do you make sure you understand scope and timeline? What do you do if sometime changes? All these questions and more will be explored as we talk about matching clients’ needs with what your agency offers without pulling teeth or pulling your hair out. Practical tips, and strategies for successful relationship building that leads to closing the deal.

Leading Change strategies and insights for effective change management pdf 1.pdf

OnBoard

FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf

FIDO Alliance

Monitoring Java Application Security with JDK Tools and JFR Events

Ana-Maria Mihalceanu

By Design, not by Accident - Agile Venture Bolzano 2024

Pierluigi Pugliese

Le nuove frontiere dell'AI nell'RPA con UiPath Autopilot™

UiPathCommunity

In questo evento online gratuito, organizzato dalla Community Italiana di UiPath, potrai esplorare le nuove funzionalità di Autopilot, il tool che integra l'Intelligenza Artificiale nei processi di sviluppo e utilizzo delle Automazioni. 📕 Vedremo insieme alcuni esempi dell'utilizzo di Autopilot in diversi tool della Suite UiPath: Autopilot per Studio Web Autopilot per Studio Autopilot per Apps Clipboard AI GenAI applicata alla Document Understanding 👨‍🏫👨‍💻 Speakers: Stefano Negro, UiPath MVPx3, RPA Tech Lead @ BSP Consultant Flavio Martinelli, UiPath MVP 2023, Technical Account Manager @UiPath Andrei Tasca, RPA Solutions Team Lead @NTT Data

Quantum Computing: Current Landscape and the Future Role of APIs

Vlad Stirbu

UiPath Community Day Dubai: AI at Work..

UiPathCommunity

Welcome to the first live UiPath Community Day Dubai! Join us for this unique occasion to meet our local and global UiPath Community and leaders. You will get a full view of the MEA region's automation landscape and the AI Powered automation technology capabilities of UiPath. Also, hosted by our local partners Marc Ellis, you will enjoy a half-day packed with industry insights and automation peers networking. 📕 Curious on our agenda? Wait no more! 10:00 Welcome note - UiPath Community in Dubai Lovely Sinha, UiPath Community Chapter Leader, UiPath MVPx3, Hyper-automation Consultant, First Abu Dhabi Bank 10:20 A UiPath cross-region MEA overview Ashraf El Zarka, VP and Managing Director MEA, UiPath 10:35: Customer Success Journey Deepthi Deepak, Head of Intelligent Automation CoE, First Abu Dhabi Bank 11:15 The UiPath approach to GenAI with our three principles: improve accuracy, supercharge productivity, and automate more Boris Krumrey, Global VP, Automation Innovation, UiPath 12:15 To discover how Marc Ellis leverages tech-driven solutions in recruitment and managed services. Brendan Lingam, Director of Sales and Business Development, Marc Ellis

Securing your Kubernetes cluster_ a step-by-step guide to success !

KatiaHIMEUR1

Today, after several years of existence, an extremely active community and an ultra-dynamic ecosystem, Kubernetes has established itself as the de facto standard in container orchestration. Thanks to a wide range of managed services, it has never been so easy to set up a ready-to-use Kubernetes cluster. However, this ease of use means that the subject of security in Kubernetes is often left for later, or even neglected. This exposes companies to significant risks. In this talk, I'll show you step-by-step how to secure your Kubernetes cluster for greater peace of mind and reliability.

Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf

91mobiles

The Future of Platform Engineering

Jemma Hussein Allen

Recently uploaded (20)

Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...

The Metaverse and AI: how can decision-makers harness the Metaverse for their...

Epistemic Interaction - tuning interfaces to provide information for AI support

Removing Uninteresting Bytes in Software Fuzzing

A tale of scale & speed: How the US Navy is enabling software delivery from l...

GraphRAG is All You need? LLM & Knowledge Graph

State of ICS and IoT Cyber Threat Landscape Report 2024 preview

FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf

Elevating Tactical DDD Patterns Through Object Calisthenics

The Art of the Pitch: WordPress Relationships and Sales

Leading Change strategies and insights for effective change management pdf 1.pdf

FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf

Monitoring Java Application Security with JDK Tools and JFR Events

By Design, not by Accident - Agile Venture Bolzano 2024

Le nuove frontiere dell'AI nell'RPA con UiPath Autopilot™

Quantum Computing: Current Landscape and the Future Role of APIs

UiPath Community Day Dubai: AI at Work..

Securing your Kubernetes cluster_ a step-by-step guide to success !

Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf

The Future of Platform Engineering

What's New in AUI 8 and Why you Should Care!

1. PATRICK LAI | JUNIOR DEVELOPER | ATLASSIAN | @THEPATRICKLAI What’s New in AUI 8 …and Why you should care!

2. UI Libraries Creating a familiar and consistent experience in products

3. What is AUI?

4. Major UI library Plays a role in both Server and Cloud products Composed of 40 components A huge range of components to choose from, buttons, dialogs, dropdowns, modals and so much more. Minimal CSS + JS Chosen to be framework agnostic What is AUI?

5. Major UI library Plays a role in both Server and Cloud products Composed of 40 components A huge range of components to choose from, buttons, dialogs, dropdowns, modals and so much more. Minimal CSS + JS Chosen to be framework agnostic What is AUI?

6. Major UI library Plays a role in both Server and Cloud products Composed of 40 components A huge range of components to choose from, buttons, dialogs, dropdowns, modals and so much more. Minimal CSS + JS Chosen to be framework agnostic What is AUI?

7. To create a harmonious experience for our users. MISSION

8. TIMELINE ADG1 ADG2 Atlaskit(ADG3) AUI6.x(ADG2) 2013 2016 ADGforServer AUI7 AUI5.xAUI1.x 2008 AUI 8 20182012 2014 2017

9. Reducing size Reducing complexity Aligning with ADG for Server Our goals

10. Reducing size Reducing complexity Aligning with ADG for Server Our goals

11. Reducing size Reducing complexity Aligning with ADG for Server Our goals

12.

13. AUI 8 A major overhaul

14. xkcd: 1770 - UI Change

15. To give you the best in usability and developer experience. CONTEXT

16. Aligning with ADG for Server More aesthetic than ever

17.

18.

19.

20.

21. Agenda What’s changed? Redefining experimental Deprecations Upgrading

22. Smaller bundle size What comes bundled Performance Up-to-date What’s changed?

23. ~11% reduction Down 21 KB from AUI 7 (185KB to 164KB min+gz) Out with the old Removing deprecated code patterns contributed to the big savings Changing what’s bundled Moving rarely-used components out Smaller

24. ~11% reduction Down 21 KB from AUI 7 (185KB to 164KB min+gz) Out with the old Removing deprecated code patterns contributed to the big savings Changing what’s bundled Moving rarely-used components out Smaller

25. ~11% reduction Down 21 KB from AUI 7 (185KB to 164KB min+gz) Out with the old Removing deprecated code patterns contributed to the big savings Changing what’s bundled Moving rarely-used components out Smaller

26. Smaller bundle size What comes bundled Performance Up-to-date What’s changed?

27. Further reducing page weight Improving performance by overhauling what you get bundled with. Atlassian JS (AJS) Reduced its min bundle size by a substantial 50% From 555KB to 262KB compared to AUI 7. Web-resources Removing experimental web-resource keys Sensible bundling

28. Further reducing page weight Improving performance by overhauling what you get bundled with. Atlassian JS (AJS) Reduced its min bundle size by a substantial 50% From 555KB to 262KB compared to AUI 7. Web-resources Removing experimental web-resource keys Sensible bundling

29. Further reducing page weight Improving performance by overhauling what you get bundled with. Atlassian JS (AJS) Reduced its min bundle size by a substantial 50% From 555KB to 262KB compared to AUI 7. Web-resources Removing experimental web-resource keys Sensible bundling

30. Smaller bundle size What comes bundled Performance Up-to-date What’s changed?

31. Being smaller Faster to load into the browser Components are faster In a Chrome Lighthouse Audit, dropdown2 scores higher at 85/100 compared to 63/100 Faster first meaningful paint at ~3.3s compared to ~4.5s in our test pages* Faster * https://testpreview-aui-flatapp.netlify.com

32. Being smaller Faster to load into the browser Components are faster In a Chrome Lighthouse Audit, dropdown2 scores higher at 85/100 compared to 63/100 Faster first meaningful paint at ~3.3s compared to ~4.5s in our test pages* Faster * https://testpreview-aui-flatapp.netlify.com

33.

34. Visit testpreview-aui-flatapp.netlify.com

35. Smaller bundle size What comes bundled Performance Up-to-date What’s changed?

36. Dependencies All our key dependencies are up-to-date jQuery and jQuery UI Bumped up jQuery to 2.x and JQuery UI to 1.12.1 jQuery UI no longer core to AUI Support for jQuery 3 Backbone and Underscore No longer added to window by default. Backbone now on 1.3.3 Underscore now on 1.9.1 Modern

37. Dependencies All our key dependencies are up-to-date jQuery and jQuery UI Bumped up jQuery to 2.x and JQuery UI to 1.12.1 jQuery UI no longer core to AUI Support for jQuery 3 Backbone and Underscore No longer added to window by default. Backbone now on 1.3.3 Underscore now on 1.9.1 Modern

38. Dependencies All our key dependencies are up-to-date jQuery and jQuery UI Bumped up jQuery to 2.x and JQuery UI to 1.12.1 jQuery UI no longer core to AUI Support for jQuery 3 Backbone and Underscore No longer added to window by default. Backbone now on 1.3.3 Underscore now on 1.9.1 Modern

39. Agenda What’s changed? Redefining experimental Deprecations Upgrading

40. The problem Experimental components and features were often used in production. Going forward New components and features to be built in separate Node packages. Keeps production bundle small. End of experimental

41. The problem Experimental components and features were often used in production. Going forward New components and features to be built in separate Node packages. Keeps production bundle small. End of experimental

42. Agenda What’s changed? Redefining experimental Deprecations Upgrading

43. Bundle Web- resources Individual web-resource keys instead of bundle keys Deprecations Removed web- resources Experimental web-resource keys removed Components Dialog 1, Dropdown 1, and Inline Dialog 1 removed

44. Bundle Web- resources Individual web-resource keys instead of bundle keys Deprecations Removed web- resources Experimental web-resource keys removed Components Dialog 1, Dropdown 1, and Inline Dialog 1 removed

45. Bundle Web- resources Individual web-resource keys instead of bundle keys Deprecations Removed web- resources Experimental web-resource keys removed Components Dialog 1, Dropdown 1, and Inline Dialog 1 removed

46. Agenda What’s changed? Redefining experimental Deprecations Upgrading

47. jQuery 1 is dead to us It’s old, slow, and has known security vulnerabilities. We’re no longer providing support for it. Upgrade Tips Dependencies Using P2 Plugin Hurray for 3 We’re supporting this now is now ready for products and projects that upgrade to this version.

48. Be wary of web-resources With many deprecations and removed keys, be sure to check out the upgrade guides. On aui.atlassian.com Upgrade Tips Dependencies Using P2 Plugin

49. AUI 8.4 & 8.5 Introducing a new and modern look to • Form fields • Radio • Checkbox OUR LATEST RELEASES

50. Form Fields

51. Form Fields

52. AUI Select2

53. AUI Select2

54. Radio & Checkbox

55. Radio & Checkbox

56. CONTRIBUTIONS

57. 60 customer issues resolved 437 commits over 6 months CONTRIBUTIONS

58. PATRICK LAI | JUNIOR DEVELOPER | ATLASSIAN | @THEPATRICKLAI Thank you!