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

•

0 likes•7,843 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!

What's hot

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.

What Does Jira Next-Gen Mean for Cloud Apps?

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.

Trusted by Default: The Forge Security & Privacy Model

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.

Preparing for Data Residency and Custom Domains

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.

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

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.

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

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.

Take Action with Forge Triggers

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!

Serverless Analytics and Monitoring For Your Cloud App

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.

Discover the Possibilities of the Jira Cloud Asset API

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.

Declaring Server App Components in Pure Java

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.

Access to User Activities - Activity Platform APIs

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

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

Atlassian

Supercharge Your Pages - New Ways to Extend the Confluence Editor

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.

Leaning into Server to Cloud App Migration

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

Launch into New Markets with JIRA Service Desk

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.

Scaling Indexing and Replication in Jira Data Center Apps

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

How Bitbucket Pipelines Loads Connect UI Assets Super-fast

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!

Forge: Under the Hood

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.

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 Keynote

Atlassian

Atlassian Summit 2011 Day 2 Keynote

Blugsphere2011 dev

VAST 7.5 and Beyond

Netbeans 6.1 Talk

AUG NYC - Atlassian Server Updates

AUGNYC

Toad For Oracle 97

Janos Horvath

DOs and DONTs on the way to 10M users

Yoav Avrahami

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.

Developing Commercial APEX Applications

Enkitec

Docker Enables DevOps - Boston

Boyd Hemphill

IoT with Vaadin Elements

Jürgen Treml

VAST 8.0

ESUG

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.

Expanding XPages with Bootstrap Plugins for Ultimate Usability

Teamstudio

How to scale to 100k users using Windows Azure

Ionut Antiu

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.

Whats new in Enterprise 5.0 Product Suite

Micro Focus

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.

Strategies and Tips for Building Enterprise Drupal Applications - PNWDS 2013

Mack Hardy

Programming in HTML5 With Java Script and CSS3

Testbells

LvivCSS: Web Components as a foundation for Design System

Vlad Fedosov

Synergy 7.0 Sales 10312008

Bill 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

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!

Forge App Showcase

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.

Let's Build an Editor Macro with Forge UI

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.

Meet the Forge Runtime

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.

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

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.

Observability and Troubleshooting in Forge

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.

Design Your Next App with the Atlassian Vendor Sketch Plugin

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.

Tear Up Your Roadmap and Get Out of the Building

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.

Nailing Measurement: a Framework for Measuring Metrics that Matter

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.

Building Apps With Color Blind Users in Mind

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.

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

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.

Beyond Diversity: A Guide to Building Balanced Teams

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!

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

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.

Building Apps With Enterprise in Mind

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.

Shipping With Velocity and Confidence Using Feature Flags

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!”

Build With Heart and Balance, Remote Work Edition

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!

How to Grow an Atlassian App Worthy of Top Vendor Status

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.

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

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.

How to Market Your New App on the Atlassian Marketplace

Atlassian

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

This presentations targets students or working professionals. You may know Google for search, YouTube, Android, Chrome, and Gmail, but did you know Google has many developer tools, platforms & APIs? This comprehensive yet still high-level overview outlines the most impactful tools for where to run your code, store & analyze your data. It will also inspire you as to what's possible. This talk is 50 minutes in length.

Powerful Google developer tools for immediate impact! (2023-24 C)

wesley chun

GenAI Risks & Security Meetup 01052024.pdf

lior mazor

Axa Assurance Maroc - Insurer Innovation Award 2024

The Digital Insurer

Join our latest Connector Corner webinar to discover how UiPath Integration Service revolutionizes API-centric automation in a 'Quote to Cash' process—and how that automation empowers businesses to accelerate revenue generation. A comprehensive demo will explore connecting systems, GenAI, and people, through powerful pre-built connectors designed to speed process cycle times. Speakers: James Dickson, Senior Software Engineer Charlie Greenberg, Host, Product Marketing Manager

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

DianaGray10

Abhishek Deb(1), Mr Abdul Kalam(2) M. Des (UX) , School of Design, DIT University , Dehradun. This paper explores the future potential of AI-enabled smartphone processors, aiming to investigate the advancements, capabilities, and implications of integrating artificial intelligence (AI) into smartphone technology. The research study goals consist of evaluating the development of AI in mobile phone processors, analyzing the existing state as well as abilities of AI-enabled cpus determining future patterns as well as chances together with reviewing obstacles as well as factors to consider for more growth.

Exploring the Future Potential of AI-Enabled Smartphone Processors

debabhi2

The value of a flexible API Management solution for Open Banking Steve Melan, Manager for IT Innovation and Architecture - State's and Saving's Bank of Luxembourg Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - The value of a flexible API Management solution for O...

apidays

As privacy and data protection regulations evolve rapidly, organizations operating in multiple jurisdictions face mounting challenges to ensure compliance and safeguard customer data. With state-specific privacy laws coming up in multiple states this year, it is essential to understand what their unique data protection regulations will require clearly. How will data privacy evolve in the US in 2024? How to stay compliant? Our panellists will guide you through the intricacies of these states' specific data privacy laws, clarifying complex legal frameworks and compliance requirements. This webinar will review: - The essential aspects of each state's privacy landscape and the latest updates - Common compliance challenges faced by organizations operating in multiple states and best practices to achieve regulatory adherence - Valuable insights into potential changes to existing regulations and prepare your organization for the evolving landscape

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

TrustArc

Accelerating FinTech Innovation: Unleashing API Economy and GenAI Vasa Krishnan, Chief Technology Officer - FinResults Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

apidays

DBX First Quarter 2024 Investor Presentation

Dropbox

Created by Mozilla Research in 2012 and now part of Linux Foundation Europe, the Servo project is an experimental rendering engine written in Rust. It combines memory safety and concurrency to create an independent, modular, and embeddable rendering engine that adheres to web standards. Stewardship of Servo moved from Mozilla Research to the Linux Foundation in 2020, where its mission remains unchanged. After some slow years, in 2023 there has been renewed activity on the project, with a roadmap now focused on improving the engine’s CSS 2 conformance, exploring Android support, and making Servo a practical embeddable rendering engine. In this presentation, Rakhi Sharma reviews the status of the project, our recent developments in 2023, our collaboration with Tauri to make Servo an easy-to-use embeddable rendering engine, and our plans for the future to make Servo an alternative web rendering engine for the embedded devices industry. (c) Embedded Open Source Summit 2024 April 16-18, 2024 Seattle, Washington (US) https://events.linuxfoundation.org/embedded-open-source-summit/ https://ossna2024.sched.com/event/1aBNF/a-year-of-servo-reboot-where-are-we-now-rakhi-sharma-igalia

A Year of the Servo Reboot: Where Are We Now?

Igalia

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Product Anonymous

Building Digital Trust in a Digital Economy Veronica Tan, Director - Cyber Security Agency of Singapore Apidays Singapore 2024: Connecting Customers, Business and Technology (April 17 & 18, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...

apidays

In this session, we will delve into strategic approaches for optimizing knowledge management within Microsoft 365, amidst the evolving landscape of Copilot. From leveraging automatic metadata classification and permission governance with SharePoint Premium, to unlocking Viva Engage for the cultivation of knowledge and communities, you will gain actionable insights to bolster your organization's knowledge-sharing initiatives. In this session, we will also explore how to facilitate solutions to enable your employees to find answers and expertise within Microsoft 365. You will leave equipped with practical techniques and a deeper understanding of how there is more to effective knowledge management than just enabling Copilot, but building actual solutions to prepare the knowledge that Copilot and your employees can use.

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

Drew Madelung

Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...

Zilliz

Manulife - Insurer Transformation Award 2024

The Digital Insurer

2024: Domino Containers - The Next Step. News from the Domino Container commu...

Martijn de Jong

AXA XL - Insurer Innovation Award Americas 2024

The Digital Insurer

Scalable LLM APIs for AI and Generative AI Application Development Ettikan Karuppiah, Director/Technologist - NVIDIA Apidays Singapore 2024: Connecting Customers, Business and Technology (April 17 & 18, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...

apidays

Corporate and higher education. Two industries that, in the past, have had a clear divide with very little crossover. The difference in goals, learning styles and objectives paved the way for differing learning technologies platforms to evolve. Now, those stark lines are blurring as both sides are discovering they have content that’s relevant to the other. Join Tammy Rutherford as she walks through the pros and cons of corporate and higher ed collaborating. And the challenges of these different technology platforms working together for a brighter future.

Corporate and higher education May webinar.pptx

Rustici Software

presentation ICT roal in 21st century education

jfdjdjcjdnsjd

Recently uploaded (20)

Powerful Google developer tools for immediate impact! (2023-24 C)

GenAI Risks & Security Meetup 01052024.pdf

Axa Assurance Maroc - Insurer Innovation Award 2024

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

Exploring the Future Potential of AI-Enabled Smartphone Processors

Apidays New York 2024 - The value of a flexible API Management solution for O...

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

DBX First Quarter 2024 Investor Presentation

A Year of the Servo Reboot: Where Are We Now?

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...

Manulife - Insurer Transformation Award 2024

2024: Domino Containers - The Next Step. News from the Domino Container commu...

AXA XL - Insurer Innovation Award Americas 2024

Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...

Corporate and higher education May webinar.pptx

presentation ICT roal in 21st century education

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!