Cross-Platform CSS (Yes, it's Possible!) with Yoga

•Als PPTX, PDF herunterladen•

0 gefällt mir•5 views

D

It's no secret that people view the same website across many devices, browsers, and screen sizes. To make the same app work on all these platforms, developers have to spend a significant amount of time. If only there were an engine that allows web developers to write their code once and use it everywhere. Presenting Yoga, an open source, cross-platform layout engine that uses CSS layouts to manage user interfaces across platforms. In this talk, we learn about Yoga's main concepts and use-cases. Then, we will build a demo app for React Native and Android to showcase the reusability of Yoga.

Cross-Platform CSS
with Yoga
@DmitryVinnik 1

What do I do?
@DmitryVinnik 2

About Me
@DmitryVinnik
3

About Me
Open Source Developer Advocate
@DmitryVinnik
4

@DmitryVinnik
5

About Me
Open Source Developer Advocate
Mobile Focus: Android, iOS, Hybrid
@DmitryVinnik
6

@DmitryVinnik
7

@DmitryVinnik
8

@DmitryVinnik
9

@DmitryVinnik
10

About Me
Open Source Developer Advocate
Mobile Focus: Android, iOS, Hybrid
Passionate about Open Source
@DmitryVinnik
11

Meta Open Source
@DmitryVinnik 12

What are our goals
for today?
@DmitryVinnik 13

Goals

Goals
Basics of Flexbox and Layouts

Goals
Basics of Flexbox and Layouts
Learning Yoga 101

Goals
Basics of Flexbox and Layouts
Learning Yoga 101
Cross Platform Yoga in Action

What is
Yoga?
@DmitryVinnik 18

@DmitryVinnik 19

Yoga
@DmitryVinnik 20

Cross-platform layout engine that
manages UIs across platforms by
reusing CSS layouts
@DmitryVinnik 21

Let’s step back
@DmitryVinnik 22

Cross-platform layout engine that
manages UIs across platforms by
reusing CSS layouts
@DmitryVinnik 23

@DmitryVinnik 24

@DmitryVinnik 25

@DmitryVinnik 26

@DmitryVinnik 27

@DmitryVinnik 28

Cross-platform layout engine that
manages UIs across platforms by
reusing CSS layouts
@DmitryVinnik 29

Cross-platform layout engine that
manages UIs across platforms by
reusing CSS layouts
@DmitryVinnik 30

What is Layout?
@DmitryVinnik 31

Layout defines the structure for
a user interface in your app
@DmitryVinnik 32

@DmitryVinnik 33
Source: https://bit.ly/3FvL9Wl

@DmitryVinnik 34

@DmitryVinnik 35

@DmitryVinnik 36

@DmitryVinnik 37

@DmitryVinnik 38

@DmitryVinnik 39

@DmitryVinnik 40

What does mean for
Layouts?
@DmitryVinnik 41

Challenges MP Layouts
42
@DmitryVinnik

Challenges MP Layouts
43
Multiple
Codebases
@DmitryVinnik

Challenges MP Layouts
44
Multiple
Codebases
Different OS
@DmitryVinnik

Challenges MP Layouts
45
Array of Target
Screens
Multiple
Codebases
Different OS
@DmitryVinnik

Challenges MP Layouts
46
Array of Target
Screens
Different
Expectations
Multiple
Codebases
Different OS
@DmitryVinnik

Cross-platform layout engine that
manages UIs across platforms by
reusing CSS layouts
@DmitryVinnik 47

Cross-platform layout engine that
manages UIs across platforms by
reusing CSS layouts
@DmitryVinnik 48

CSS, or
Cascading Style Sheets
@DmitryVinnik 49

Describes how UI elements
are to be displayed on screens
@DmitryVinnik 50

Cross-platform layout engine that
manages UIs across platforms by
reusing CSS layouts
@DmitryVinnik 51

Cross-platform layout engine that
manages UIs across platforms by
reusing CSS layouts
@DmitryVinnik 52

And all of this is
@DmitryVinnik 53

Yoga
@DmitryVinnik 54

Based on Flexbox CSS
@DmitryVinnik 55

@DmitryVinnik 56
Source: https://bit.ly/3l8iVt5

Why Yoga?
57
@DmitryVinnik

Why Yoga?
58
Performance
@DmitryVinnik

Why Yoga?
59
Performance
Cross
Platform
@DmitryVinnik

Why Yoga?
60
Easy to Learn
Performance
Cross
Platform
@DmitryVinnik

Why Yoga?
61
Easy to Learn
Open Source
Adoption
Performance
Cross
Platform
@DmitryVinnik

@DmitryVinnik 62

@DmitryVinnik 63

@DmitryVinnik 64

@DmitryVinnik 65

Demo Time!
@DmitryVinnik 66

Call to Action
@DmitryVinnik 67

Call to Action
Visit Yoga
Website
@DmitryVinnik 68

Call to Action
Visit Yoga
Website
Join Yoga
Community
@DmitryVinnik 69

Call to Action
Visit Yoga
Website
Join Yoga
Community
Continue
Learning
@DmitryVinnik 70

About Speaker
Twitter: @DmitryVinnik
Blog: dvinnik.dev
LinkedIn: in/dmitry-vinnik/
Email: dmitry@dvinnik.dev
71

Weitere ähnliche Inhalte

Ähnlich wie Cross-Platform CSS (Yes, it's Possible!) with Yoga

5 Steps to Ignite your Free-to-Play Revenue (without Advertising)

5 Steps to Ignite your Free-to-Play Revenue (without Advertising)

5 Steps to Ignite your Free-to-Play Revenue (without Advertising)

Paul Winterhalder

Imagine that you’re part of a (car) race team. You’re the one behind the screens to control the race and make some tough decisions (like changing the team's strategy). But you don’t have the insights (or metrics) about your car, opponents, or even the weather. Sounds painful right? But why are we making this mistake when building our software? Why don’t we implement metrics by default? SLFf4J logging is one side of the story, but we also need to know our application health. That’s where Micrometer comes in! It’s a library that you can use to define your own custom metrics, like: - timers (to check the performance of your microservices) - counters (to check how many times a certain event is occurring) - gauges (to check the current value of a variable) - and many more These metrics are exposed by REST endpoints (JSON) together with Spring Boot actuator, which can be saved into a database like Prometheus or Graphite. And to visualize the data you can use a tool like Grafana. Pretty interesting right? In the demo (live coding!) I will show you how to create such applications using Micrometer, and Spring Boot. Ready to win this race with me? Jump in!

Controlling your race with Micrometer and Spring Boot (live coding!)

Controlling your race with Micrometer and Spring Boot (live coding!)

Controlling your race with Micrometer and Spring Boot (live coding!)

Imagine that you’re part of a (car) race team. You’re the one behind the screens to control the race and make some tough decisions (like changing the teams strategy). But you don’t have the insights (or metrics) about your car, opponents or even the weather. Sounds painful right? But why are we making this mistake when building our software? Why don’t we implement metrics by default? SLFf4J logging is one side of the story, but we also need to know our application health. That’s where Micrometer comes in! It’s a library which you can use to define your own custom metrics, like: - timers (to check the performance of your microservices) - counters (to check how many times a certain event is occurring) - gauges (to check the current value of a variable) - and many more These metrics are exposed by REST endpoints (JSON) together with Spring Boot actuator, which can be saved into a database like Prometheus or Graphite. And to visualize the data you can use a tool like Graphana. Pretty interesting right? In the demo I will show you how to create such applications using Micrometer, Spring Boot and Cloud Foundry as our platform. Ready to win this race with me? Jump in!

Controlling your race with Micrometer, Spring Boot and Cloud Foundry @Geekle

Controlling your race with Micrometer, Spring Boot and Cloud Foundry @Geekle

Controlling your race with Micrometer, Spring Boot and Cloud Foundry @Geekle

Imagine that you’re part of a (car) race team. You’re the one behind the screens to control the race and make some tough decisions (like changing the team's strategy). But you don’t have the insights (or metrics) about your car, opponents, or even the weather. Sounds painful right? But why are we making this mistake when building our software? Why don’t we implement metrics by default? SLFf4J logging is one side of the story, but we also need to know our application health. That’s where Micrometer comes in! It’s a library that you can use to define your own custom metrics, like: - timers (to check the performance of your microservices) - counters (to check how many times a certain event is occurring) - gauges (to check the current value of a variable) - and many more These metrics are exposed by REST endpoints (JSON) together with Spring Boot actuator, which can be saved into a database like Prometheus or Graphite. And to visualize the data you can use a tool like Grafana. Pretty interesting right? In the demo (live coding!) I will show you how to create such applications using Micrometer, and Spring Boot. Ready to win this race with me? Jump in!

JavaLand - Micrometer and SpringBoot

JavaLand - Micrometer and SpringBoot

JavaLand - Micrometer and SpringBoot

Abstract "Imagine that you’re part of a (car) race team. You’re the one behind the screens to control the race and make some tough decisions (like changing the team's strategy). But you don’t have the insights (or metrics) about your car, opponents or even the weather. Sounds painful right? But why are we making this mistake when building our software? Why don’t we implement metrics by default? SLFf4J logging is one side of the story, but we also need to know our application health. That’s where Micrometer comes in! It’s a library which you can use to define your own custom metrics, like: -timers (to check the performance of your microservices) -counters (to check how many times a certain event is occurring) -gauges (to check the current value of a variable) -and many more These metrics are exposed by REST endpoints (JSON) together with Spring Boot actuator, which can be saved into a database like Prometheus or Graphite. And to visualize the data you can use a tool like Grafana. Pretty interesting right? In the demo (live coding!) Ko Turk will show you how to create such applications using Micrometer, Spring Boot and Cloud Foundry as our platform. Ready to win this race with him? Jump in!"

Controlling your race with Micrometer and Spring Boot / Micronaut (Brown Bag)

Controlling your race with Micrometer and Spring Boot / Micronaut (Brown Bag)

Controlling your race with Micrometer and Spring Boot / Micronaut (Brown Bag)

"The Battle of the IDEs"

"The Battle of the IDEs"

"The Battle of the IDEs"

Think SLF4J, but then for metrics. Micrometer is a facade that provides user defined metrics, for the most popular monitoring tools like Prometheus, Dynatrace, Graphite and many more. A framework that helps you exposing important information like: - counters (count over a specified property) - timers (record the time of application events) - gauges (the current value of a variable) - summaries of a set of events - binders (JVM, garbage collector, cache monitoring like Guava, EhCache, Hazelcast, and Caffeine. This kind of information is very relevant to monitor your application! And if you use Micrometer together with a database like Prometheus you can also use Grafana to get some relevant charts. In this session I will learn you the basics of building relevant Micrometer metrics together with Spring Boot (Actuator). A must for every DevOps Engineer to monitor your production code!

Monitoring your Spring Boot and Micronaut microservices with Micrometer

Monitoring your Spring Boot and Micronaut microservices with Micrometer

Monitoring your Spring Boot and Micronaut microservices with Micrometer

While smartphone usage is increasing year over year, single apps get less and less attention. This opens up an opportunity to turn this problem into a strength: moving your app into the background by turning core services into an invisible app. The invisible app is a concept that became apparent in the last few years; businesses like Uber have moved central parts of the app interaction into the background without requiring the user to confirm central decisions over and over. Braintree, a PayPal company, is partnering with various companies that fall into the invisible app category. In this talk Tim will share his lessons learned from mentoring startups and innovative companies that tried to achieve being “invisible”, while maintaining security, profitability and most important: a great user experience. Amongst the technologies that will be covered are tokenization and leveraging user uniqueness based on smartphone usage behavior. A wide array of sensors - like GPS, Bluetooth LE, and WiFi - supports this concept and can be leveraged creatively to get closer to being “invisible”. This talk was given as keynote at the summer edition of Geek Picnic 2015 in Moscow.

The Anatomy of Invisible Apps

The Anatomy of Invisible Apps

The Anatomy of Invisible Apps

Tim Messerschmidt

Human health is complex - it's not something we can buy; it's something we have to earn! This exact approach goes for open source projects and their communities. A truly dedicated and loyal fanbase cannot be bought; it has to be nurtured. But what do we mean when we call a community and the open source project "healthy"? This question is what we are trying to answer at Facebook! In this talk, we will look at the approach that the Facebook Open Source team takes to measure the current state of Facebook open source projects, and how we use these metrics to prioritize and to direct our DevRel focus. Ultimately, we aim to show how by looking at information about your open source communities, your team can concentrate on the quality of the projects instead of only the quantity of repositories that you make public.

The 10,000 Steps of Open Source Project Health

The 10,000 Steps of Open Source Project Health

The 10,000 Steps of Open Source Project Health

The slides I used for my talk at Codemotion Rome and Dubai in 2016. In talk I explain what is WebGL and we is the most powerful technology you can choose to deliver 3D contents over the web. Then I present some of the biggest frameworks: ThreeJS, BabylonJS, OSGJS and SceneJS. Later I show real world case studies (Google, Autodesk and Unity) and in the end I rebut some myths about security concerns.

Demystifying the 3d web - Codemotion 2016

Demystifying the 3d web - Codemotion 2016

Demystifying the 3d web - Codemotion 2016

The web in 3D has been always considered a tough argument: lack of standards, inconsistent support across platform and too much boilerplate needed even to bring up the simplest example. With the official porting of as subset of OpenGL APIs into the browsers by the Khronos Group, developers can now rely on a consistent and solid pipeline. In order to simplify the scene management several JS frameworks have been built upon it. During this talk I'll present the most used frameworks showing differences and typical use cases for them. Codemotion Dubai 2016

Demystifying the 3D Web by Pietro Grandi @ Codemotion Dubai 2016

Demystifying the 3D Web by Pietro Grandi @ Codemotion Dubai 2016

Demystifying the 3D Web by Pietro Grandi @ Codemotion Dubai 2016

Codemotion Dubai

"Demistifying the 3D Web" by Pietrp Grandi. The web in 3D has been always considered a tough argument: lack of standards, inconsistent support across platform and too much boilerplate needed even to bring up the simplest example. With the official porting of as subset of OpenGL APIs into the browsers by the Khronos Group, developers can now rely on a consistent and solid pipeline. In order to simplify the scene management several JS frameworks have been built upon it. During this talk I'll present the most used frameworks showing differences and typical use cases for them.

Demistifying the 3D Web

Demistifying the 3D Web

Demistifying the 3D Web

Putting the Native in React Native - React Native Boston

Putting the Native in React Native - React Native Boston

Putting the Native in React Native - React Native Boston

Yaniv Brosh (R&D Director, NeoGames) - Angular: Real Life Experience

Yaniv Brosh (R&D Director, NeoGames) - Angular: Real Life Experience

Yaniv Brosh (R&D Director, NeoGames) - Angular: Real Life Experience

We all encountered a “Broken Window” theory in practice. The original idea was that if someone breaks a window in a neighborhood and this window is not repaired right away, the entire area will start getting messier at an accelerated rate. The same theory is also true for Software Development. How many times have you looked at a legacy system with no code coverage, and decided not to write any tests because "this is how we do things here"? These bad practices behave just like those "Broken Windows." They cause our code to degrade and become unusable. In this talk, we discuss how to break away from bad development practices and how to address significant gaps in your legacy and current systems. We look at ways to lead by example successfully and introduce refactoring culture into your team and organization. We cover tips and tricks that help improve the development culture and emphasize the codebase's general health.

Fixing Broken Windows: Dealing with Legacy Systems, Poor Quality and Gaps

Fixing Broken Windows: Dealing with Legacy Systems, Poor Quality and Gaps

Fixing Broken Windows: Dealing with Legacy Systems, Poor Quality and Gaps

Starting from Scratch with the MEAN Stack

Starting from Scratch with the MEAN Stack

Starting from Scratch with the MEAN Stack

Imagine that you’re part of a (car) race team. You’re the one behind the screens to control the race and make some tough decisions (like changing the teams strategy). But you don’t have the insights (or metrics) about your car, opponents or even the weather. Sounds painful right? But why are we making this mistake when building our software? Why don’t we implement metrics by default? SLFf4J logging is one side of the story, but we also need to know our application health. That’s where Micrometer comes in! It’s a library which you can use to define your own custom metrics, like: - timers (to check the performance of your microservices) - counters (to check how many times a certain event is occurring) - gauges (to check the current value of a variable) - and many more These metrics are exposed by REST endpoints (JSON) together with Spring Boot actuator, which can be saved into a database like Prometheus or Graphite. And to visualize the data you can use a tool like Graphana. Pretty interesting right? In the demo I will show you how to create such applications using Micrometer, Spring Boot and Cloud Foundry as our platform. Ready to win this race with me? Jump in!

Controlling your race with Micrometer, Spring Boot and Cloud Foundry

Controlling your race with Micrometer, Spring Boot and Cloud Foundry

Controlling your race with Micrometer, Spring Boot and Cloud Foundry

Architecture in real

Architecture in real

Architecture in real

Are you a Sitecore developer with no experience with mobile development? Neither did Pieter while writing this synopsis. Join Pieter in his quest to become a mobile Go Go starting from a Mobile No No. He will share his expectations and lessons learned of mobile development. Focussing on the why mobile development matters and the different technologies that are available. Ending with and introduction of the Sitecore mobile SDK and Xamarin.

Mobile (App) Development with Sitecore

Mobile (App) Development with Sitecore

Mobile (App) Development with Sitecore

Pieter Brinkman

Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go ...

Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go ...

Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go ...

Ähnlich wie Cross-Platform CSS (Yes, it's Possible!) with Yoga (20)

5 Steps to Ignite your Free-to-Play Revenue (without Advertising)

5 Steps to Ignite your Free-to-Play Revenue (without Advertising)

5 Steps to Ignite your Free-to-Play Revenue (without Advertising)

Controlling your race with Micrometer and Spring Boot (live coding!)

Controlling your race with Micrometer and Spring Boot (live coding!)

Controlling your race with Micrometer and Spring Boot (live coding!)

Controlling your race with Micrometer, Spring Boot and Cloud Foundry @Geekle

Controlling your race with Micrometer, Spring Boot and Cloud Foundry @Geekle

Controlling your race with Micrometer, Spring Boot and Cloud Foundry @Geekle

JavaLand - Micrometer and SpringBoot

JavaLand - Micrometer and SpringBoot

JavaLand - Micrometer and SpringBoot

Controlling your race with Micrometer and Spring Boot / Micronaut (Brown Bag)

Controlling your race with Micrometer and Spring Boot / Micronaut (Brown Bag)

Controlling your race with Micrometer and Spring Boot / Micronaut (Brown Bag)

"The Battle of the IDEs"

"The Battle of the IDEs"

"The Battle of the IDEs"

Monitoring your Spring Boot and Micronaut microservices with Micrometer

Monitoring your Spring Boot and Micronaut microservices with Micrometer

Monitoring your Spring Boot and Micronaut microservices with Micrometer

The Anatomy of Invisible Apps

The Anatomy of Invisible Apps

The Anatomy of Invisible Apps

The 10,000 Steps of Open Source Project Health

The 10,000 Steps of Open Source Project Health

The 10,000 Steps of Open Source Project Health

Demystifying the 3d web - Codemotion 2016

Demystifying the 3d web - Codemotion 2016

Demystifying the 3d web - Codemotion 2016

Demystifying the 3D Web by Pietro Grandi @ Codemotion Dubai 2016

Demystifying the 3D Web by Pietro Grandi @ Codemotion Dubai 2016

Demystifying the 3D Web by Pietro Grandi @ Codemotion Dubai 2016

Demistifying the 3D Web

Demistifying the 3D Web

Demistifying the 3D Web

Putting the Native in React Native - React Native Boston

Putting the Native in React Native - React Native Boston

Putting the Native in React Native - React Native Boston

Yaniv Brosh (R&D Director, NeoGames) - Angular: Real Life Experience

Yaniv Brosh (R&D Director, NeoGames) - Angular: Real Life Experience

Yaniv Brosh (R&D Director, NeoGames) - Angular: Real Life Experience

Fixing Broken Windows: Dealing with Legacy Systems, Poor Quality and Gaps

Fixing Broken Windows: Dealing with Legacy Systems, Poor Quality and Gaps

Fixing Broken Windows: Dealing with Legacy Systems, Poor Quality and Gaps

Starting from Scratch with the MEAN Stack

Starting from Scratch with the MEAN Stack

Starting from Scratch with the MEAN Stack

Controlling your race with Micrometer, Spring Boot and Cloud Foundry

Controlling your race with Micrometer, Spring Boot and Cloud Foundry

Controlling your race with Micrometer, Spring Boot and Cloud Foundry

Architecture in real

Architecture in real

Architecture in real

Mobile (App) Development with Sitecore

Mobile (App) Development with Sitecore

Mobile (App) Development with Sitecore

Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go ...

Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go ...

Pieter Brinkman - My first mobile experienceFrom mobile no no, to mobile go ...

Mehr von Dmitry Vinnik

Maximizing React Speed: Hands-On Guide to Debugging and Optimizing React Appl...

Maximizing React Speed: Hands-On Guide to Debugging and Optimizing React Appl...

Maximizing React Speed: Hands-On Guide to Debugging and Optimizing React Appl...

How confident are you in your React app? Does your UI render after you add a new item to the nav menu? What about style changes - do you know how a font change affects the rest of your app? If you want to have confidence in your React app, you need to have tests. Unfortunately, most testing frameworks are hard to set up, and it takes too long to run them. But this is not the case with Jest! Jest allows React developers to get a quick test result for any change on the app. And setting up Jest on React has never been easier than today! In this talk, we look at how React apps are tested E2E and why Jest stands out compared to other test frameworks. We do a live demo while implementing several main test scenarios using Jest - get ready to code along!

Testing React with Jest: Validate Your Components Quickly!

Testing React with Jest: Validate Your Components Quickly!

Testing React with Jest: Validate Your Components Quickly!

Do you know how to get someone to do something difficult? Make it easy! Documentation is one of those things: everyone understands it's important, but few want to write it. And if the docs platform is difficult to use or extend, doc writing becomes a punishment. Docusaurus is here to help! In this session, we will walk through getting started with Docusaurus, its architecture and MDX support. We will explore built-in themes with plugins, and even create one during the talk. So, let's learn how to make doc writing enjoyable, together!

Documentation Made Easy with Docusaurus

Documentation Made Easy with Docusaurus

Documentation Made Easy with Docusaurus

Do you ever worry that your testing skills are too limited for your company? Are you concerned that other organizations, especially the ones with a massive scale, require a completely different set of skills? Worry no more! This talk will look at how testing is done at companies with the scale of the likes of Salesforce and Meta. We will discuss how the most basic testing skills and tools we use daily are transferable to any company.

Testing at Scale at Meta and Salesforce

Testing at Scale at Meta and Salesforce

Testing at Scale at Meta and Salesforce

What do most applications do these days? They interact with data in one way or another. As your app’s scale increases, it becomes more challenging to manage databases, schemas, queries, and constraints. These challenges are why a technique called Object-Relational Mapping, or ORM, was created. At Meta, we tend to think about data modeling in graph concepts and as we were working with Go, it led us to create a new open source project, Ent. Ent is an entity framework built for Go programming language. This framework provides developers with a Graph-based, Object Relational Mapping. In this talk, we will learn how to use Ent when dealing with data schemas, including types, relations and constraints. It’s a hands-on talk, so get ready to follow along!

Ent: Making Data Easy in Go

Ent: Making Data Easy in Go

Ent: Making Data Easy in Go

As Developers, we are getting lazy! With amazing IDEs and plugins we use on a daily basis, we let these tools do the most important job for a Software Project – ensure maintainability of the codebase. These tools with static analysis, formatters and styleguides keep our code clean and readable while we can focus on making the application to work. Despite this abstraction of styling and duplication detection, we, as Software Engineers, are still responsible to keep in mind best practices like DRY, KISS, YAGNI, and many more. While IDEs are great at detecting basic mistakes, we still need to choose the best possible solution among variety of solutions. In this talk, we will look at Kotlin as a way to enforce best Software Engineering practices on the language-level. We will see how Kotlin by limiting verbosity, by using private data classes, extension functions and many other functionalities, allow for more flexible and maintainable codebase. The main goal of this talk is to convince you that Kotlin is a great way to bring years of experience of using best practices to a first-year university student, or to a long-time Java veteran.

Better Start: Enforcing Best Engineering Practices with Kotlin

Better Start: Enforcing Best Engineering Practices with Kotlin

Better Start: Enforcing Best Engineering Practices with Kotlin

How confident are you in your Svelte app? Does your UI render after you add a new item to the nav menu? What about style changes - do you know how a font change affects the rest of your app? If you want to have confidence in your Svelte app, you need to have tests. Unfortunately, most testing frameworks are hard to set up, and it takes too long to run them. But this is not the case with Jest! Jest allows Svelte developers to get a quick test result for any change on the app. And setting up Jest on Svelte has never been easier than today! In this talk, we will look at how Svelte apps are tested E2E and why Jest stands out compared to other test frameworks. We will do a live demo while implementing several main test scenarios using Jest - get ready to code along!

Testing Svelte with Jest: Validate Your Components Quickly!

Testing Svelte with Jest: Validate Your Components Quickly!

Testing Svelte with Jest: Validate Your Components Quickly!

Developing Lightning Components for Communities.pptx

Developing Lightning Components for Communities.pptx

Developing Lightning Components for Communities.pptx

Remote Work: Gateway to Freedom

Remote Work: Gateway to Freedom

Remote Work: Gateway to Freedom

Kindness Engineering: Focusing on What Matters

Kindness Engineering: Focusing on What Matters

Kindness Engineering: Focusing on What Matters

Does Behaviour Driven Development work? Unfortunately, it usually does not. While many people try to pitch as a way to bridge the gap between stakeholders on the project, many teams fail to communicate their test scenarios with everyone involved. Although this fundamental problem of lack of communication can be solved on the organization level, BDD is often used with Cucumber or Robot frameworks. Due to the complexities of these tools, developers and testers stop seeing the benefit in the entire approach of BDD and abundant the practice. However, recently, Behavior Driven Development has seen a resurgence in adoption, thanks to Gauge framework. With the latest release of Taiko, they create a great combination of communication and testing tool with the use of Gauge+Taiko. In this talk, we will discuss BDD principles and how Gauge can be used to take Behavior Driven Development to the next level. With Taiko, the audience will learn how BDD can be taken to the web in a few easy steps and to see what needs to be avoided when these tools are implemented in any organization.

Gauge + Taiko, BDD for Web Revived

Gauge + Taiko, BDD for Web Revived

Gauge + Taiko, BDD for Web Revived

Selenium WebDriver has been the traditional testing standard for many years. However, many developers have concerns over test speed, maintenance, and implementation. Fortunately, new, non-Selenium frameworks like TestCafe and Cypress.io rely on Rapid Test Development practices which address common issues teams have with their old test infrastructure. In this talk, we dive into platform-specific Selenium solutions like Protractor, and discuss non-Selenium frameworks like TestCafe and Cypress.io.

Modern Web Testing: Going Beyond Selenium

Modern Web Testing: Going Beyond Selenium

Modern Web Testing: Going Beyond Selenium

Object-Oriented Programming - it is often synonymous with Java Development. But what if I were to tell you that there is more to Java than OOP principles? Starting JDK8, Java language introduced a new and exciting world of Functional Programming. This inherently powerful paradigm drives services like AWS Lambda, Azure Functions, or any other Function as a Service product out there. Functional programming offers better security, simpler maintenance, and more flexible design, so it is vital for Java developers to embrace this paradigm and learn how to use it well. In this talk, we discuss how to apply Functional programming in Java with the primary focus on Functional Interfaces. We explore out-of-the-box Functional structures, how to build custom Functions and look at common mistakes of impure abstractions and overly-DRY design.

Do you even Function? Guiding Through Functional Interfaces

Do you even Function? Guiding Through Functional Interfaces

Do you even Function? Guiding Through Functional Interfaces

Mobile Testing is hard! You have to test not only Native Mobile but also Web-based applications. This multi-platform focus makes the testing effort to be at least twice as complicated as when a simple web application is targeted. With the growing market around smartphones, developers needed more ways to ensure software quality of their product. This need is why many mobile UI test frameworks have been introduced. With the most significant share of the mobile market being taken by Android OS, development and testing efforts have been especially crucial in this ecosystem. Among the variety of Mobile UI automation tools, two frameworks have been especially notable: Robotium and Appium. However, with more organizations moving towards multi-platform solutions, those of us, who used Robotium, are slowly moving towards Appium. This journey from Robotium to Appium is where the main focus of this presentation lies. In this session, we deep dive into both Robotium and Appium. We discuss why and how to transition from Robotium to Appium in the Android ecosystem. Lastly, we look at common mistakes made during this transition, and how to avoid them.

From Robotium to Appium: Choose your Journey

From Robotium to Appium: Choose your Journey

From Robotium to Appium: Choose your Journey

When was the last time you took a day off? How many times this week have you worked overtime? These questions are related to one thing we all experience on a daily basis - stress. Employees who are trapped by their routine to "deliver business value at all cost", often forget to take care of themselves. Unfortunately, this work-related stress affects our loved ones too, because work-life balance that we all hear about, usually means work-life stress. What if I were to say that it does not have to be this way? In this talk, we discuss ways how to relax and avoid "Stress Driven Development." We deep dive into common stressors, and draft a comprehensive guide to removing stress at work and in our personal lives.

Stress Driven Development, and How to Avoid It

Stress Driven Development, and How to Avoid It

Stress Driven Development, and How to Avoid It

Do you remember those games where you had to find differences between two almost identical images? If you've ever made changes in production, you sure played this game of searching for any visual changes you might have caused. The problem of catching visual regressions is what gave rise to a new way of testing - visual testing. While developers focus on automating their end-to-end flows with tools like Selenium, when it comes to end-to-end visual testing, many are at a loss. It is even more apparent in the world of mobile development, where devices differ in their capabilities, display dimensions and even operating systems. Hence, visual testing is a must-have in the mobile market! In this session, we discuss how to implement visual testing on mobile devices covering both native mobile (Android, iOS) and hybrid web development (React, React Native). We cover major visual concepts like layouts, responsive design, and graphics which should give the audience a clear picture of how to get started and be successful with visual testing.

Uphill Battle of Mobile Visual Regression

Uphill Battle of Mobile Visual Regression

Uphill Battle of Mobile Visual Regression

Quantity or Quality – this is a common dilemma we all face when buying groceries, going to the restaurant, or shopping online. Unsurprisingly, when it comes to testing software, the same question of quality over quantity comes up. “How many tests?”, “How well to write them?”, “How much testing expertise do you need?” - all these questions aimed towards the same dilemma of quantity vs. quality. In this talk, we will discuss situations when quantity of our tests takes over their quality. We will answer a question on how this tendency of writing many unnecessary tests creates even larger issues like wasted cycles on fixing test-only failures, on maintaining existing test suite and on creating every new test from scratch. Whether you are currently facing these concerns, or when (not if) you are going to face this issue, this talk will give you necessary skills on how to address and more importantly how to prevent poor quality of the test code. The speaker will share his experience in working with legacy test suites, creating overly complicated tests himself, and how he tackled these challenges. Along with his experience, the speaker will rely on Software Engineering principles which are popularized among developers but not as commonly used by the tester community. The main takeaways of this talk will be for testers to look at their code the same way developers look at production code. In essence, we will blur the line between testing and development and learn how to take the best from development and apply it to our tests; best of both worlds.

Engineer in Test: Bridging the Gap

Engineer in Test: Bridging the Gap

Engineer in Test: Bridging the Gap

“I tested it how you told me to,” “Requirements say it's expected,” “I assumed it's fine” – these are the common phrases you hear when customer cases come up. Unfortunately, it is nothing unusual in our industry to be detached from customers' actual needs. As a result, teams regularly fail when they prioritize requirements over actual behaviour that the customers expect. This problem of misaligned teams' focus is where Domain Driven Testing (DDT) comes into play. DDT helps developers to put themselves into the customers' shoes and see the product for what it is. This prioritization of the actual behaviour over the mere following of the requirements is what defines Domain Driven Testing. In this talk, we discuss how knowledge of your company's domain (aka, the focus of your business) can improve your testing practices. We talk about Domain Driven Design techniques, Exploratory Testing, and other methods which emphasize software quality through customers' success. We touch bases on tools you can integrate into your system using Domain Driven Test Pyramid, and what common mistakes you should avoid when implementing Domain Driven Testing.

Domain Driven Testing: Know What You’re Doing

Domain Driven Testing: Know What You’re Doing

Domain Driven Testing: Know What You’re Doing

Callback hell is a known way to give any JavaScript developer nightmares. However, Java developers are not much better off since anything concurrency and multithreading related gives us cold sweats. With Threads and Runnables being the very first (and often last) things we used in Java, these classes gave many of us impression of and appreciation for complexities of concurrency. As a result, many developers abandoned the idea of ever touching thread management in Java and focused on a single-threaded development. Fear no more! The world of concurrency in Java has changed since JDK8 and continues getting better. In this talk, we discuss improvements around Concurrency API of JDK5 and the power of asynchronous programming of CompletableFutures post-JDK8. Our goal is to break out of the fear of concurrency in Java and to learn about a new, declarative way of thread programming.

Back to the CompletableFuture: Concurrency in Action

Back to the CompletableFuture: Concurrency in Action

Back to the CompletableFuture: Concurrency in Action

It is safe to say that Selenium WebDriver is the number one testing tool for many software engineers across the globe. However, as the tech world has been growing rapidly, so has the testing industry. More and more UI testing frameworks besides Selenium are gaining popularity. These new test frameworks are especially appealing to its users because of the promise to solve speed, maintenance, development and other concerns of WebDriver implementations. These new, non-Selenium frameworks emphasize Rapid Test Development practices, and it has been resonating with the development community. In this talk, we dive into test solutions evolved from Selenium like Protractor, and talk about non-Selenium frameworks like TestCafe and Cypress.io. We discuss why these new tools are gaining popularity and continue to disrupt the traditional testing standards of Selenium WebDriver. More importantly, we address how to get started and what mistakes to avoid when first implementing TestCafe or Cypress.io in your team.

Modern Web Testing: Going Beyond Selenium

Modern Web Testing: Going Beyond Selenium

Modern Web Testing: Going Beyond Selenium

Mehr von Dmitry Vinnik (20)

Maximizing React Speed: Hands-On Guide to Debugging and Optimizing React Appl...

Maximizing React Speed: Hands-On Guide to Debugging and Optimizing React Appl...

Maximizing React Speed: Hands-On Guide to Debugging and Optimizing React Appl...

Testing React with Jest: Validate Your Components Quickly!

Testing React with Jest: Validate Your Components Quickly!

Testing React with Jest: Validate Your Components Quickly!

Documentation Made Easy with Docusaurus

Documentation Made Easy with Docusaurus

Documentation Made Easy with Docusaurus

Testing at Scale at Meta and Salesforce

Testing at Scale at Meta and Salesforce

Testing at Scale at Meta and Salesforce

Ent: Making Data Easy in Go

Ent: Making Data Easy in Go

Ent: Making Data Easy in Go

Better Start: Enforcing Best Engineering Practices with Kotlin

Better Start: Enforcing Best Engineering Practices with Kotlin

Better Start: Enforcing Best Engineering Practices with Kotlin

Testing Svelte with Jest: Validate Your Components Quickly!

Testing Svelte with Jest: Validate Your Components Quickly!

Testing Svelte with Jest: Validate Your Components Quickly!

Developing Lightning Components for Communities.pptx

Developing Lightning Components for Communities.pptx

Developing Lightning Components for Communities.pptx

Remote Work: Gateway to Freedom

Remote Work: Gateway to Freedom

Remote Work: Gateway to Freedom

Kindness Engineering: Focusing on What Matters

Kindness Engineering: Focusing on What Matters

Kindness Engineering: Focusing on What Matters

Gauge + Taiko, BDD for Web Revived

Gauge + Taiko, BDD for Web Revived

Gauge + Taiko, BDD for Web Revived

Modern Web Testing: Going Beyond Selenium

Modern Web Testing: Going Beyond Selenium

Modern Web Testing: Going Beyond Selenium

Do you even Function? Guiding Through Functional Interfaces

Do you even Function? Guiding Through Functional Interfaces

Do you even Function? Guiding Through Functional Interfaces

From Robotium to Appium: Choose your Journey

From Robotium to Appium: Choose your Journey

From Robotium to Appium: Choose your Journey

Stress Driven Development, and How to Avoid It

Stress Driven Development, and How to Avoid It

Stress Driven Development, and How to Avoid It

Uphill Battle of Mobile Visual Regression

Uphill Battle of Mobile Visual Regression

Uphill Battle of Mobile Visual Regression

Engineer in Test: Bridging the Gap

Engineer in Test: Bridging the Gap

Engineer in Test: Bridging the Gap

Domain Driven Testing: Know What You’re Doing

Domain Driven Testing: Know What You’re Doing

Domain Driven Testing: Know What You’re Doing

Back to the CompletableFuture: Concurrency in Action

Back to the CompletableFuture: Concurrency in Action

Back to the CompletableFuture: Concurrency in Action

Modern Web Testing: Going Beyond Selenium

Modern Web Testing: Going Beyond Selenium

Modern Web Testing: Going Beyond Selenium

Kürzlich hochgeladen

(Vivek)Call Us, 8448380779,Call girls in Delhi NCr – We Offer best in class call girls. escort Service At Affordable Price At low Rate with Space Night 8000 We Are One Of The Oldest Escort and Call girls Agencies in Delhi. You Will Find That Our Female Escorts Are Full Of Fun, Sexy And They Would Love Enjoy Your Company. We Have A Fantastic Selection Of Escort Ladies Available For In-Calls As Well As Out-Calls. Our Escorts Are Not Only Beautiful But All Have Great Personalities Making Them The Perfect Companion For Any Occasion. In-Call:- You Can Come At Our Place in Delhi Our place Which Is Very Clean Hygienic 100% safe Accommodation. Out-Call:- You have To Come Pick The Girl From My Place We Are Also Provide Door Step Services (Delhi Ncr, Noida, Gurgaon, Faridabad, Ghaziabad Note:- Pic Collectors Time Passers Bargainers Stay Away As We Respect The Value For Your Money Time And Expect The Same From You Hygienic:- Full Ac room And Clean Rooms Available In Hotel 24 * 7 Hourly In Delhi NCR More Details, With WhatsApp Number, +91-8448380779

Sector 18, Noida Call girls :8448380779 Model Escorts | 100% verified

Sector 18, Noida Call girls :8448380779 Model Escorts | 100% verified

Sector 18, Noida Call girls :8448380779 Model Escorts | 100% verified

Delhi Call girls

MakeMyPass" Online Bus Pass Management System illustrates the flow of activities and actions that occur within the system to accomplish specific tasks or use cases. This type of diagram focuses on representing the sequence of activities and decision points involved in a particular process. Below is an example outline and description of key elements that could be included in an Activity Diagram for the system:

BUS PASS MANGEMENT SYSTEM USING PHP.pptx

BUS PASS MANGEMENT SYSTEM USING PHP.pptx

BUS PASS MANGEMENT SYSTEM USING PHP.pptx

alwaysnagaraju26

In today's dynamic e-commerce landscape, the payment gateway emerges as a linchpin, ensuring smooth and secure transactions between buyers and sellers. In this discourse, we delve into the meticulous process of devising test cases tailored for scrutinizing payment gateways. Crafting precise test cases for payment gateways is a quintessential responsibility for testers operating within the service industry. This article meticulously explores pivotal scenarios integral to how to test payment gateways, coupled with essential guidelines for drafting effective test cases.

Payment Gateway Testing Simplified_ A Step-by-Step Guide for Beginners.pdf

Payment Gateway Testing Simplified_ A Step-by-Step Guide for Beginners.pdf

Payment Gateway Testing Simplified_ A Step-by-Step Guide for Beginners.pdf

kalichargn70th171

A Secure and Reliable Document Management System is Essential.docx

A Secure and Reliable Document Management System is Essential.docx

A Secure and Reliable Document Management System is Essential.docx

ComplianceQuest1

Chinsurah Escorts ☎️8617697112 Starting From 5K to 15K High Profile Escorts In Chinsurah ❤Personal Whatsapp Number Chinsurah Call Girls 8617697112 💦✅. Chinsurah escorts we are avaliable for our all types budget customers with offer great deals in Chinsurah.Call Now our Chinsurah escort service & call girls ... Independent call girls in Chinsurah escorts available 24 hours a day for discreet incall and outcall bookings from trusted call girls - Elis.in. Nitya salvi Chinsurah escorts service agency # Are you looking for sexy call girls ? Call our agency to get you dream independent call girl, ... One shot: ₹2000/in-call, ₹5000/out-call Two shots with one girl: ₹3500/in-call, ₹6000/out-call Body to body massage with sex: ₹3000/in-call Full night for one person: ₹7000/in-call, ₹10000/out-call Flexibility Choices and options Lists of many beauty fantasies Turn your dream into reality Perfect companionship Cheap and convenient In-call and Out-call services And many more. WhatsApp Chat: 📞 8617697112 Visit The Website : https://www.nityasalvi.com/

Chinsurah Escorts ☎️8617697112 Starting From 5K to 15K High Profile Escorts ...

(Vivek)Call Us, 8448380779,Call girls in Delhi NCr – We Offer best in class call girls. escort Service At Affordable Price At low Rate with Space Night 8000 We Are One Of The Oldest Escort and Call girls Agencies in Delhi. You Will Find That Our Female Escorts Are Full Of Fun, Sexy And They Would Love Enjoy Your Company. We Have A Fantastic Selection Of Escort Ladies Available For In-Calls As Well As Out-Calls. Our Escorts Are Not Only Beautiful But All Have Great Personalities Making Them The Perfect Companion For Any Occasion. In-Call:- You Can Come At Our Place in Delhi Our place Which Is Very Clean Hygienic 100% safe Accommodation. Out-Call:- You have To Come Pick The Girl From My Place We Are Also Provide Door Step Services (Delhi Ncr, Noida, Gurgaon, Faridabad, Ghaziabad Note:- Pic Collectors Time Passers Bargainers Stay Away As We Respect The Value For Your Money Time And Expect The Same From You Hygienic:- Full Ac room And Clean Rooms Available In Hotel 24 * 7 Hourly In Delhi NCR More Details, With WhatsApp Number, +91-8448380779

call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️

call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️

call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️

Delhi Call girls

Many specialized tools cater to distinct stages within the software development lifecycle (SDLC). These tools target various aspects of development, delivery, and operations, each with its unique strengths. Uniting these diverse testing needs into a single continuous testing platform presents several challenges. Such a platform must seamlessly integrate with various development tools and environments, accommodate different testing methodologies, and remain flexible to adapt to organizational processes and quality standards.

The Guide to Integrating Generative AI into Unified Continuous Testing Platfo...

The Guide to Integrating Generative AI into Unified Continuous Testing Platfo...

The Guide to Integrating Generative AI into Unified Continuous Testing Platfo...

kalichargn70th171

Technology has taken up space all over the world. From generating content with a single command on ChatGPT to getting your food served by Robots at your favorite restaurant, artificial advancements have ruled every space. Every industry is set to develop top-notch technology in every sector; finance, IT, healthcare, gaming, and banking, with competitive market standards. One of these rapidly growing industries is Mobile App Development. According to the Straits Research report, it is expected to reach USD 583.03 billion at a CAGR OF 12.8% between (2022 and 2030). It clearly shows how mobile app development has become an integral part of the digital landscape and revolutionized technology.

The Top App Development Trends Shaping the Industry in 2024-25 .pdf

The Top App Development Trends Shaping the Industry in 2024-25 .pdf

The Top App Development Trends Shaping the Industry in 2024-25 .pdf

Direct Style Effect Systems -The Print[A] Example- A Comprehension Aid

Direct Style Effect Systems -The Print[A] Example- A Comprehension Aid

Direct Style Effect Systems -The Print[A] Example- A Comprehension Aid

Azure Native Qumulo scales elastically for common High Performance Compute (HPC) workloads based on application requirements for: Financial Services, Automotive, Genomics / Life Sciences, Media and Entertainment, Energy, Oil and Gas, etc. Performance can be dialed UP (and back down) much higher than the examples shown here. These slides offer a glimpse into ANQ's HPC capabilities, although at a smaller scale. We invite YOU to do your own testing (with a free ANQ trial) and work with us to test your HPC workloads in Azure.

Azure_Native_Qumulo_High_Performance_Compute_Benchmarks.pdf

Azure_Native_Qumulo_High_Performance_Compute_Benchmarks.pdf

Azure_Native_Qumulo_High_Performance_Compute_Benchmarks.pdf

%in kempton park+277-882-255-28 abortion pills for sale in kempton park

%in kempton park+277-882-255-28 abortion pills for sale in kempton park

%in kempton park+277-882-255-28 abortion pills for sale in kempton park

In an era where security concerns are paramount, the integration of artificial intelligence (AI) into CCTV cameras has revolutionized surveillance capabilities. One of the most significant advancements is the ability to achieve real-time threat detection, enabling immediate responses to potential security breaches. This blog explores how AI is reshaping surveillance through real-time threat detection and the implications of this technology.

Optimizing AI for immediate response in Smart CCTV

Optimizing AI for immediate response in Smart CCTV

Optimizing AI for immediate response in Smart CCTV

%in Midrand+277-882-255-28 abortion pills for sale in midrand

%in Midrand+277-882-255-28 abortion pills for sale in midrand

%in Midrand+277-882-255-28 abortion pills for sale in midrand

10 Trends Likely to Shape Enterprise Technology in 2024

10 Trends Likely to Shape Enterprise Technology in 2024

10 Trends Likely to Shape Enterprise Technology in 2024

Mind IT Systems

How To Troubleshoot Collaboration Apps for the Modern Connected Worker

How To Troubleshoot Collaboration Apps for the Modern Connected Worker

How To Troubleshoot Collaboration Apps for the Modern Connected Worker

Investing in AI transformation today The modern business advantage: Uncovering deep insights with AI Organizations around the world have come to recognize AI as the transformative technology that enables them to gain real business advantage. AI’s ability to organize vast quantities of data allows those who implement it to uncover deep business insights, augment human expertise, drive operational efficiency, transform their products, and better serve their customers

Microsoft AI Transformation Partner Playbook.pdf

Microsoft AI Transformation Partner Playbook.pdf

Microsoft AI Transformation Partner Playbook.pdf

Willy Marroquin (WillyDevNET)

Crypto Cloud Review - How To Earn Up To $500 Per DAY Of Bitcoin 100% On AutoP...

Crypto Cloud Review - How To Earn Up To $500 Per DAY Of Bitcoin 100% On AutoP...

Crypto Cloud Review - How To Earn Up To $500 Per DAY Of Bitcoin 100% On AutoP...

%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein

%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein

%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein

Test automation is a cornerstone of software development and quality assurance in today's rapidly evolving digital landscape. Its significance cannot be overstated. Businesses can enhance efficiency, productivity, and accelerate software delivery to market through automation, streamlining testing processes effectively. This comprehensive guide addresses the best practices for test automation in 2024. It offers a detailed checklist to empower you to optimize your automation efforts and maintain a competitive edge.

The Ultimate Test Automation Guide_ Best Practices and Tips.pdf

The Ultimate Test Automation Guide_ Best Practices and Tips.pdf

The Ultimate Test Automation Guide_ Best Practices and Tips.pdf

kalichargn70th171

Model Call Girl Services in Delhi reach out to us at 🔝 9953056974 🔝✔️✔️ Our agency presents a selection of young, charming call girls available for bookings at Oyo Hotels. Experience high-class escort services at pocket-friendly rates, with our female escorts exuding both beauty and a delightful personality, ready to meet your desires. Whether it's Housewives, College girls, Russian girls, Muslim girls, or any other preference, we offer a diverse range of options to cater to your tastes. We provide both in-call and out-call services for your convenience. Our in-call location in Delhi ensures cleanliness, hygiene, and 100% safety, while our out-call services offer doorstep delivery for added ease. We value your time and money, hence we kindly request pic collectors, time-passers, and bargain hunters to refrain from contacting us. Our services feature various packages at competitive rates: One shot: ₹2000/in-call, ₹5000/out-call Two shots with one girl: ₹3500/in-call, ₹6000/out-call Body to body massage with sex: ₹3000/in-call Full night for one person: ₹7000/in-call, ₹10000/out-call Full night for more than 1 person: Contact us at 🔝 9953056974 🔝. for details Operating 24/7, we serve various locations in Delhi, including Green Park, Lajpat Nagar, Saket, and Hauz Khas near metro stations. For premium call girl services in Delhi 🔝 9953056974 🔝. Thank you for considering us!

CHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICE

CHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICE

CHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICE

9953056974 Low Rate Call Girls In Saket, Delhi NCR

Kürzlich hochgeladen (20)

Sector 18, Noida Call girls :8448380779 Model Escorts | 100% verified

Sector 18, Noida Call girls :8448380779 Model Escorts | 100% verified

Sector 18, Noida Call girls :8448380779 Model Escorts | 100% verified

BUS PASS MANGEMENT SYSTEM USING PHP.pptx

BUS PASS MANGEMENT SYSTEM USING PHP.pptx

BUS PASS MANGEMENT SYSTEM USING PHP.pptx

Payment Gateway Testing Simplified_ A Step-by-Step Guide for Beginners.pdf

Payment Gateway Testing Simplified_ A Step-by-Step Guide for Beginners.pdf

Payment Gateway Testing Simplified_ A Step-by-Step Guide for Beginners.pdf

A Secure and Reliable Document Management System is Essential.docx

A Secure and Reliable Document Management System is Essential.docx

A Secure and Reliable Document Management System is Essential.docx

Chinsurah Escorts ☎️8617697112 Starting From 5K to 15K High Profile Escorts ...

call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️

call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️

call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️

The Guide to Integrating Generative AI into Unified Continuous Testing Platfo...

The Guide to Integrating Generative AI into Unified Continuous Testing Platfo...

The Guide to Integrating Generative AI into Unified Continuous Testing Platfo...

The Top App Development Trends Shaping the Industry in 2024-25 .pdf

The Top App Development Trends Shaping the Industry in 2024-25 .pdf

The Top App Development Trends Shaping the Industry in 2024-25 .pdf

Direct Style Effect Systems -The Print[A] Example- A Comprehension Aid

Direct Style Effect Systems -The Print[A] Example- A Comprehension Aid

Direct Style Effect Systems -The Print[A] Example- A Comprehension Aid

Azure_Native_Qumulo_High_Performance_Compute_Benchmarks.pdf

Azure_Native_Qumulo_High_Performance_Compute_Benchmarks.pdf

Azure_Native_Qumulo_High_Performance_Compute_Benchmarks.pdf

%in kempton park+277-882-255-28 abortion pills for sale in kempton park

%in kempton park+277-882-255-28 abortion pills for sale in kempton park

%in kempton park+277-882-255-28 abortion pills for sale in kempton park

Optimizing AI for immediate response in Smart CCTV

Optimizing AI for immediate response in Smart CCTV

Optimizing AI for immediate response in Smart CCTV

%in Midrand+277-882-255-28 abortion pills for sale in midrand

%in Midrand+277-882-255-28 abortion pills for sale in midrand

%in Midrand+277-882-255-28 abortion pills for sale in midrand

10 Trends Likely to Shape Enterprise Technology in 2024

10 Trends Likely to Shape Enterprise Technology in 2024

10 Trends Likely to Shape Enterprise Technology in 2024

How To Troubleshoot Collaboration Apps for the Modern Connected Worker

How To Troubleshoot Collaboration Apps for the Modern Connected Worker

How To Troubleshoot Collaboration Apps for the Modern Connected Worker

Microsoft AI Transformation Partner Playbook.pdf

Microsoft AI Transformation Partner Playbook.pdf

Microsoft AI Transformation Partner Playbook.pdf

Crypto Cloud Review - How To Earn Up To $500 Per DAY Of Bitcoin 100% On AutoP...

Crypto Cloud Review - How To Earn Up To $500 Per DAY Of Bitcoin 100% On AutoP...

Crypto Cloud Review - How To Earn Up To $500 Per DAY Of Bitcoin 100% On AutoP...

%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein

%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein

%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein

The Ultimate Test Automation Guide_ Best Practices and Tips.pdf

The Ultimate Test Automation Guide_ Best Practices and Tips.pdf

The Ultimate Test Automation Guide_ Best Practices and Tips.pdf

CHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICE

CHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICE

CHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICE

Cross-Platform CSS (Yes, it's Possible!) with Yoga

1. Cross-Platform CSS with Yoga @DmitryVinnik 1

2. What do I do? @DmitryVinnik 2

3. About Me @DmitryVinnik 3

4. About Me Open Source Developer Advocate @DmitryVinnik 4

5. @DmitryVinnik 5

6. About Me Open Source Developer Advocate Mobile Focus: Android, iOS, Hybrid @DmitryVinnik 6

7. @DmitryVinnik 7

8. @DmitryVinnik 8

9. @DmitryVinnik 9

10. @DmitryVinnik 10

11. About Me Open Source Developer Advocate Mobile Focus: Android, iOS, Hybrid Passionate about Open Source @DmitryVinnik 11

12. Meta Open Source @DmitryVinnik 12

13. What are our goals for today? @DmitryVinnik 13

15. Goals Basics of Flexbox and Layouts

16. Goals Basics of Flexbox and Layouts Learning Yoga 101

17. Goals Basics of Flexbox and Layouts Learning Yoga 101 Cross Platform Yoga in Action

18. What is Yoga? @DmitryVinnik 18

19. @DmitryVinnik 19

20. Yoga @DmitryVinnik 20

21. Cross-platform layout engine that manages UIs across platforms by reusing CSS layouts @DmitryVinnik 21

22. Let’s step back @DmitryVinnik 22

23. Cross-platform layout engine that manages UIs across platforms by reusing CSS layouts @DmitryVinnik 23

24. @DmitryVinnik 24

25. @DmitryVinnik 25

26. @DmitryVinnik 26

27. @DmitryVinnik 27

28. @DmitryVinnik 28

29. Cross-platform layout engine that manages UIs across platforms by reusing CSS layouts @DmitryVinnik 29

30. Cross-platform layout engine that manages UIs across platforms by reusing CSS layouts @DmitryVinnik 30

31. What is Layout? @DmitryVinnik 31

32. Layout defines the structure for a user interface in your app @DmitryVinnik 32

33. @DmitryVinnik 33 Source: https://bit.ly/3FvL9Wl

34. @DmitryVinnik 34

35. @DmitryVinnik 35

36. @DmitryVinnik 36

37. @DmitryVinnik 37

38. @DmitryVinnik 38

39. @DmitryVinnik 39

40. @DmitryVinnik 40

41. What does mean for Layouts? @DmitryVinnik 41

42. Challenges MP Layouts 42 @DmitryVinnik

43. Challenges MP Layouts 43 Multiple Codebases @DmitryVinnik

44. Challenges MP Layouts 44 Multiple Codebases Different OS @DmitryVinnik

45. Challenges MP Layouts 45 Array of Target Screens Multiple Codebases Different OS @DmitryVinnik

46. Challenges MP Layouts 46 Array of Target Screens Different Expectations Multiple Codebases Different OS @DmitryVinnik

47. Cross-platform layout engine that manages UIs across platforms by reusing CSS layouts @DmitryVinnik 47

48. Cross-platform layout engine that manages UIs across platforms by reusing CSS layouts @DmitryVinnik 48

49. CSS, or Cascading Style Sheets @DmitryVinnik 49

50. Describes how UI elements are to be displayed on screens @DmitryVinnik 50

51. Cross-platform layout engine that manages UIs across platforms by reusing CSS layouts @DmitryVinnik 51

52. Cross-platform layout engine that manages UIs across platforms by reusing CSS layouts @DmitryVinnik 52

53. And all of this is @DmitryVinnik 53

54. Yoga @DmitryVinnik 54

55. Based on Flexbox CSS @DmitryVinnik 55

56. @DmitryVinnik 56 Source: https://bit.ly/3l8iVt5

57. Why Yoga? 57 @DmitryVinnik

58. Why Yoga? 58 Performance @DmitryVinnik

59. Why Yoga? 59 Performance Cross Platform @DmitryVinnik

60. Why Yoga? 60 Easy to Learn Performance Cross Platform @DmitryVinnik

61. Why Yoga? 61 Easy to Learn Open Source Adoption Performance Cross Platform @DmitryVinnik

62. @DmitryVinnik 62

63. @DmitryVinnik 63

64. @DmitryVinnik 64

65. @DmitryVinnik 65

66. Demo Time! @DmitryVinnik 66

67. Call to Action @DmitryVinnik 67

68. Call to Action Visit Yoga Website @DmitryVinnik 68

69. Call to Action Visit Yoga Website Join Yoga Community @DmitryVinnik 69

70. Call to Action Visit Yoga Website Join Yoga Community Continue Learning @DmitryVinnik 70

71. About Speaker Twitter: @DmitryVinnik Blog: dvinnik.dev LinkedIn: in/dmitry-vinnik/ Email: dmitry@dvinnik.dev 71

Hinweis der Redaktion

Go to Site
Go to https://www.w3schools.com/css/css3_flexbox.asp
Go to Site
Go to Site
Go to Site
Go to Site
Will be sharing slides, github and useful links
Will be sharing slides, github and useful links
Will be sharing slides, github and useful links
Will be sharing slides, github and useful links