Schick, performant und bitte auf allen Plattformen verfügbar! Moderne Anwendungen verlangen ihren Entwicklern einiges ab. Wo früher noch Platzhirsche wie Windows Forms und WPF mit ausgiebigen UI-Baukästen aufwarteten, muss heute selbst Hand angelegt werden. Damit das auch in Zeiten von agiler Entwicklung funktioniert, ohne sich im Detail zu verlieren, bedarf es eines robusten Workflows. Andreas Wissel zeigt Ihnen in dieser Session, wie Sie mit Angular und Storybook eine pragmatische, skalierbare Komponentenbibliothek aufbauen, die den Vorbildern großer Anbieter in nichts nachsteht. Sowohl isolierte Entwicklung als auch Testing und Dokumentation sind damit fester Bestandteil Ihres Workflows!
Robuste Design Systems mit Storybook und AngularAndreas Wissel
Schick, performant und bitte auf allen Plattformen verfügbar! Moderne Anwendungen verlangen ihren Entwicklern einiges ab. Wo früher noch die Vorarbeit von Anbietern wie Microsoft in Form von UI-Baukästen geleistet wurde, muss heute selbst Hand angelegt werden. In dieser Session von Andreas Wissel erfahren Sie, wie Ihr Team mit robusten Workflows in einer agilen Welt mit diesen Anforderungen Schritt hält. Angefangen bei Grundkonzepten der User Experience über die Bausteine eines modernen Design Systems bis hin zur fertigen Implementation. Mit diesem Handwerkszeug schaffen Sie die Grundlage für konsistente, schicke und performante Oberflächen.
Web Design & UI/UX Bootcamp [Online & Offline] In BanglaStack Learner
Web Design & UI/UX Bootcamp
Stack School:
https://courses.stackschool.co/courses/web-design-bootcamp
Web Design & UI/UX Bootcamp [Online & Offline], Along with web design we have added another topic, That is UI UX design. Because we know only web designing knowledge is not enough now, the UI/UX design has become much more impactful in the real-world project development.
যেকোনো অ্যাপলিকেশনের ডিজাইন এবং ইউজার এক্সপেরিয়েন্সের ওপরেই মূলত ওই অ্যাপলিকেশনের সফলতা নির্ভর করে। ইউজার ইন্টার্ফেস এবং ইউজার এক্সপেরিয়েন্স ডিজাইন মোটেও সহজ কোনো বিষয় না। এই বুটক্যাম্পে আমরা ওয়েব ডিজাইন এবং ইউজার এক্সপেরিয়েন্স ডিজাইন শিখবো।
Web Design & UI/UX Bootcamp [Online & Offline]
26+ Weeks, 52+ Classes - A Journey to Become A Web and UI/UX Designer
আমরা ফ্রেমওয়ার্কে না, মেথডলজিতে বিশ্বাসী
ওয়েব ডেভেলপমেন্ট একটা বৃহৎ জার্নি, আর এই জার্নির শুরু হয় ওয়েব ডিজাইনের মধ্য দিয়ে। আপনি ভবিষ্যতে ফ্রন্টেন্ড নিয়ে কাজ করেন, ব্যাকেন্ড নিয়ে কাজ করেন অথবা ফুল স্ট্যাক ডেভেলপমেন্ট নিয়ে কাজ করেন, বেসিক ওয়েব ডিজাইন সম্পর্কে আপনার জ্ঞান থাকা খুব বেশি জরুরি। আমাদের এই বুটক্যাম্পে আমরা ওয়েব ডিজাইনের সাথে সাথে আর একটা বিষয়ও যুক্ত করেছি। সেটা হয়ে ইউআই ইউএক্স ডিজাইন। শুধুমাত্র ওয়েব ডিজাইন করতে জানলেই হবে না, ওয়ার্ল্ড ক্লাস ডিজাইন করতে চাইলে আপনাকে ইউআই ইউএক্স এর জ্ঞান রাখতে হবে। একটা অ্যাপলিকেশন মানুষ ব্যবহার করবে কি না সেটা নির্ভর করে এর ইউআই ইউএক্স ডিজাইনের ওপরে। আর এই বুটক্যাম্প জুড়ে আমরা বিভিন্ন ভাবে ওয়েব সাইটের জন্য ইউআই ইউএক্স মেনে কিভাবে ডিজাইন করতে হয় সেটা শিখবো।
Bridging the gap between UX and development - A Storybook by Marko Letic at F...DevClub_lv
The main topic of this talk is a short introduction to Storybook.js, JavaScript library that allows us to create independent and interactive UX components from already existing ones, developed in frameworks such as Angular, React or Vue. Reusing the components, we create an isolated environment that can be shared within the organization and enable a collaboration between designers and developers on a whole new level. Different use-cases will be described using Angular as a framework of choice with practical examples.
Based on a real-world use-case, Will Armstrong, from Unity's Spotlight team, walks users through the process of finding out where performance and memory issues are coming from, how to use tools to track these issues down, and how to make UI that doesn't generate garbage.
Speakers:
William Armstrong - Unity Technologies
UI Dev in Big data world using open sourceTech Triveni
He will be sharing his last 10 years of experience in UI Development for Big Data Analytics & ML world using available open-source plethora in the market. How 'UI dev' needs to target big data problems?
Key points to consider while choosing any open-source framework/library for the big data world.
Do you need to write a custom framework or use ready-made open source, when what to choose?
How dev can leverage open source frameworks like Angular, REACT to making big data apps faster?
How you can extend open-source BI tools like Kibana, superset graphana to make UI development tool?
How to show network big data using open source graph libraries?
How to deal with real-time data in Big data UI?
Why use & contribute to open source?
Design UI for future as in Big data world customer problems keep changing with time. Showcasing demo for our real customer's problems, how we achieved using these open source libraries.
Forge - DevCon 2016: Implementing Rich Applications in the BrowserAutodesk
Sebastian Dunkel, Autodesk
Cloud based web applications running in the browser have fundamental advantages over their desktop based siblings: They run on any device and are not tied to a certain operating system. The transition to web applications can solve many of the deployment problems and facilitates effortless real-time collaboration in a connected world.
However, implementing rich browser applications is challenging. Besides general technical limitations, leveraging existing technology is far from trivial. In this presentation we will discuss these and other challenges based on selected browser-based applications developed at Autodesk. Moreover, we will show how Forge technology can help to accelerate application development and improve the development experience.
Robuste Design Systems mit Storybook und AngularAndreas Wissel
Schick, performant und bitte auf allen Plattformen verfügbar! Moderne Anwendungen verlangen ihren Entwicklern einiges ab. Wo früher noch die Vorarbeit von Anbietern wie Microsoft in Form von UI-Baukästen geleistet wurde, muss heute selbst Hand angelegt werden. In dieser Session von Andreas Wissel erfahren Sie, wie Ihr Team mit robusten Workflows in einer agilen Welt mit diesen Anforderungen Schritt hält. Angefangen bei Grundkonzepten der User Experience über die Bausteine eines modernen Design Systems bis hin zur fertigen Implementation. Mit diesem Handwerkszeug schaffen Sie die Grundlage für konsistente, schicke und performante Oberflächen.
Web Design & UI/UX Bootcamp [Online & Offline] In BanglaStack Learner
Web Design & UI/UX Bootcamp
Stack School:
https://courses.stackschool.co/courses/web-design-bootcamp
Web Design & UI/UX Bootcamp [Online & Offline], Along with web design we have added another topic, That is UI UX design. Because we know only web designing knowledge is not enough now, the UI/UX design has become much more impactful in the real-world project development.
যেকোনো অ্যাপলিকেশনের ডিজাইন এবং ইউজার এক্সপেরিয়েন্সের ওপরেই মূলত ওই অ্যাপলিকেশনের সফলতা নির্ভর করে। ইউজার ইন্টার্ফেস এবং ইউজার এক্সপেরিয়েন্স ডিজাইন মোটেও সহজ কোনো বিষয় না। এই বুটক্যাম্পে আমরা ওয়েব ডিজাইন এবং ইউজার এক্সপেরিয়েন্স ডিজাইন শিখবো।
Web Design & UI/UX Bootcamp [Online & Offline]
26+ Weeks, 52+ Classes - A Journey to Become A Web and UI/UX Designer
আমরা ফ্রেমওয়ার্কে না, মেথডলজিতে বিশ্বাসী
ওয়েব ডেভেলপমেন্ট একটা বৃহৎ জার্নি, আর এই জার্নির শুরু হয় ওয়েব ডিজাইনের মধ্য দিয়ে। আপনি ভবিষ্যতে ফ্রন্টেন্ড নিয়ে কাজ করেন, ব্যাকেন্ড নিয়ে কাজ করেন অথবা ফুল স্ট্যাক ডেভেলপমেন্ট নিয়ে কাজ করেন, বেসিক ওয়েব ডিজাইন সম্পর্কে আপনার জ্ঞান থাকা খুব বেশি জরুরি। আমাদের এই বুটক্যাম্পে আমরা ওয়েব ডিজাইনের সাথে সাথে আর একটা বিষয়ও যুক্ত করেছি। সেটা হয়ে ইউআই ইউএক্স ডিজাইন। শুধুমাত্র ওয়েব ডিজাইন করতে জানলেই হবে না, ওয়ার্ল্ড ক্লাস ডিজাইন করতে চাইলে আপনাকে ইউআই ইউএক্স এর জ্ঞান রাখতে হবে। একটা অ্যাপলিকেশন মানুষ ব্যবহার করবে কি না সেটা নির্ভর করে এর ইউআই ইউএক্স ডিজাইনের ওপরে। আর এই বুটক্যাম্প জুড়ে আমরা বিভিন্ন ভাবে ওয়েব সাইটের জন্য ইউআই ইউএক্স মেনে কিভাবে ডিজাইন করতে হয় সেটা শিখবো।
Bridging the gap between UX and development - A Storybook by Marko Letic at F...DevClub_lv
The main topic of this talk is a short introduction to Storybook.js, JavaScript library that allows us to create independent and interactive UX components from already existing ones, developed in frameworks such as Angular, React or Vue. Reusing the components, we create an isolated environment that can be shared within the organization and enable a collaboration between designers and developers on a whole new level. Different use-cases will be described using Angular as a framework of choice with practical examples.
Based on a real-world use-case, Will Armstrong, from Unity's Spotlight team, walks users through the process of finding out where performance and memory issues are coming from, how to use tools to track these issues down, and how to make UI that doesn't generate garbage.
Speakers:
William Armstrong - Unity Technologies
UI Dev in Big data world using open sourceTech Triveni
He will be sharing his last 10 years of experience in UI Development for Big Data Analytics & ML world using available open-source plethora in the market. How 'UI dev' needs to target big data problems?
Key points to consider while choosing any open-source framework/library for the big data world.
Do you need to write a custom framework or use ready-made open source, when what to choose?
How dev can leverage open source frameworks like Angular, REACT to making big data apps faster?
How you can extend open-source BI tools like Kibana, superset graphana to make UI development tool?
How to show network big data using open source graph libraries?
How to deal with real-time data in Big data UI?
Why use & contribute to open source?
Design UI for future as in Big data world customer problems keep changing with time. Showcasing demo for our real customer's problems, how we achieved using these open source libraries.
Forge - DevCon 2016: Implementing Rich Applications in the BrowserAutodesk
Sebastian Dunkel, Autodesk
Cloud based web applications running in the browser have fundamental advantages over their desktop based siblings: They run on any device and are not tied to a certain operating system. The transition to web applications can solve many of the deployment problems and facilitates effortless real-time collaboration in a connected world.
However, implementing rich browser applications is challenging. Besides general technical limitations, leveraging existing technology is far from trivial. In this presentation we will discuss these and other challenges based on selected browser-based applications developed at Autodesk. Moreover, we will show how Forge technology can help to accelerate application development and improve the development experience.
Bridging the gap between UX and development – A StorybookMarko Letic
Slides from a talk presented at FrontCon 2019 conference in Riga, Latvia.
Note: This is a keynote presentation converted to PDF. Originally it has videos that are not included here.
Talk description:
The main topic of this talk is a short introduction to Storybook.js, JavaScript library that allows us to create independent and interactive UX components from already existing ones, developed in frameworks such as Angular, React or Vue. Reusing the components, we create an isolated environment that can be shared within the organization and enable a collaboration between designers and developers on a whole new level. Different use-cases will be described using Angular as a framework of choice with practical examples.
Video: https://www.youtube.com/watch?v=QNYSCkLn4Oo
Authors: Alexey Konoplev and Dzmitry Danchanka, www.eastbanctech.com
This deck provides an overview of the MS build\\2016 Conference:
- keynotes and most noticeable announcements,
- details on selected sessions attended.
It is intended for Tech Leads and Developers who are interested in web, mobile, and cloud technologies.
A guide to hiring a great developer to build your first app (redacted version)Oursky
Hiring the right developer for your startup can be wearying. In this bitesized Garage Academy session, Ben Cheng, CEO of Oursky will provide you with all the tips for hiring your first developer -- from app development team structure to recruitment to management.
About the speaker:
Ben Cheng is the CEO of Oursky, a Hong Kong-based app dev studio that helps entrepreneurs and startups turn their ideas into reality. He has driven the company’s vision, strategy, and growth since its inception in 2008, and grown the technology-driven team from 3 to over 40 in Hong Kong and Taipei.
ABOUT OURSKY:
Founded in 2008, Oursky has developed web & mobile apps for startups and enterprises such as ASOS and Thomson Reuters. In 2015, 60% of Oursky's published iOS apps were featured in Apple's App Store and one was selected as a Best of 2013 App.
Boilerplates: Step up your Web Development ProcessFibonalabs
Having a boilerplate for your project, whether you are a developer or a designer, is always a good idea. It saves a lot of time from going back and forth between setting up the scaffolding and getting your hands dirty with code; it also helps in sharing your code with others. You can use it to get a head start on new projects and work on the core functionality. Using custom-designed React boilerplates shortened our initial sprints from 2 weeks to 3 days!
The core principles behind Responsive Web Design at BBC News (http://m.bbc.co.uk/news).
Talk given at SudWeb 2013 (http://www.sudweb.fr/2013) in French (http://www.slideshare.net/kaelig/sudweb-2013) on May 17th, followed by the London Greewich University (in English) on May 24th.
The "Cutting the Mustard" technique is well documented on the Responsive News blog: http://responsivenews.co.uk/post/18948466399/cutting-the-mustard
This is the presentation that Glenn Cahill and Onkar Matharu attended at the Queen Elizabeth Hall in London on May 26th - 27th 2011.
The conference was for the Web Directions @media conference of Web Design and Web Development.
We present an approach for tackling common problems in configuration
frameworks:
- It is often difficult to map a conceptual model of a configurable
product into the restricted capabilities of configuration engines.
For the end user this leads to suboptimal UIs.
- The communication between a custom UI front-end and the configuration
engine is cumbersome to implement. For the end user the need for
round-trips between the UI and the configuration server can cause a
sluggish user experience.
With HTML5 and JavaScript-based UI frameworks such as React.js browsers
have advanced into a powerful application platform. This allows to run
not only the UI but also the configuration logic in the browser.
This benefits the work of various stakeholders:
- Modelers are provided with powerful data structures and the ability to
define their own concepts.
- Gradually extending the standard UI with custom features becomes easy
and is based on standard technologies.
- End users will enjoy the user experience of modern web applications.
- End users can even use configurators in offline mode, without access
to a server.
- There is no need to run and maintain a server-side configuration
engine.
We will demonstrate this approach with concrete products and discuss the
integration with an SAP back end.
Presented at 2015 CWG Prague - SAP Configuration Workgroup Conference by Heribert Schütz and Tim Geisler
Todo o Azure DevOps no terminal
Em plataformas como GNU Linux é muito comum estar no terminal durante o desenvolvimento de software. E usar o Azure DevOps no termnal é completamente possível, vamos criar repositórios, pipelines e até mesmo verificar o trabalho que precisa ser feito, tudo no Bash.
Os slides foram usados na introdução da palestra. Todo
Azure DevOps offers many tools that you can choose from to augment your DevOps practices. Whether you are delivering software on-prem or in the cloud, building OSS or commercial solutions, using .NET, Java, Swift or any other language, you should see what Azure DevOps has to offer.
SEF 2014 - Responsive Design in SharePoint 2013Marc D Anderson
Presented with Christian Ståhl
Everyone is talking about responsive design. But are you really ready to bring SharePoint to mobile and tablets? While you may have an idea of what your site will look like when finished, there are many basic concepts and pitfalls that aren’t always outlined in the “How To’s”.
In this session, we will go through foundational steps to planning a responsive SharePoint site including how to handle a hybrid content scenario that uses publishing and team sites. You will learn what tools and templates can make your life easier during design, build and testing. If you are excited about the capability of bringing SharePoint to any device but not sure where to start, check out this session to get the foundational understanding of the concept, best practices and examples to get you started.
Mastering Angular Training program will enable you to build modern and interactive web applications by using Angular best practices. Our Angular Training program covers Angular fundamentals like modules, components, Data binding, Directive, Services, Reactive Forms, Component level communication using Services and Dependency Injection (DI).
Dive into the world of CosmosDB with this in-depth class support material! 🚀
📚 In this presentation, I covered key concepts, best practices, and hands-on insights into working with Azure CosmosDB. Whether you're a beginner or seeking to deepen your understanding, this guide provides a valuable resource to navigate the complexities of CosmosDB.
🔍 Topics Covered:
- Introduction to CosmosDB
- Data Modeling Strategies
- Querying and Indexing
- Performance Optimization
- Scalability and Partitioning
- Real-world Use Cases
💡 Why CosmosDB?
Discover why CosmosDB is a game-changer in the world of NoSQL databases, offering unparalleled scalability, global distribution, and multi-model flexibility.
🚀 Who Should Explore This?
- Developers
- Database Administrators
- Data Engineers
- Cloud Enthusiasts
Android development changed significantly in 2017 (Kotlin, Architecture Components and much more). Some of the most tricky and debatable questions now are: how to start a scalable project from scratch? How to decide which technology/library to use?
The HERE WeGo App team has worked for years to define a sophisticated release and development process, with a high level of automation that allowed to quickly followup on user issues and actively develop features. But legacy code and a large framework made it difficult to move even faster.
Lessons learned? We will discuss how to start over with all the learnings on a greenfield project.
Technologies that will be covered: Kotlin, Jenkins, JobDsl, Architecture Components, GraphQL, gRPC and more.
Bridging the gap between UX and development – A StorybookMarko Letic
Slides from a talk presented at FrontCon 2019 conference in Riga, Latvia.
Note: This is a keynote presentation converted to PDF. Originally it has videos that are not included here.
Talk description:
The main topic of this talk is a short introduction to Storybook.js, JavaScript library that allows us to create independent and interactive UX components from already existing ones, developed in frameworks such as Angular, React or Vue. Reusing the components, we create an isolated environment that can be shared within the organization and enable a collaboration between designers and developers on a whole new level. Different use-cases will be described using Angular as a framework of choice with practical examples.
Video: https://www.youtube.com/watch?v=QNYSCkLn4Oo
Authors: Alexey Konoplev and Dzmitry Danchanka, www.eastbanctech.com
This deck provides an overview of the MS build\\2016 Conference:
- keynotes and most noticeable announcements,
- details on selected sessions attended.
It is intended for Tech Leads and Developers who are interested in web, mobile, and cloud technologies.
A guide to hiring a great developer to build your first app (redacted version)Oursky
Hiring the right developer for your startup can be wearying. In this bitesized Garage Academy session, Ben Cheng, CEO of Oursky will provide you with all the tips for hiring your first developer -- from app development team structure to recruitment to management.
About the speaker:
Ben Cheng is the CEO of Oursky, a Hong Kong-based app dev studio that helps entrepreneurs and startups turn their ideas into reality. He has driven the company’s vision, strategy, and growth since its inception in 2008, and grown the technology-driven team from 3 to over 40 in Hong Kong and Taipei.
ABOUT OURSKY:
Founded in 2008, Oursky has developed web & mobile apps for startups and enterprises such as ASOS and Thomson Reuters. In 2015, 60% of Oursky's published iOS apps were featured in Apple's App Store and one was selected as a Best of 2013 App.
Boilerplates: Step up your Web Development ProcessFibonalabs
Having a boilerplate for your project, whether you are a developer or a designer, is always a good idea. It saves a lot of time from going back and forth between setting up the scaffolding and getting your hands dirty with code; it also helps in sharing your code with others. You can use it to get a head start on new projects and work on the core functionality. Using custom-designed React boilerplates shortened our initial sprints from 2 weeks to 3 days!
The core principles behind Responsive Web Design at BBC News (http://m.bbc.co.uk/news).
Talk given at SudWeb 2013 (http://www.sudweb.fr/2013) in French (http://www.slideshare.net/kaelig/sudweb-2013) on May 17th, followed by the London Greewich University (in English) on May 24th.
The "Cutting the Mustard" technique is well documented on the Responsive News blog: http://responsivenews.co.uk/post/18948466399/cutting-the-mustard
This is the presentation that Glenn Cahill and Onkar Matharu attended at the Queen Elizabeth Hall in London on May 26th - 27th 2011.
The conference was for the Web Directions @media conference of Web Design and Web Development.
We present an approach for tackling common problems in configuration
frameworks:
- It is often difficult to map a conceptual model of a configurable
product into the restricted capabilities of configuration engines.
For the end user this leads to suboptimal UIs.
- The communication between a custom UI front-end and the configuration
engine is cumbersome to implement. For the end user the need for
round-trips between the UI and the configuration server can cause a
sluggish user experience.
With HTML5 and JavaScript-based UI frameworks such as React.js browsers
have advanced into a powerful application platform. This allows to run
not only the UI but also the configuration logic in the browser.
This benefits the work of various stakeholders:
- Modelers are provided with powerful data structures and the ability to
define their own concepts.
- Gradually extending the standard UI with custom features becomes easy
and is based on standard technologies.
- End users will enjoy the user experience of modern web applications.
- End users can even use configurators in offline mode, without access
to a server.
- There is no need to run and maintain a server-side configuration
engine.
We will demonstrate this approach with concrete products and discuss the
integration with an SAP back end.
Presented at 2015 CWG Prague - SAP Configuration Workgroup Conference by Heribert Schütz and Tim Geisler
Todo o Azure DevOps no terminal
Em plataformas como GNU Linux é muito comum estar no terminal durante o desenvolvimento de software. E usar o Azure DevOps no termnal é completamente possível, vamos criar repositórios, pipelines e até mesmo verificar o trabalho que precisa ser feito, tudo no Bash.
Os slides foram usados na introdução da palestra. Todo
Azure DevOps offers many tools that you can choose from to augment your DevOps practices. Whether you are delivering software on-prem or in the cloud, building OSS or commercial solutions, using .NET, Java, Swift or any other language, you should see what Azure DevOps has to offer.
SEF 2014 - Responsive Design in SharePoint 2013Marc D Anderson
Presented with Christian Ståhl
Everyone is talking about responsive design. But are you really ready to bring SharePoint to mobile and tablets? While you may have an idea of what your site will look like when finished, there are many basic concepts and pitfalls that aren’t always outlined in the “How To’s”.
In this session, we will go through foundational steps to planning a responsive SharePoint site including how to handle a hybrid content scenario that uses publishing and team sites. You will learn what tools and templates can make your life easier during design, build and testing. If you are excited about the capability of bringing SharePoint to any device but not sure where to start, check out this session to get the foundational understanding of the concept, best practices and examples to get you started.
Mastering Angular Training program will enable you to build modern and interactive web applications by using Angular best practices. Our Angular Training program covers Angular fundamentals like modules, components, Data binding, Directive, Services, Reactive Forms, Component level communication using Services and Dependency Injection (DI).
Dive into the world of CosmosDB with this in-depth class support material! 🚀
📚 In this presentation, I covered key concepts, best practices, and hands-on insights into working with Azure CosmosDB. Whether you're a beginner or seeking to deepen your understanding, this guide provides a valuable resource to navigate the complexities of CosmosDB.
🔍 Topics Covered:
- Introduction to CosmosDB
- Data Modeling Strategies
- Querying and Indexing
- Performance Optimization
- Scalability and Partitioning
- Real-world Use Cases
💡 Why CosmosDB?
Discover why CosmosDB is a game-changer in the world of NoSQL databases, offering unparalleled scalability, global distribution, and multi-model flexibility.
🚀 Who Should Explore This?
- Developers
- Database Administrators
- Data Engineers
- Cloud Enthusiasts
Android development changed significantly in 2017 (Kotlin, Architecture Components and much more). Some of the most tricky and debatable questions now are: how to start a scalable project from scratch? How to decide which technology/library to use?
The HERE WeGo App team has worked for years to define a sophisticated release and development process, with a high level of automation that allowed to quickly followup on user issues and actively develop features. But legacy code and a large framework made it difficult to move even faster.
Lessons learned? We will discuss how to start over with all the learnings on a greenfield project.
Technologies that will be covered: Kotlin, Jenkins, JobDsl, Architecture Components, GraphQL, gRPC and more.
Similar to Figma, Storybook und Angular: Toolchain für plattformunabhängige UI-Entwicklung (20)
Mit den stetig wachsenden Möglichkeiten, die Cross-Platform-Anwendungen bieten, wachsen auch die Anforderungen an deren Design. Skalierbarkeit, Flexibilität und Wandelbarkeit gehören zu den Grundprinzipien eines modernen User-Interfaces. Andreas Wissel und Christian Liebel erarbeiten mit Ihnen in diesem Workshop anhand von Praxisbeispielen einen robusten Workflow. Mit Storybook und Angular lassen sich so isolierte, test- und wartbare Komponenten im Handumdrehen umsetzen. Ihre Designer und Entwickler werden es lieben.
Design Systems mit Storybook und Angular: strukturierte User Experience für E...Andreas Wissel
Schick, performant und bitte auf allen Plattformen verfügbar! Moderne Anwendungen verlangen ihren Entwicklern einiges ab. Wo früher noch die Vorarbeit von Anbietern wie Microsoft in Form von UI-Baukästen geleistet wurde, muss heute selbst Hand angelegt werden. In dieser Session von Andreas Wissel erfahren Sie, wie Ihr Team mit robusten Workflows in einer agilen Welt mit diesen Anforderungen Schritt hält. Angefangen bei Grundkonzepten der User Experience über die Bausteine eines modernen Design Systems bis hin zur fertigen Implementation. Mit diesem Handwerkszeug schaffen Sie die Grundlage für konsistente, schicke und performante Oberflächen.
Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...Andreas Wissel
Mit den stetig wachsenden Möglichkeiten, die Cross-Platform-Anwendungen bieten, wachsen auch die Anforderungen an deren Design. Skalierbarkeit, Flexibilität und Wandelbarkeit gehören zu den Grundprinzipien eines modernen User-Interfaces. Andreas Wissel und Christian Liebel erarbeiten mit Ihnen in diesem Workshop anhand von Praxisbeispielen einen robusten Workflow. Mit Storybook und Angular lassen sich so isolierte, test- und wartbare Komponenten im Handumdrehen umsetzen. Ihre Designer und Entwickler werden es lieben.
Von Applets zu Web Components: Robuste Design Systems mit Storybook und AngularAndreas Wissel
Schick, performant und bitte auf allen Plattformen verfügbar! Moderne Anwendungen verlangen ihren Entwicklern einiges ab. Wo früher noch die Vorarbeit von Anbietern wie Microsoft mit Windows Forms geleistet wurde, muss heute selbst Hand angelegt werden. In dieser Session von Andreas Wissel erfahren Sie, wie Ihr Team mit robusten Workflows in einer agilen Welt mit diesen Anforderungen Schritt hält. Angefangen bei Grundkonzepten für erfolgreiche Redesigns über Custom Elements in Angular bis hin zur Entwicklung von isolierten Komponenten in Storybook. Mit diesem Handwerkszeug schaffen Sie die Grundlage für eine konsistente Designsprache in skalierbaren Anwendungen.
Von Windows Forms zu Web Components: robuste und flexible User Experience mit...Andreas Wissel
Schick, performant und bitte auf allen Plattformen verfügbar! Moderne Anwendungen verlangen ihren Entwicklern einiges ab. Wo früher noch die Vorarbeit von Anbietern wie Microsoft mit Windows Forms geleistet wurde, muss heute selbst Hand angelegt werden. In dieser Session von Andreas Wissel erfahren Sie, wie Ihr Team mit robusten Workflows in einer agilen Welt mit diesen Anforderungen Schritt hält. Angefangen bei Grundkonzepten für erfolgreiche Redesigns über Custom Elements in Angular bis hin zur Entwicklung von isolierten Komponenten in Storybook. Mit diesem Handwerkszeug schaffen Sie die Grundlage für eine konsistente Designsprache in skalierbaren Anwendungen.
Connector Corner: Automate dynamic content and events by pushing a buttonDianaGray10
Here is something new! In our next Connector Corner webinar, we will demonstrate how you can use a single workflow to:
Create a campaign using Mailchimp with merge tags/fields
Send an interactive Slack channel message (using buttons)
Have the message received by managers and peers along with a test email for review
But there’s more:
In a second workflow supporting the same use case, you’ll see:
Your campaign sent to target colleagues for approval
If the “Approve” button is clicked, a Jira/Zendesk ticket is created for the marketing design team
But—if the “Reject” button is pushed, colleagues will be alerted via Slack message
Join us to learn more about this new, human-in-the-loop capability, brought to you by Integration Service connectors.
And...
Speakers:
Akshay Agnihotri, Product Manager
Charlie Greenberg, Host
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...DanBrown980551
Do you want to learn how to model and simulate an electrical network from scratch in under an hour?
Then welcome to this PowSyBl workshop, hosted by Rte, the French Transmission System Operator (TSO)!
During the webinar, you will discover the PowSyBl ecosystem as well as handle and study an electrical network through an interactive Python notebook.
PowSyBl is an open source project hosted by LF Energy, which offers a comprehensive set of features for electrical grid modelling and simulation. Among other advanced features, PowSyBl provides:
- A fully editable and extendable library for grid component modelling;
- Visualization tools to display your network;
- Grid simulation tools, such as power flows, security analyses (with or without remedial actions) and sensitivity analyses;
The framework is mostly written in Java, with a Python binding so that Python developers can access PowSyBl functionalities as well.
What you will learn during the webinar:
- For beginners: discover PowSyBl's functionalities through a quick general presentation and the notebook, without needing any expert coding skills;
- For advanced developers: master the skills to efficiently apply PowSyBl functionalities to your real-world scenarios.
Key Trends Shaping the Future of Infrastructure.pdfCheryl Hung
Keynote at DIGIT West Expo, Glasgow on 29 May 2024.
Cheryl Hung, ochery.com
Sr Director, Infrastructure Ecosystem, Arm.
The key trends across hardware, cloud and open-source; exploring how these areas are likely to mature and develop over the short and long-term, and then considering how organisations can position themselves to adapt and thrive.
Generating a custom Ruby SDK for your web service or Rails API using Smithyg2nightmarescribd
Have you ever wanted a Ruby client API to communicate with your web service? Smithy is a protocol-agnostic language for defining services and SDKs. Smithy Ruby is an implementation of Smithy that generates a Ruby SDK using a Smithy model. In this talk, we will explore Smithy and Smithy Ruby to learn how to generate custom feature-rich SDKs that can communicate with any web service, such as a Rails JSON API.
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...Jeffrey Haguewood
Sidekick Solutions uses Bonterra Impact Management (fka Social Solutions Apricot) and automation solutions to integrate data for business workflows.
We believe integration and automation are essential to user experience and the promise of efficient work through technology. Automation is the critical ingredient to realizing that full vision. We develop integration products and services for Bonterra Case Management software to support the deployment of automations for a variety of use cases.
This video focuses on the notifications, alerts, and approval requests using Slack for Bonterra Impact Management. The solutions covered in this webinar can also be deployed for Microsoft Teams.
Interested in deploying notification automations for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.
GraphRAG is All You need? LLM & Knowledge GraphGuy Korland
Guy Korland, CEO and Co-founder of FalkorDB, will review two articles on the integration of language models with knowledge graphs.
1. Unifying Large Language Models and Knowledge Graphs: A Roadmap.
https://arxiv.org/abs/2306.08302
2. Microsoft Research's GraphRAG paper and a review paper on various uses of knowledge graphs:
https://www.microsoft.com/en-us/research/blog/graphrag-unlocking-llm-discovery-on-narrative-private-data/
Accelerate your Kubernetes clusters with Varnish CachingThijs Feryn
A presentation about the usage and availability of Varnish on Kubernetes. This talk explores the capabilities of Varnish caching and shows how to use the Varnish Helm chart to deploy it to Kubernetes.
This presentation was delivered at K8SUG Singapore. See https://feryn.eu/presentations/accelerate-your-kubernetes-clusters-with-varnish-caching-k8sug-singapore-28-2024 for more details.
UiPath Test Automation using UiPath Test Suite series, part 3DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 3. In this session, we will cover desktop automation along with UI automation.
Topics covered:
UI automation Introduction,
UI automation Sample
Desktop automation flow
Pradeep Chinnala, Senior Consultant Automation Developer @WonderBotz and UiPath MVP
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualityInflectra
In this insightful webinar, Inflectra explores how artificial intelligence (AI) is transforming software development and testing. Discover how AI-powered tools are revolutionizing every stage of the software development lifecycle (SDLC), from design and prototyping to testing, deployment, and monitoring.
Learn about:
• The Future of Testing: How AI is shifting testing towards verification, analysis, and higher-level skills, while reducing repetitive tasks.
• Test Automation: How AI-powered test case generation, optimization, and self-healing tests are making testing more efficient and effective.
• Visual Testing: Explore the emerging capabilities of AI in visual testing and how it's set to revolutionize UI verification.
• Inflectra's AI Solutions: See demonstrations of Inflectra's cutting-edge AI tools like the ChatGPT plugin and Azure Open AI platform, designed to streamline your testing process.
Whether you're a developer, tester, or QA professional, this webinar will give you valuable insights into how AI is shaping the future of software delivery.
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Tobias Schneck
As AI technology is pushing into IT I was wondering myself, as an “infrastructure container kubernetes guy”, how get this fancy AI technology get managed from an infrastructure operational view? Is it possible to apply our lovely cloud native principals as well? What benefit’s both technologies could bring to each other?
Let me take this questions and provide you a short journey through existing deployment models and use cases for AI software. On practical examples, we discuss what cloud/on-premise strategy we may need for applying it to our own infrastructure to get it to work from an enterprise perspective. I want to give an overview about infrastructure requirements and technologies, what could be beneficial or limiting your AI use cases in an enterprise environment. An interactive Demo will give you some insides, what approaches I got already working for real.
JMeter webinar - integration with InfluxDB and GrafanaRTTS
Watch this recorded webinar about real-time monitoring of application performance. See how to integrate Apache JMeter, the open-source leader in performance testing, with InfluxDB, the open-source time-series database, and Grafana, the open-source analytics and visualization application.
In this webinar, we will review the benefits of leveraging InfluxDB and Grafana when executing load tests and demonstrate how these tools are used to visualize performance metrics.
Length: 30 minutes
Session Overview
-------------------------------------------
During this webinar, we will cover the following topics while demonstrating the integrations of JMeter, InfluxDB and Grafana:
- What out-of-the-box solutions are available for real-time monitoring JMeter tests?
- What are the benefits of integrating InfluxDB and Grafana into the load testing stack?
- Which features are provided by Grafana?
- Demonstration of InfluxDB and Grafana using a practice web application
To view the webinar recording, go to:
https://www.rttsweb.com/jmeter-integration-webinar
Transcript: Selling digital books in 2024: Insights from industry leaders - T...BookNet Canada
The publishing industry has been selling digital audiobooks and ebooks for over a decade and has found its groove. What’s changed? What has stayed the same? Where do we go from here? Join a group of leading sales peers from across the industry for a conversation about the lessons learned since the popularization of digital books, best practices, digital book supply chain management, and more.
Link to video recording: https://bnctechforum.ca/sessions/selling-digital-books-in-2024-insights-from-industry-leaders/
Presented by BookNet Canada on May 28, 2024, with support from the Department of Canadian Heritage.
2. Special Day Cross-Plattform Applications
Thema Sprecher Datum, Uhrzeit
Figma, Storybook und Angular: Toolchain für
plattformunabhängige UI-Entwicklung
Andreas Wissel
DO, 23. September 2021,
09.15 bis 10.15
Realtime Cross-Plattform-Applikationen mit
Angular, ASP.NET Core und SignalR
Fabian Gosebrink DO, 23. September 2021,
10.45 bis 11.45
Angular & Ionic –
Cross-Plattform aus einer Hand
Max Schulte DO, 23. September 2021,
12.15 bis 13.15
Electron.NET –
Neue Features, Tipps und Tricks
Gregor Biswanger DO, 23. September 2021,
15.30 bis 16.30
Electron, Capacitor, PWA –
was, wann, wie & warum?
Christian Liebel DO, 23. September 2021,
17.00 bis 18.00
3. Robuste Design Systems mit Storybook und Angular
• Design Systems Intro
• Tooling
• framework-agnostisch
• am Beispiel Angular
• platform-unabhängig
Was Sie erwartet
3
• technischer Deep Dive
• Angular Deep Dive
Was Sie nicht erwartet
4. Robuste Design Systems mit Storybook und Angular
User Experience Architect
Andreas Wissel
4
💡 Collaboration & Communication
❤ Design Systems
👨💻 Human-centric workflows
🏢 Freelance Consultant
✍ andreaswissel.com
🐦 @andreas_wissel
5. Robuste Design Systems mit Storybook und Angular
User Experience Architect
Andreas Wissel
5
• Designer-Developer-Schnittstelle
• Workflow-Optimierung
• Beratung & Begleitung von Redesigns
• Fokus auf Design Systems mit Storybook
6. Robuste Design Systems mit Storybook und Angular
• Dachbegriff
• “all aspects of the user’s experience when interacting with the
product, service, environment or facility” (ISO 9241-210)
• ganzheitliche Betrachtung davon, wie unsere Produkte die
Anwender, Geschäftsprozesse und Umwelt beeinflussen
• Wichtig: nicht nur visuelles UI - sondern vor allem die
theoretische Architektur dahinter!
Was ist UX?
6
12. Robuste Design Systems mit Storybook und Angular
12
Und ohne Muster sind wir verloren..
User Experience im Alltag
13. Robuste Design Systems mit Storybook und Angular
• Menschen denken in Systemen/Mustern
• mit ihnen sparen wir kostbare kognitive Ressourcen ein
• Gewohnheiten navigieren uns durch den Alltag
• Software ist heute Alltag
User Experience - viele bekannte Muster
13
14. Robuste Design Systems mit Storybook und Angular
• Features müssen verständlich
sein
• Features müssen benutzbar
sein
• in anderen Worten:
• Discoverability
• Usability
• Accessibility
User Experience für Developer
14
Access
denied
15. Robuste Design Systems mit Storybook und Angular
Verstanden.
Aber wie passiert das trotzdem?
15
16. Robuste Design Systems mit Storybook und Angular
Der übliche Arbeitsmodus
16
Konzeption
Entwicklung
Test
Mit etwas Glück unterhalten sich hier Menschen miteinander
...aber meistens ist das eher nicht der Fall.
17. Robuste Design Systems mit Storybook und Angular
• Je besser wir miteinander kommunizieren, desto mehr
gemeinsames Verständnis entwickeln wir für das Produkt.
• Enge Zusammenarbeit und gemeinsames Verständnis führt zu
guter User Experience
Die Arbeitsthese
17
Dieser Talk soll das nötige Handwerkszeug für enge
Zusammenarbeit geben
18. Robuste Design Systems mit Storybook und Angular
Der gewünschte Arbeitsmodus
18
Iterative Entwicklung
der Komponente
ständiger Sync zwischen
Entwicklung und Design
19. Robuste Design Systems mit Storybook und Angular
Der Workflow den wir suchen
19
sichert Konsistenz langfristig
für alle verständlich
nicht in Stein gemeißelt
einfach integrierbar
20. Robuste Design Systems mit Storybook und Angular
Der erste Baustein: Design System
20
Sammlung aller
Komponenten
klar definierte
Use-Cases
Zusammenspiel
aller Disziplinen
21. Robuste Design Systems mit Storybook und Angular
• echte, lebendige Komponenten
• direkt benutzbar
• gekapselt
• Use Case-spezifisch
• Technische Dokumentation
Design System: Was ist das?
21
• Styleguide
• statische, visuelle Dokumentation
der Marke
• “look & feel”
• Pattern Library
• Dokumentation der UI-Elemente
23. Robuste Design Systems mit Storybook und Angular
• eine Plattform (Windows)
• eingeschränkte Geräteklassen (vorrangig Desktop)
• Microsoft Design-Sprache
• … Accessibility?
Windows Forms und WPF
23
24. Robuste Design Systems mit Storybook und Angular
“Warum muss das heute so kompliziert
sein?”
24
25. Robuste Design Systems mit Storybook und Angular
relevante Zielplattformen früher:
Windows oder Web
25
26. Robuste Design Systems mit Storybook und Angular
relevante Zielplattformen heute:
Windows, Mac, Linux, Web/PWA, iOS, Android
26
27. Robuste Design Systems mit Storybook und Angular
• extrem viele Geräteklassen
• verschiedenste Eingabemöglichkeiten
• viele Zielplattformen
• völlig neue Möglichkeiten
• völlig neue Fehlerquellen
Stetig wachsender Zielmarkt
27
28. Robuste Design Systems mit Storybook und Angular
Moderne Design Systems: Bausteine
28
Branding Guidelines
Komponenten-
bibliothek
Dokumentation
Animation, a11y, etc.
Inhalte
isoliert
iterativ
erweiterbar
brown field-Einsatz
Prozess
viele Plattformen
viele Geräteklassen
eigene Designsprache
Kapselung
Anforderungen
}
+
29. Robuste Design Systems mit Storybook und Angular
Design Systems: Zusammenfassung
29
Sammlung aller
Komponenten
klar definierte
Use-Cases
Zusammenspiel
aller Disziplinen
30. Robuste Design Systems mit Storybook und Angular
Fundament für skalierbare Anwendungen:
Komponentenbasierte Softwareentwicklung
Moderne Design Systems treffen Softwareentwicklung
30
31. Robuste Design Systems mit Storybook und Angular
• …ist so alt wie Softwarearchitektur selbst
• Idee übertragen aus der Industrie
• abgeschlossen, black-box
• wohldefinierte Ein- und Ausgänge
• einfach testbar
• wiederverwendbar
• flexibel
• von Drittanbietern erhältlich
Komponentenbasierte Softwareentwicklung
31
37. Robuste Design Systems mit Storybook und Angular
Figma: Komponentenbasiertes Design
37
Demo Time
bit.ly/ngds-figma
38. Robuste Design Systems mit Storybook und Angular
• Komponenten-Modell
• Test von “Worst Case”-Werten
• Fluid Design im Tool
• Prototyping bildet Workflows ab
Figma: Zusammenspiel mit Developer-Workflows
38
40. Robuste Design Systems mit Storybook und Angular
• Design System in Code abbilden
• Schnittstelle zwischen Design & Code
• isolierte Entwicklung von Komponenten
• Vorbereitung auf Unit Tests
• Dokumentation direkt an Komponenten
Storybook
40
41. Robuste Design Systems mit Storybook und Angular
• framework-agnostisch
• Open Source
• Verwaltet von der JS Foundation
• vielfältiges Plugin-Ökosystem
• Möglichkeit von Snapshot Tests
Storybook
41
43. Robuste Design Systems mit Storybook und Angular
Storybook am konkreten Beispiel
43
Demo Time
44. Robuste Design Systems mit Storybook und Angular
Designer
• einfache Abnahme &
Freigabe
• Testen am lebenden
Subjekt
• Konsens
Developer
• Edge Cases
• schwierig zu
erreichende States
• lebendige
Dokumentation
Tester
• Mock-Daten
• Automatisierung
• Eingrenzung auf
Komponenten
Storybook - wer profitiert davon?
44
45. Robuste Design Systems mit Storybook und Angular
Gesamtes Team
• “Shared Vocabulary”
• agile Dokumentation
• steigende Produktivität
Storybook - wer profitiert davon?
45
47. Robuste Design Systems mit Storybook und Angular
• verwendet das Konzept komponentenbasierter
Softwareentwicklung
• erlaubt die Kapselung von CSS (ViewEncapsulation) zur
Vermeidung von monolithischem CSS
• eröffnet einen möglichen Migrationspfad auf Web
Components
Angular
47
48. Robuste Design Systems mit Storybook und Angular
Angular: Komponentenbasierte Entwicklung
48
Click me!
[caption]="Click me!" (click)="…"
Clickety!
[caption]=“Clickety!" (click)="…"
50. Robuste Design Systems mit Storybook und Angular
Login Komponente
50
Form Group Header
Input
Input
Button
Login Background
51. Robuste Design Systems mit Storybook und Angular
• Die Storybook-CLI erlaubt die Installation von Storybook in
bestehende Projekte durch ein einziges Kommando
• sb init --use-npm
• Das verwendete Framework wird automatisch erkannt und die
Installation darauf angepasst
• für einen Großteil der Projekte funktioniert der zero config
Ansatz
Storybook + Angular
51
53. Robuste Design Systems mit Storybook und Angular
Die Button-Komponente in Storybook mit Angular
Live Coding
53
54. Robuste Design Systems mit Storybook und Angular
Wrap-Up: Technologien
54
Universell einsetzbar
55. Robuste Design Systems mit Storybook und Angular
• echte Komponenten
• modulare, isolierte Entwicklung
• einfachere Wartbarkeit
• brown field-geeignet
• Dokumentation
• konsistentere User Experience
• Bonus: Unit-Tests profitieren von Mock-Daten
Wrap-Up: Design Systems mit Storybook und Angular
55
56. Robuste Design Systems mit Storybook und Angular
56
User Experience Architect
Andreas Wissel
🐦 @andreas_wissel
📨 business@andreaswissel.com
✍ andreaswissel.com
Vielen Dank!
57. Robuste Design Systems mit Storybook und Angular
57
Figma Projekt:
bit.ly/ngds-figma
Repository:
bit.ly/b2021f-repo
Slides:
bit.ly/b2021f-slides
Links
58. Robuste Design Systems mit Storybook und Angular
58
Quellen
https://twitter.com/DougCollinsUX/status/1021789284846788609
https://www.htc.com/us/newsroom/2019-03-26/
https://www.heise.de/select/ix/2017/11/1509663159694094
https://www.samsung.com/sg/refrigerators/family-hub-rf56n9740sg/
https://www.apple.com/shop/buy-watch/apple-watch-series-3/38mm-gps-silver-aluminum-white-sport-band
https://support.apple.com/kb/sp770?locale=de_DE
https://www.apple.com/de/shop/buy-ipad/ipad-pro
https://www.apple.com/de/shop/buy-mac/macbook-pro
https://www.apple.com/de/shop/buy-mac/imac
https://www.microsoft.com/de-de/p/surface-studio-2/8sbjxm0m58t4
https://twitter.com/rsg/status/1148421102009344000
https://twitter.com/Talk_To_The_Hat/status/1166460235982233600
https://www.reddit.com/r/CrappyDesign/comments/c55puw/piss_poor_location/
https://twitter.com/DougCollinsUX/status/1122881214040420352