www.opitz-consulting.com
How do Angular and React compare? Can we compare them at all? Actually, it's like comparing apples to oranges, but even so, we have to compare them. As it turns out, both frameworks are a nice example of co-evolution. They aren't as different as they used to be a few years ago. After showing the key concepts of both frameworks, our experts Dr. Marius Hofmeister and Stephan Rauh presented a small list of criteria helping to decide when to use which at iJS Conference in Munich on 25/10/17.
There is a polarity formed among mobile app developers for two of these amazing languages. While both have their pros and cons, let's see which one wins.
GraphQL is a query language for APIs and a runtime for fulfilling those queries. It gives clients the power to ask for exactly what they need, which makes it a great fit for modern web and mobile apps. In this talk, we explain why GraphQL was created, introduce you to the syntax and behavior, and then show how to use it to build powerful APIs for your data. We will also introduce you to AWS AppSync, a GraphQL-powered serverless backend for apps, which you can use to host GraphQL APIs and also add real-time and offline capabilities to your web and mobile apps. You can follow along if you have an AWS account – no GraphQL experience required!
Level: Beginner
Speaker: Rohan Deshpande - Sr. Software Dev Engineer, AWS Mobile Applications
React (or React Js) is a declarative, component-based JS library to build SPA(single page applications) which was created by Jordan Walke, a software engineer at Facebook. It is flexible and can be used in a variety of projects.
React Js Basic Details and Descriptions
Frontend Javascript Library, to make decent SPA
The fastest way to build a segregated component based front end for software development.
React vs angular what to choose for your appConcetto Labs
Before we move ahead, let’s quickly understand the overview of React Vs Angular for app development Frameworks. Contact Us for choosing the right framework.
There is a polarity formed among mobile app developers for two of these amazing languages. While both have their pros and cons, let's see which one wins.
GraphQL is a query language for APIs and a runtime for fulfilling those queries. It gives clients the power to ask for exactly what they need, which makes it a great fit for modern web and mobile apps. In this talk, we explain why GraphQL was created, introduce you to the syntax and behavior, and then show how to use it to build powerful APIs for your data. We will also introduce you to AWS AppSync, a GraphQL-powered serverless backend for apps, which you can use to host GraphQL APIs and also add real-time and offline capabilities to your web and mobile apps. You can follow along if you have an AWS account – no GraphQL experience required!
Level: Beginner
Speaker: Rohan Deshpande - Sr. Software Dev Engineer, AWS Mobile Applications
React (or React Js) is a declarative, component-based JS library to build SPA(single page applications) which was created by Jordan Walke, a software engineer at Facebook. It is flexible and can be used in a variety of projects.
React Js Basic Details and Descriptions
Frontend Javascript Library, to make decent SPA
The fastest way to build a segregated component based front end for software development.
React vs angular what to choose for your appConcetto Labs
Before we move ahead, let’s quickly understand the overview of React Vs Angular for app development Frameworks. Contact Us for choosing the right framework.
Angular vs React vs Vue | Javascript Frameworks Comparison | Which One You Sh...Edureka!
** Full Stack Web Development Training: https://www.edureka.co/masters-program/full-stack-developer-training **
This Edureka tutorial on Angular vs React vs Vue will help you in demystifying the fundamental differences between each of these JavaScript Frameworks. Following are the topics which are used for comparison:
Architecture Type
DOM
Application Type
Language Preference
Scalability
Ease Of Deployment
Data Flow
Learning Curve
Market Trend
Community & Support
Follow us to never miss an update in the future.
Instagram: https://www.instagram.com/edureka_learning/
Facebook: https://www.facebook.com/edurekaIN/
Twitter: https://twitter.com/edurekain
LinkedIn: https://www.linkedin.com/company/edureka
Angular 16 is the biggest release since the initial rollout of Angular, and it changes everything: Bye bye zones, change-detection, life-cycle, children-selectors, Rx and what not.
Recorded webinar based on these slides given by Yaron Biton, Misterbit Coding-Academy’s CTO, can be found at: https://www.youtube.com/watch?v=92K1fgPbku8
Coding-Academy offers advanced web-techs training and software development services: Top-rated Full-stack courses for Angular, React, Vue, Node, Modern architectures, etc. | Available top-notch on-demand-coders trough Misterbit technological solutions | Coding-Academy Bootcamp: Hundreds of employed full-stack developers every year | Anything web, end to end projects | Tech companies and startups | Consulting to management and dev teams | Workshops for managers and leaders.
Come see how easy it is to build fast, accurate, and responsive web UIs using the React library. Even if you’ve never written Javascript before, React’s straightforward syntax can get you started with your UI project quickly. In this session, you’ll learn about React’s declarative syntax and state representation, explore some of the basic components that are used to build sophisticated UIs, and leave with a foundational application you can continue to build on.
Angular vs React vs Vue | Javascript Frameworks Comparison | Which One You Sh...Edureka!
** Full Stack Web Development Training: https://www.edureka.co/masters-program/full-stack-developer-training **
This Edureka tutorial on Angular vs React vs Vue will help you in demystifying the fundamental differences between each of these JavaScript Frameworks. Following are the topics which are used for comparison:
Architecture Type
DOM
Application Type
Language Preference
Scalability
Ease Of Deployment
Data Flow
Learning Curve
Market Trend
Community & Support
Follow us to never miss an update in the future.
Instagram: https://www.instagram.com/edureka_learning/
Facebook: https://www.facebook.com/edurekaIN/
Twitter: https://twitter.com/edurekain
LinkedIn: https://www.linkedin.com/company/edureka
Angular 16 is the biggest release since the initial rollout of Angular, and it changes everything: Bye bye zones, change-detection, life-cycle, children-selectors, Rx and what not.
Recorded webinar based on these slides given by Yaron Biton, Misterbit Coding-Academy’s CTO, can be found at: https://www.youtube.com/watch?v=92K1fgPbku8
Coding-Academy offers advanced web-techs training and software development services: Top-rated Full-stack courses for Angular, React, Vue, Node, Modern architectures, etc. | Available top-notch on-demand-coders trough Misterbit technological solutions | Coding-Academy Bootcamp: Hundreds of employed full-stack developers every year | Anything web, end to end projects | Tech companies and startups | Consulting to management and dev teams | Workshops for managers and leaders.
Come see how easy it is to build fast, accurate, and responsive web UIs using the React library. Even if you’ve never written Javascript before, React’s straightforward syntax can get you started with your UI project quickly. In this session, you’ll learn about React’s declarative syntax and state representation, explore some of the basic components that are used to build sophisticated UIs, and leave with a foundational application you can continue to build on.
Sabemos que os frameworks Javascript modernos estão usando o que há de melhor e mais moderno no mercado e disponibilizando no seu ecossistema para os dois maiores pilares da performance de uma aplicação front-end: network e runtime, mas quais são as ferramentas que eu posso usar no build do meu projeto? O que essa sopa de letrinhas: JIT, AOT, Tree-shaking, Uglify, GCC, Lazy loading, Brotli são capazes de fazer para melhorar a performance de network do meu projeto? Também veremos sobre Server Rendering, trackBy, Angular OnPush Component, React Pure Component, Imutabilidade, AOT… Eles podem fazer milagres na performance de runtime do seu projeto, e várias dessas técnicas e ferramentas existem e são aplicáveis seja no Angular, React, Vue ou no Javascript vanilla.
Building Universal Applications with Angular 2Minko Gechev
Angular is one of the most popular frameworks for the development of Single-Page Applications (SPA). Recently Google announced its second major version, which brings some brand new ideas and improvements. For instance, Angular 2 is written in TypeScript, has much faster change detection and allows development of universal (isomorphic) applications.
In this talk we're going to introduce the motivation behind the new design decisions and the improvements in Angular 2. We'll take a look at the building blocks the framework provides for the development of professional single-page applications.
FITC events. For digital creators.
Save 10% off ANY FITC event with discount code 'slideshare'
See our upcoming events at www.fitc.ca
Getting Started with Angular 2
with Rob McDiarmid
OVERVIEW
Angular 2 is a powerful framework that lets you create fast and scalable web apps with clean and readable code. With the lessons learned from previous web frameworks and the advantages of modern web technologies, the Angular team has created a framework that will push the limits of what SPAs are capable of.
In this session we’ll go through building an Angular 2.0 app from the ground up. In the process, you will learn how it handles core concepts like components, templates, services, and routing. You’ll also see how angular takes advantage of ES6 modules, Web Components, and TypeScript. By the end of the session, you’ll have a good understanding of why you might want to use Angular 2 for your next project and how to get started.
OBJECTIVE
Demonstrate what Angular 2 has to offer and reduce the barrier to entry.
TARGET AUDIENCE
Web Developers interested in learning Angular 2.
ASSUMED AUDIENCE KNOWLEDGE
Intermediate experience with JavaScript.
FIVE THINGS AUDIENCE MEMBERS WILL LEARN
1. Core concepts of the Angular 2 framework
2. How to use ES6 modules
3. The benefits of TypeScript annotations
4. How to setup an Angular 2 project from scratch
5. The ecosystem of tools that Angular 2 apps will be built on
AngularJS 1.3 is by far the best version of Angular available today. It was just released a few weeks ago. It's chock full of bug fixes, feature enhancements and performance improvements.
YouTube link: - https://youtu.be/bghVyCbxj6g
ReactJS is arguably the most popular Javascript framework around for web development today. With more and more teams exploring and adopting React, here is TechTalks presentation elaborating fundamentals of React, in a code along session
Web development nowadays is getting popular. Many company focus to develop their product in web application. Generally, web development divide into 2 parts, Backend & Frontend. Backend doesnt have improvement or new features too much after API technologies. But it is very different with frontend. There are lots of framework, tools, and approach in frontend area. Currently, there are 3 frontend technologies which get most attention both from Company and Developers. Those 3 are: Angular, React, and Vue.
---
This article was presented in HongLeong Bank CoE Team at March, 2 2018
API history
APIs today
WhereAPIs areheadingto?
API-First-Design
Conclusion
Vortragsfolien vom Digital Xchange 2019, weitere Informationen auf digital-xchange.de
The importance of APIs is increasing. Usually, API projects do not start on a green field. Often there's an existing, mostly monolithic application landscape, which needs to be embedded and integrated with new applications implemented in a Cloud-native fashion on new technologies like Kubernetes. The question is: Which principles must be considered to build a future-oriented, flexible API management platform? It is potentially not enough to simply work with a central, monolithic API gateway solutions. But, what requirements are placed on a modern API management platform? This session will give an introduction on how modern API architectures should be build, considering concepts like Microgateways, Ingress and Servicemesh.
Angular vs React vs Vue – The Right Framework For You.pdfWPWeb Infotech
When it comes to choosing the right framework out of the wide variety of frameworks available, JavaScript developers usually get confused because there are so many options. Check out this document and choose the most popular framework: https://wpwebinfotech.com/blog/angular-vs-react-vs-vue/
Latest frontend development technology trends of 2018Marie Weaver
Web development companies are trying to cope up with latest technology trends, frontend technologies, frameworks and tools that show promising tomorrow. Let’s know about trends in frontend and strike comparison between popular ones.
Is React The Best Thing Since Sliced Bread?Synerzip
In this webinar, we’ll cover fundamentals of the React library, including how state is managed and how to combine it with other popular JavaScript libraries to minimize development effort and maximize your capabilities.
Covered in this webinar:
- What are React’s strengths?
- How does it compare to other popular frameworks?
- Does React use an MVC paradigm or something else?
- What are other popular JS libraries that are often combined with React?
Angular VS React The Battle of Best Front End Frameworks.pdfJS Panther Pvt. Ltd.
React and Angular are both cutting-edge and highly utilized frameworks. Many
developers and project managers find themselves in a bind when confronted
with the two possibilities. Your project's requirements will determine your choice,
as each has its own set of benefits and drawbacks, which are distinct in its
approach.
Angular vs React: Which is Better? When it comes to open-source development frameworks, there are two main options in the market. Angular and React make up the top two that have risen to popularity among developers over time. While each has its own distinct advantages, an interesting question that pops up often is which one is better suited for you and your project needs. In this article, we’ll walk you through the advantages and disadvantages of each framework so that you can decide which one would be best for your project needs.
The Best Framework To Use
Check out the top technology trends in business that are useful for company growth and that create a technology roadmap to drive impact on a range of strategic ambitions of the organization.
For More Information: https://www.albiorixtech.com/blog/angular-vs-react-vs-vue/
techindustan.com: Angular vs React 2019 - To get prepared for better testing, let's take a closer look and get into the differences between Angular vs React 2019 for identifying the pros and cons associated with both. To know more about angular and react difference, talk to our team of experts, they are happy to help you.
Next JS vs React: Which is the best framework for front-end development? Here you can read the difference, advantages, and disadvantages of Next Js and React.
For More Information: https://www.albiorixtech.com/blog/nextjs-vs-react/
Comparing AngularJS and ReactJS_ Finding the Best Framework for your Next Pro...JPLoft Solutions
React is a web-based JavaScript library that lets designers design user interfaces with the assistance of UI components. React uses server-side rendering, an effective and flexible method for creating UI. It allows developers to develop fluid UX and intricate UI. To offer a satisfying user experience and UI, you will get the top service provided by React front-end development services.
Reactjs vs angularjs vs vuejs a guide to select the best front end technolog...Sphinx Solution
Choosing the right technology for your app project is pivotal to its long-term success. Here is what you need to know about them for your app development.
Source: https://bit.ly/2Xnev4g
Comparison Between React Vs Angular.pdfStephieJohn
From our experience, we find both Angular and React frameworks are high-performance JavaScript frameworks, providing comprehensive web app development capabilities. With this comparison, you can choose the ideal frame for your web app development project offered by Lia Infraservices.
React vs angular which front end framework should you choose and whyKaty Slemon
React Vs Angular: Choose the best front-end development framework. Find out their comparison in performance, community, scalability and when to use which one.
The question: Angular or ReactJS has been baffling many businesses and developers. In this article, you’ll understand the importance of both frameworks.
In diesem Webcast bekommen Sie Tipps und Hilfen auf dem Weg zu einer aufgeräumten Java Landschaft, mit der Sie Kosten und Risiken minimieren. Unsere Lizenzierungs- und Java-Experten sprechen dafür u. a. über diese Fragen:
* Wann ist Java "frei"? Und wann nicht?
* Wie Sie Java Installationen entdecken: Scanning-Tools und Inventarisierungslösungen
* Was steckt hinter Java, JDK und JRE? ... Mal genau erklärt
* Welche Open JDKs gibt es? Vor- und Nachteile, Supportmöglichkeiten
* Was wird morgen? Lifecycle Management, Release-Cadence-Wechsel
* Welche Oracle Lizenz-Metriken werden wann angewandt? Prozessor Core Metrik und NUP richtig zählen, Preislisten
* Geht es auch "ohne"?
* Welche Applikationen basieren auf Java?
* Wem gehört mein Java? Spezialfragen im Umfeld von Virtualisierung und Cloud
* Wie lassen sich Kosten sparen? Kostenminimierungsansätze
Die Aufzeichnung finden Sie hier:
https://youtu.be/k1ZpxoES18I
In diesem Webcast bekommen Sie Tipps und Hilfen auf dem Weg zu einer aufgeräumten Java Landschaft, mit der Sie Kosten und Risiken minimieren. Unsere Lizenzierungs- und Java-Experten sprechen dafür u. a. über diese Fragen:
* Wann ist Java "frei"? Und wann nicht?
* Wie Sie Java Installationen entdecken: Scanning-Tools und Inventarisierungslösungen
* Was steckt hinter Java, JDK und JRE? ... Mal genau erklärt
* Welche Open JDKs gibt es? Vor- und Nachteile, Supportmöglichkeiten
* Was wird morgen? Lifecycle Management, Release-Cadence-Wechsel
* Welche Oracle Lizenz-Metriken werden wann angewandt? Prozessor Core Metrik und NUP richtig zählen, Preislisten
* Geht es auch "ohne"?
* Welche Applikationen basieren auf Java?
* Wem gehört mein Java? Spezialfragen im Umfeld von Virtualisierung und Cloud
* Wie lassen sich Kosten sparen? Kostenminimierungsansätze
Die Aufzeichnung finden Sie hier: https://youtu.be/abVeIGmxYB0
Folien zum Webcast mit Fritz Wein Weinhappl (Oracle) und Uwe Küchler (OPITZ) am 27. April 2021.
Die Aufzeichnung finden Sie unter: https://youtu.be/un4gzCsmfwg
Im Bereich der professionellen Softwareentwicklung hat sich in den letzten 10 Jahren viel getan. In diesem Vortrag schauen wir uns an, was es eigentlich bedeutet, professionelle und nicht nur funktionierende Software zu entwickeln. Gerade auf der persönlichen und Teamebene unterscheidet sich die Disziplin der Softwareentwicklung in vielen Bereichen von den Anforderungen die noch vor einigen Jahren Gültigkeit besaßen.
Die Kernänderungen werden im Vortrag anhand von 10 Thesen verdeutlicht, erläutert und soll darüber zum Nachdenken über den Berufsethos eines Softwareentwicklers anregen. Neben Entwicklern richtet sich der Vortrag vor allem auch an Projektverantwortliche, da auch aufgezeigt wird, dass es weitere wichtige Aspekte neben den rein funktionalen Anforderungen zu beachten gilt.
Zum Referenten:
Richard Attermeyer arbeitet bei OPITZ CONSULTING als Senior Solution Architect im Bereich Technologiemanagement und Innovation. Dort leitet er unter anderem das Architecture Board. Er beschäftigt sich seit Jahren mit flexiblen Systemarchitekturen und deren Wechselwirkungen mit Entwicklungsprozessen und Unternehmens- und Managementkulturen. Hot Topics: CI/CD, Technologiemanagement, flexible Systemarchitekturen und DevOps.
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.
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
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf91mobiles
91mobiles recently conducted a Smart TV Buyer Insights Survey in which we asked over 3,000 respondents about the TV they own, aspects they look at on a new TV, and their TV buying preferences.
Epistemic Interaction - tuning interfaces to provide information for AI supportAlan Dix
Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024
https://alandix.com/academic/papers/synergy2024-epistemic/
As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.
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.
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
Essentials of Automations: Optimizing FME Workflows with ParametersSafe Software
Are you looking to streamline your workflows and boost your projects’ efficiency? Do you find yourself searching for ways to add flexibility and control over your FME workflows? If so, you’re in the right place.
Join us for an insightful dive into the world of FME parameters, a critical element in optimizing workflow efficiency. This webinar marks the beginning of our three-part “Essentials of Automation” series. This first webinar is designed to equip you with the knowledge and skills to utilize parameters effectively: enhancing the flexibility, maintainability, and user control of your FME projects.
Here’s what you’ll gain:
- Essentials of FME Parameters: Understand the pivotal role of parameters, including Reader/Writer, Transformer, User, and FME Flow categories. Discover how they are the key to unlocking automation and optimization within your workflows.
- Practical Applications in FME Form: Delve into key user parameter types including choice, connections, and file URLs. Allow users to control how a workflow runs, making your workflows more reusable. Learn to import values and deliver the best user experience for your workflows while enhancing accuracy.
- Optimization Strategies in FME Flow: Explore the creation and strategic deployment of parameters in FME Flow, including the use of deployment and geometry parameters, to maximize workflow efficiency.
- Pro Tips for Success: Gain insights on parameterizing connections and leveraging new features like Conditional Visibility for clarity and simplicity.
We’ll wrap up with a glimpse into future webinars, followed by a Q&A session to address your specific questions surrounding this topic.
Don’t miss this opportunity to elevate your FME expertise and drive your projects to new heights of efficiency.
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Albert Hoitingh
In this session I delve into the encryption technology used in Microsoft 365 and Microsoft Purview. Including the concepts of Customer Key and Double Key Encryption.
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.
UiPath Test Automation using UiPath Test Suite series, part 4DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 4. In this session, we will cover Test Manager overview along with SAP heatmap.
The UiPath Test Manager overview with SAP heatmap webinar offers a concise yet comprehensive exploration of the role of a Test Manager within SAP environments, coupled with the utilization of heatmaps for effective testing strategies.
Participants will gain insights into the responsibilities, challenges, and best practices associated with test management in SAP projects. Additionally, the webinar delves into the significance of heatmaps as a visual aid for identifying testing priorities, areas of risk, and resource allocation within SAP landscapes. Through this session, attendees can expect to enhance their understanding of test management principles while learning practical approaches to optimize testing processes in SAP environments using heatmap visualization techniques
What will you get from this session?
1. Insights into SAP testing best practices
2. Heatmap utilization for testing
3. Optimization of testing processes
4. Demo
Topics covered:
Execution from the test manager
Orchestrator execution result
Defect reporting
SAP heatmap example with demo
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Marius
Backbone.JS-Bibliothek mit REST-Schnittstelle, geringe Größe (MVC)
Knockout.JS-Bibliothek (MVVM)
Web Components waren neu -> Viele Browser unterstützen sie nicht -> Angular hat sie früh verwendet
Shadow DOM: Bei älteren Browsern emuliert
AngularJS: MVVM -> Einsparung von Code
Deklarativer Programmierstil: ng-model 2-way data binding
Keine DOM-Manipulation mittels JQuery notwendig
Vielleicht wichtigste Neuerung: Komponentenbasiertheit eingeführt!
Marius
Angular Team hat mit zahlreichen Ideen experimentiert
Angular 2 von Grund auf neu geschrieben
Innerhalb Alpha- und Beta-Phase von NG2: Viele Breaking Changes -> sogar mit Release Kandidaten!
Seitdem Angular2 final released wurde, gab es weniger Breaking Changes
Marius
Version 1 auf 2:
Kein Upgrade, eher Rewrite
Verbesserungen von Angular 2:
In TS geschrieben, und TS empfohlen
Vollständig komponentenbasiert (Keine Controller, Scopes)
Komponente = Direktive mit Template
Bessere Performance (Kernfunktionalität in Module gewandert)
Explizite DI (Konstruktor)
Mächtiges Tooling (Angular CLI-> Generierung von Komponenten, Tests, IDEs)
Optional Verwendung von Redux: Ngrx/store
Library für State Management
Unidirektionaler Datenfluss (von React)
Gut für Testbarkeit
Version 2 auf 3:Angular Router hatte bereits Version 3
Version 3 auf 4:
Router-Erweiterung
Ausgliederung Animationen in eigenes Projekt
NGIF wurde erweitert um ELSE
Deklarativ dynamisch Komponenten zur Laufzeit erzeugen
Upgrade auf neue Typescript-Version
Neue View-Engine für kürzere Ladezeiten
Version 4 auf 5:
März 2017 Angular 4
Angular 5 für Oktober 2017 angekündigt (23.10.)
Bugfixes, Performance-Verbesserungen mit Fokus auf Compiler
Nutzung des Semantic Versioning für verständliche, planbare Releases
Major: alle 6 Monate
Minor: jeden Monat
Patch: jede Woche
Marius
Virtueller DOM: Dom-Diffing: Nur benötigte Komponenten werden neu geladen
Kein 2-Way-Binding inkludiert: Flux Architektur empfohlenUnidirektionaler Datenfluss: Vereinfachung Aufbau und Wechselwirkungen zwischen Komponenten (Callback-Funktionen)Vielleicht wichtigste Neuerung!
JSX: JavaScript syntax extension: Integration von HTML in JS
Toolchain (npm, webpack -> Module bundler, babel -> ES-Transpiler)
Marius
Version 16
Zweck: Flüssiges Darstellen von Animationen, Layout
Fiber als neues “Fundament” -> Veränderungen betreffen nur Kernbereiche von React selbst (für Scheduling)
Public API unverändert
Inkrementelles (selteneres) Rendering -> weniger Ressourcen notwendig
Verständlichere Stacktraces
Vue.js
Weniger “rechthaberisch”
Einfacher zu lernen als Angular
MVVM
Marius
Vergleich zwischen Angular und React ist Äpfel mit Birnen zu vergleichen
Kaum zu vergleichen
Aber, jedes Projekt muss sich entscheiden, daher tun wir das trotzdem
Die Kiwis sind Vue.js
Marius
React
Wurde verkauft von Facebook als “V” von MVC
Tatsächlich wurde MVC abgelöst durch Unidirektionalen Datenfluss und Flux
Angular als Komponentenbasiertes MVC-Framework -> Jede Komponenten enthält individuelles MVC-Set
Offizielle Aussage von Google: Template = View, Component= Controller, ViewModel
--> Marius
> Shadow DOM bietet Kapselung von DOM-Teilen und CSS in einer Web Component
--> Marius
React UND Angular sind lebendig und machen Spaß
Werden von großen Unternehmen gehostet
Werden von großen Teams weiterentwickelt
Besitzen große, hilfsbereite Community
Bugs werden schnell gefixed
Große Toolprovider unterstützten React und Angular in IDE
--> Marius
jQuery hat wesentlich größeren Marktanteil -> wenig Aktualität und greift auf anderes Konzept zurück
Millionen anderer JS-Frameworks -> Vortrag ist keine Marktübersicht
--> Marius
BSD-Lizenz mit zusätzlicher Patentlizenz, welche den Widerruf der Lizenz bei Klagen oder bei Patentstreitigkeiten mit Facebook vorbehält
--> Stephan
--> Stephan
some bloggers claim "TypeScript code shows always errors because of incompatibilities with existing JavaScript code"
if that's true, it's normal to see red squiggly lines in your code
you stop noticing the errors
doesn't match my experience
Typings / Definitely Typed etc. do a good job
--> Stephan
Stephan
We show TSX code in a minute
--> Stephan
classes: use both prototypes and functions in JavaScript
private scope: IIFE pattern (immediately invoked function expression)
Marius
JSX (JavaScript), JavaScript Syntax eXtension für Kompilierung nach JS (type checking etc.)
TSX, Typescript Library für React-Code
LESS als Stylesheet-Sprache, um das Schreiben von CSS effizienter zu machen
--> Marius
Marius
OFFEN:
All about components
Each component has
mutable state
immutable properties
--> Stephan
--> Stephan
--> Stephan
--> Stephan
--> Stephan
--> Stephan
--> Stephan
--> Stephan
Marius
Virtueller DOM
Manipulation des realen DOM ist teuer, daher wird dieser simuliert -> Re-Rendering der Unterschiede
Marius
Shadow DOM als Teil der Web-Components (Nutzung von Google-Polyfills, wenn Browser nicht unterstützt)
Lösung, um CSS-Urwald zu umgehen
Marius
FakeHttpService: seit Angular 5 geht es einfacher ( Interceptor). Trotzdem ein schönes Beispiel für DI.
--> Marius
--> Marius
--> Stephan
--> Stephan
Stephan
Angular is good for teams with Enterprise background
it's hard for experience JavaScript teams