Introducing ExtReact: Adding Powerful Sencha Components to React AppsSencha
Learn about Sencha’s newest release, ExtReact: the most comprehensive set of components for React apps. Now you can quickly and easily add any of our 115+ professionally tested and supported components including grid, tree grid, pivot grid, charts, D3 visualizations, trees, calendar, buttons, menus and more to your React applications.
With ExtReact, all of the components are designed to work together seamlessly which eliminates time-consuming integration work and reduces ongoing maintenance burdens. View this presentation to learn how to:
- Build data-intensive, cross-platform web apps leveraging Sencha components and React.
- Build immersive user engagement using layouts and adaptive design features.
- Leverage material design and other themes to save time and effort. Modify or extend themes without writing a single line of code.
Ext JS Architecture Best Practices - Mitchell SimeonsSencha
Starting your application on the right foot is important. You’re probably excited to start coding, but it’s important to think about the architecture you’ll need. In this session, we’ll cover architectural best practices including the difference between MVC and MVVM, how to start architecting your application, and using the Ext JS router to your advantage.
SenchaCon 2016: Ext JS + React: A Match Made in UX Heaven - Mark BrocatoSencha
Have you ever wished you could use Sencha’s powerful Ext JS components in your React apps? Now you can. Learn about the new bridge we’ve created that enables you to use the Ext JS grid, treegrid, pivot grid, calendar, charts, and other components in your React based apps. We’ve integrated the frameworks, so you can manage data and respond to events using React while rendering UI controls using Ext JS with React's tag-based JSX syntax.
SenchaCon 2016: Theming the Modern Toolkit - Phil Guerrant Sencha
Ext JS 6.2 makes theming and styling your applications easier than ever before. Learn how to use the new iOS and Material themes, and how to leverage the Modern Toolkit theming APIs to make your application look amazing on any device.
SenchaCon 2016: Modernizing the Ext JS Class System - Don GriffinSencha
JavaScript is advancing and ES2015 (formerly ES6) is the foundation of its future. Sencha is committed to delivering cutting-edge technology for your applications, and supporting the evolution of JavaScript is a central part of that commitment. The expansive feature set of ES2015 formally enables coding paradigms: modules to better organize your code, classes to cleanly declare reusable units of functionality, and so much more. See how Ext JS is embracing these new language and toolset features, and how they will expand your development horizons.
SenchaCon 2016: How to Auto Generate a Back-end in Minutes - Per Minborg, Emi...Sencha
Connecting your JavaScript application to a database is tedious. Back-end developers spend hours modeling the database, securing connections, writing SQL, optimizing queries, deploying to a server, and fixing bugs. In this session, you'll learn how Ext Speeder gives your front-end team a tool to automatically generate a full back-end. In minutes, a REST API between a Sencha Ext JS Grid application and a relational database is created. This will save you a huge amount of time and also minimizes the risk of human error. Application time-to-market has never been shorter.
Sencha Roadshow 2017: Modernizing the Ext JS Class System and ToolingSencha
JavaScript is advancing and ES2015 (formerly ES6) is the foundation of its future. Sencha is committed to delivering cutting-edge technology for your applications, and supporting the evolution of JavaScript is a central part of that commitment. The expansive feature set of ES2015 formally enables coding paradigms: modules to better organize your code, classes to cleanly declare reusable units of functionality, and so much more. In this session, you'll see how Ext JS is embracing these new language and toolset features, and how they will expand your development horizons.
Introducing ExtReact: Adding Powerful Sencha Components to React AppsSencha
Learn about Sencha’s newest release, ExtReact: the most comprehensive set of components for React apps. Now you can quickly and easily add any of our 115+ professionally tested and supported components including grid, tree grid, pivot grid, charts, D3 visualizations, trees, calendar, buttons, menus and more to your React applications.
With ExtReact, all of the components are designed to work together seamlessly which eliminates time-consuming integration work and reduces ongoing maintenance burdens. View this presentation to learn how to:
- Build data-intensive, cross-platform web apps leveraging Sencha components and React.
- Build immersive user engagement using layouts and adaptive design features.
- Leverage material design and other themes to save time and effort. Modify or extend themes without writing a single line of code.
Ext JS Architecture Best Practices - Mitchell SimeonsSencha
Starting your application on the right foot is important. You’re probably excited to start coding, but it’s important to think about the architecture you’ll need. In this session, we’ll cover architectural best practices including the difference between MVC and MVVM, how to start architecting your application, and using the Ext JS router to your advantage.
SenchaCon 2016: Ext JS + React: A Match Made in UX Heaven - Mark BrocatoSencha
Have you ever wished you could use Sencha’s powerful Ext JS components in your React apps? Now you can. Learn about the new bridge we’ve created that enables you to use the Ext JS grid, treegrid, pivot grid, calendar, charts, and other components in your React based apps. We’ve integrated the frameworks, so you can manage data and respond to events using React while rendering UI controls using Ext JS with React's tag-based JSX syntax.
SenchaCon 2016: Theming the Modern Toolkit - Phil Guerrant Sencha
Ext JS 6.2 makes theming and styling your applications easier than ever before. Learn how to use the new iOS and Material themes, and how to leverage the Modern Toolkit theming APIs to make your application look amazing on any device.
SenchaCon 2016: Modernizing the Ext JS Class System - Don GriffinSencha
JavaScript is advancing and ES2015 (formerly ES6) is the foundation of its future. Sencha is committed to delivering cutting-edge technology for your applications, and supporting the evolution of JavaScript is a central part of that commitment. The expansive feature set of ES2015 formally enables coding paradigms: modules to better organize your code, classes to cleanly declare reusable units of functionality, and so much more. See how Ext JS is embracing these new language and toolset features, and how they will expand your development horizons.
SenchaCon 2016: How to Auto Generate a Back-end in Minutes - Per Minborg, Emi...Sencha
Connecting your JavaScript application to a database is tedious. Back-end developers spend hours modeling the database, securing connections, writing SQL, optimizing queries, deploying to a server, and fixing bugs. In this session, you'll learn how Ext Speeder gives your front-end team a tool to automatically generate a full back-end. In minutes, a REST API between a Sencha Ext JS Grid application and a relational database is created. This will save you a huge amount of time and also minimizes the risk of human error. Application time-to-market has never been shorter.
Sencha Roadshow 2017: Modernizing the Ext JS Class System and ToolingSencha
JavaScript is advancing and ES2015 (formerly ES6) is the foundation of its future. Sencha is committed to delivering cutting-edge technology for your applications, and supporting the evolution of JavaScript is a central part of that commitment. The expansive feature set of ES2015 formally enables coding paradigms: modules to better organize your code, classes to cleanly declare reusable units of functionality, and so much more. In this session, you'll see how Ext JS is embracing these new language and toolset features, and how they will expand your development horizons.
Workshop Isomorphic Web Apps with ReactJS:
- Universal web apps - Isomorphic
- Server Side Rendering (SSR) with ReactJS
- Server Side Rendering with Redux
- Server Side Rendering with React Router
- Server Side Rendering: server.js - Main Entry Point
- Server Side Rendering: server.js - HTML Template
- Client main entry point: client.js
- Webpack bundles
- Avoiding FOUC - Webpack ExtractTextPlugin
- Webpack code splitting
- React Router - Configuration with Plain Routes
- React Router - Dynamic Routing & WebPack
- Dynamic Routing with new Reducers
- Combining new Reducers - ReducerRegistry
- Data fetching before rendering
- React Router + Redux + Redial: Server Side
- React Router + Redux + Redial: provideHooks
- React Router + Redux + Redial: Client Side
- SEO friendly universal web apps - React-Helmet
- React-Helmet - Server Side Rendering
Presentado por ingeniero: Marc Torrent
Extending the WordPress REST API - Josh PollockCaldera Labs
Presentation on extending the WordPress REST API -- modifying default responses and creating custom endpoints
http://joshpress.net/extending-rest-api-talk
First Steps in Drupal Code Driven DevelopmentNuvole
"First Steps in Code Driven Development" covers basic techniques and good practices. Presented during the "Developer Session" at Krimson office, Antwerp (BE), the 27th of May 2010.
For a presentation given to the Angular DC Meetup on 3/19/14. (http://www.meetup.com/AngularJS-DC/events/169813802/) Part 2 of the "Angular from Scratch" series. Find part one at http://christianlilley.wordpress.com/2013/11/15/angular-from-scratch-slides-from-angularjs-meetup-dc/ . Find the accompanying demonstration files at https://github.com/xmlilley/ng-demos.
Die Sicht auf große Datenmengen läßt sich in ExtJS auf zwei Wege darstellen – entweder durch Paging oder durch scrollen. Während beide Konzepte das selbe Ziel verfolgen, bringt die Implementierung eines Buffered Stores in ExtJS einige Hürden mit sich, die UI-Konzepte wie dynamisches Löschen oder Hinzufügen von Datensätzen verhindern. Diese Session gibt einen Einblick in den Aufbau eines BufferedStores und zeigt Ansätze, wie man mehr Dynamik in Grids bringen kann, die diesen Store verwenden.
Sencha Roadshow 2017: Innovations in Ext JS 6.5 and BeyondSencha
Learn about the advancements we’ve made in Ext JS 6.5 and what’s planned for future releases. You’ll learn about powerful components we’ve added to the framework and the new dynamic package loader which enables a smooth loading experience for large enterprise applications.
Workshop Isomorphic Web Apps with ReactJS:
- Universal web apps - Isomorphic
- Server Side Rendering (SSR) with ReactJS
- Server Side Rendering with Redux
- Server Side Rendering with React Router
- Server Side Rendering: server.js - Main Entry Point
- Server Side Rendering: server.js - HTML Template
- Client main entry point: client.js
- Webpack bundles
- Avoiding FOUC - Webpack ExtractTextPlugin
- Webpack code splitting
- React Router - Configuration with Plain Routes
- React Router - Dynamic Routing & WebPack
- Dynamic Routing with new Reducers
- Combining new Reducers - ReducerRegistry
- Data fetching before rendering
- React Router + Redux + Redial: Server Side
- React Router + Redux + Redial: provideHooks
- React Router + Redux + Redial: Client Side
- SEO friendly universal web apps - React-Helmet
- React-Helmet - Server Side Rendering
Presentado por ingeniero: Marc Torrent
Extending the WordPress REST API - Josh PollockCaldera Labs
Presentation on extending the WordPress REST API -- modifying default responses and creating custom endpoints
http://joshpress.net/extending-rest-api-talk
First Steps in Drupal Code Driven DevelopmentNuvole
"First Steps in Code Driven Development" covers basic techniques and good practices. Presented during the "Developer Session" at Krimson office, Antwerp (BE), the 27th of May 2010.
For a presentation given to the Angular DC Meetup on 3/19/14. (http://www.meetup.com/AngularJS-DC/events/169813802/) Part 2 of the "Angular from Scratch" series. Find part one at http://christianlilley.wordpress.com/2013/11/15/angular-from-scratch-slides-from-angularjs-meetup-dc/ . Find the accompanying demonstration files at https://github.com/xmlilley/ng-demos.
Die Sicht auf große Datenmengen läßt sich in ExtJS auf zwei Wege darstellen – entweder durch Paging oder durch scrollen. Während beide Konzepte das selbe Ziel verfolgen, bringt die Implementierung eines Buffered Stores in ExtJS einige Hürden mit sich, die UI-Konzepte wie dynamisches Löschen oder Hinzufügen von Datensätzen verhindern. Diese Session gibt einen Einblick in den Aufbau eines BufferedStores und zeigt Ansätze, wie man mehr Dynamik in Grids bringen kann, die diesen Store verwenden.
Sencha Roadshow 2017: Innovations in Ext JS 6.5 and BeyondSencha
Learn about the advancements we’ve made in Ext JS 6.5 and what’s planned for future releases. You’ll learn about powerful components we’ve added to the framework and the new dynamic package loader which enables a smooth loading experience for large enterprise applications.
Sencha Roadshow 2017: Sencha Upgrades - The Good. The Bad. The Ugly - Eva Luc...Sencha
A case study into the common problems faced by companies when trying to upgrade their legacy Sencha applications. Learn about the benefits of upgrading, the common issues faced and how to avoid them in the future.
Sencha Roadshow 2017: What's New in Sencha TestSencha
Learn how you can improve the quality of web applications through Sencha Test 2.2. We’ll demonstrate how you can build robust tests using Page Objects, visualize tests using a tree view and utilize unique locators by using the DOM Tree directly from Sencha Studio.
SenchaCon 2016: Mobile First? Desktop First? Or Should you Think Universal Ap...Sencha
Developers are building mobile first, and then making progressive enhancements so the app is available on desktop. Should you be taking either a mobile or desktop first approach, or thinking about Universal Apps to deliver the right user experiences. This approach maximizes the shareability of code across these experiences. In this presentation, we’ll explore case studies that show the benefits of each approach.
Sencha Roadshow 2017: Build Progressive Web Apps with Ext JS and Cmd Sencha
Learn how to use Ext JS and Cmd to deliver Progressive Web Applications to deliver the best of both web and mobile app experiences. Web apps can be found easily on the internet and every user is guaranteed access to the same and latest version of the application. Plus, mobile app capabilities, such as offline support and optimizing access to the underlying network using service workers, take the user experience to a whole new level.
SenchaCon 2016: Add Magic to Your Ext JS Apps with D3 Visualizations - Vitaly...Sencha
Ext JS provides easy-to-use charting components that satisfy common needs, but sometimes you want to deliver an exceptional, unique user experience. This presentation will discuss how Ext JS leverages the popular and extremely powerful D3 library to create sophisticated, data-driven visualizations. This functionality helps your users understand the story behind their data, so they can make informed decisions.
SenchaCon 2016: LinkRest - Modern RESTful API Framework for Ext JS Apps - Rou...Sencha
LinkRest is an active project commissioned and open sourced by NHL under Apache 2.0 license. It was conceived specifically as the server-side counterpart to Ext JS, so it natively supports Ext JS rest proxy, including CRUD, grouping, sorting, filtering, and more. In this session, we'll review Ext JS protocol support. You'll also see extensions that allow the client to safely query the server for specific data and shape the response. We'll cover advanced features, including security, constraints, idempotent methods, and metadata service. We'll show demos and try to allow time for Q&A.
Sencha Roadshow 2017: Mobile First or Desktop FirstSencha
Historically, web developers approached app development from the desktop first, and mobile was a secondary goal. Now with the extraordinary growth of mobile users across the globe, that approach is being reversed. Developers are building mobile first, and then making progressive enhancements so the app is available on desktop. In this presentation, we’ll explore the benefits of each approach.
SenchaCon 2016: Expect the Unexpected - Dealing with Errors in Web AppsSencha
Dealing with unexpected exceptions on the server side is something we've all done for ages. Now it's time to apply the same quality goals and monitoring to our JS codebase. This is especially important for Sencha applications where the front-end usually contains 100k+ lines of code. I'll demonstrate various powerful monitoring techniques and tricks that we are using ourselves at Bryntum.
Sencha Roadshow 2017: Best Practices for Implementing Continuous Web App TestingSencha
Learn how to create end-to-end functional tests quickly across multiple browsers simultaneously and scale the automated test suite to over thousands of test cases and cross-browser combinations for a complete regression cycle. We will demonstrate how we are able to locate a component, generate test code, and execute tests from TeamCity.
Learn Key Insights from The State of Web Application Testing Research ReportSencha
In a recent study by Dimensional Research of 1,011 development and QA professionals, almost every survey respondent cited that application quality is important, with 84% believing it is very or critically important. Despite this, findings revealed that 94% of teams still face challenges when it comes to conducting adequate QA. View the presentation to learn why organizations must prioritize automated testing and QA practices to deliver high-quality applications and increase customer satisfaction.
Sencha Roadshow 2017: Sencha Best Practices: Coworkee App Sencha
Learn the best practices for building a beautiful, data-intensive Ext JS application. In this session, we’ll review the Coworkee employee directory full-stack sample application and we’ll share with you how we leveraged the power of the grid, pivot grid, charts and many other features to deliver a highly performant web application.
Leveraging React and GraphQL to Create a Performant, Scalable Data GridSencha
User interfaces often utilize components such as grids and tables to help users browse and understand data. Today’s large data sets require sophisticated capabilities to ensure users can effectively comprehend data while remaining flexible and responsive. Building this functionality is time consuming, has integration and maintenance risks, and worst of all, distracts developers from the task at hand -- actually building the app. View the slides from our latest webinar to learn how the web’s most powerful data grid and GraphQL can help you deliver advanced functionality with minimal effort. View the recording here: https://www.brighttalk.com/webcast/11505/276417
It can be difficult for users to understand and modify workflow procedures in their applications. The job lifecycle of workflow-driven applications may change based on some specific procedures. We know that people can memorize images, shapes, and colors more easily than raw data. Using Ext JS Draw package, we created a dynamic, easy to use, workflow diagram modeler. We delivered a distinct solution that overcomes the challenges our users encountered. With our modeler, users can drag and drop, resize, label, and connect workflow steps with minimal effort. This ensures that users can visualize and design workflows in a more natural and innovative way.
Newer REST-based APIs are starting to use HATEOAS, which stands for Hypermedia as the Engine of Application State. The central idea of HATEOAS is to allow the server to control the state transitions instead of hard coding all the links into the client. We've integrated a HATEOAS layer in the Ext JS framework based on the HAL standard (http://stateless.co/hal_specification.html) and into the Ext JS model and store system. We will be showing the techniques we used to accomplish this in a way that keeps the Ext JS model and store usage the same as the standard mechanism.
Violet Peña - Storybook: A React Tool For Your Whole TeamAnton Caceres
Presented at FrontConf 2017 in Munich by Violet Peña
Managing large React projects can be a Herculean task. Storybook is an open-source, component-driven development environment that can ease the burden on you and your team. With Storybook, you can organize and document your components, validate your code using unit and snapshot tests, and easily share work with designers and project managers. Attendees will learn about Storybook and its uses in React projects, focusing on using it to develop, test, and review components. They will leave empowered to use Storybook on their next project and improve the workflow of their entire team.
Un-Framework - Delivering Dynamic Experiences with HTML over the WireAndreas Nedbal
In the age of modern frontend frameworks like React and Vue that often require a lot of additional backend work to deliver dynamic content, there has been a renaissance of delivering HTML again, with a twist. With some specialized requests and HTML tags, the Hotwire suite of libraries enables dynamic adjusting of page contents with no to minimal JavaScript.
A re introduction to webpack - reactfoo - mumbaiPraveen Puglia
I gave a talk at ReactFoo Mumbai about the history of how we arrived at the module bundlers we have today, specifically webpack. We walked through a live coding demo where I built a working webpack configuration for a working Vue application and then talked about the future of webpack.
please code in c#- please note that im a complete beginner- northwind.docxAustinaGRPaigey
please code in c#.
please note that im a complete beginner.
northwind.mdf.
northwind_log.ldf
OrderDetailsMaintenance.zip
1. Include the two above files in the root of your OrderDetailsMaintenance project.
2. Make sure to mark them as "Content" and "Copy Always" or "Copy if newer" in the properties window of those two files.
3. Run the Scaffold-DbContext command to create a context class as well as a class to encapsulate the Orders objects from the associated table in the mdf file. Make sure to include the parameters for -Tables Customers (only worry about the attributes associated with the text boxes, you don't need to worry about any other rows from the table)
4. Once you have ran the command, include an app.config file and add a connection string element. Make sure to copy the connection string from your Context class to your app.config. Then edit your context to grab the connection string from the app.config (ConfigurationManager.ConnectionString["Northwind"].ConnectionString)
5. Code the Find button to Find the customer id and populate the details in the below text boxes.
1. If no order is found, display a message box.
6. Code the exit button
7. Code the Save button to update its attributes and call Update and SaveChanges() on that particular entity.
1. Note: If you close the program, reopen it, and search for the entity you recently updated. You may not see the changes depending on how you setup the mdf file in your project (because it copies a new version to the bin directory each time you run the program). So, if you don't see your changes, don't be alarmed.
============
HERE IS WHAT I HAVE SO FAR
frmCustomerMaintenance.cs
namespace OrderDetailsMaintenance
{
public partial class frmCustomerMaintenance : Form
{
public frmCustomerMaintenance()
{
InitializeComponent();
}
}
}
frmCustomerMaintenance.resx
<root>
<xsd:schema id="root" xmlns="" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:msdata="urn:schemas-microsoft-com:xml-msdata">
<xsd:import namespace="http://www.w3.org/XML/1998/namespace" />
<xsd:element name="root" msdata:IsDataSet="true">
<xsd:complexType>
<xsd:choice maxOccurs="unbounded">
<xsd:element name="metadata">
<xsd:complexType>
<xsd:sequence>
<xsd:element name="value" type="xsd:string" minOccurs="0" />
</xsd:sequence>
<xsd:attribute name="name" use="required" type="xsd:string" />
<xsd:attribute name="type" type="xsd:string" />
<xsd:attribute name="mimetype" type="xsd:string" />
<xsd:attribute ref="xml:space" />
</xsd:complexType>
</xsd:element>
<xsd:element name="assembly">
<xsd:complexType>
<xsd:attribute name="alias" type="xsd:string" />
<xsd:attribute name="name" type="xsd:string" />
</xsd:complexType>
</xsd:element>
<xsd:element name="data">
<xsd:complexType>
<xsd:sequence>
<xsd:element name="value" type="xsd:string" minOccurs="0" msdata:Ordinal="1" />
<xsd:element name="comment" type="xsd:string" minOccurs="0" msdata:Ordinal="2" />
</xsd:sequence>
<xsd:attribute name="name".
Python Code Camp (Professionals) is a whole day workshop that aims to enable professionals to learn Python Basics and Django.
Visit: http://devcon.ph/events/python-code-camp-professionals-2016
Breathe New Life into Your Existing JavaScript Applications with Web ComponentsSencha
You probably have an existing JavaScript application using components that you love, maybe a grid, some graphs, etc. Perhaps today you use Angular and your company is thinking about moving to React, or Vue, and with new frameworks appearing every week, who knows what is next. How do you bring along those great components you have been using?
That is where Web Components fits in!
In this session we will look at some popular enterprise components and their usage in Angular and React. Then we will look at the Web Components spec to use those existing components you know and love in any framework - including no framework at all!
Our latest release, Sencha Ext JS 6.6, includes several major enhancements as well as support for npm packaging and open tooling for exceptionally easy workflows that every JavaScript developer is familiar with. With open tooling, Ext JS developers now have powerful tooling to rapidly generate, build and update Ext JS applications. Read the blog post to learn more: https://www.sencha.com/blog/announcing-sencha-ext-js-6-6-with-open-tooling-ga/
SenchaCon 2016: Developing and Delivering Quality Code, Frequently - Neil ManvarSencha
Learn best practices for leveraging modern technologies to develop, test and deliver maintainable, quality code. You will learn the advantages of testing software early and frequently, best practices to leverage modern technologies for test automation and CI, how to avoid shipping bad code, and how to create maintainable code while keeping it “non-legacy”. You will also learn the how and why of creating a robust developer feedback mechanism for sustained success.
SenchaCon 2016: Creating a Flexible and Usable Industry Specific Solution - D...Sencha
Come hear how we used agile development and Sencha tools to meet our design requirements, to create a system that is highly configurable, flexible, and exceeds the expectations of our customers. Learn how to use an adaptive/responsive design to be able to support two very different types of users, with a single application, and using the same set of libraries. Most importantly, learn how to create a system that even your most important and demanding users will find value and actually want to use. By assembling some of the best programmers and DBA developers in the world, we have been able to create a best-in-class, fully functional, scalable and highly configurable system, while maintaining an amazingly easy-to-use interface.
SenchaCon 2016: JavaScript is Great but Stop Writing It - Rory HardySencha
This talk is not about never writing JavaScript. It is about writing JavaScript when you actually need to and in a minimal fashion. This talk focuses on JavaScript in the browser.
SenchaCon 2016: Accessibility, Teamwork & Ext JS: A Customer Success Story - ...Sencha
Demand for accessible applications is on the rise, and many enterprise software developers are faced with the need to meet accessibility requirements in their products. To address this daunting problem, University of Washington and Innotas collaborated with Sencha to make the Ext JS framework more accessible and share the benefits with all Sencha customers. In this session, we'll detail the steps we took, the pain we experienced, the roadblocks we overcame, and the spectacular results we achieved.
SenchaCon 2016: Using Ext JS 6 for Cross-Platform Development on Mobile - And...Sencha
Andrew will share the experience he and his team have gotten from using Ext JS 6 for cross-platform app development on mobile and desktop devices. Having released Ext JS 6 apps for industries including utilities, oil & gas, construction, and transport, Andrew has learned the common pitfalls and gotchas you need to know. Using examples from recent projects, he provides tips for those who aren't yet familiar or experienced with mobile development. By the end of the session, you will know how to think like a mobile developer, develop apps with mobile user experience in mind, make the move from Ext JS 5 or Sencha Touch to Ext JS 6, deploy native apps with Cordova, and manage data on devices with limited resources.
SenchaCon 2016: Handling Undo-Redo in Sencha Applications - Nickolay PlatonovSencha
Undo and redo is a very common but not trivial feature, requested in most types of modern web applications. An application may define complex data processing rules involving data from different stores, which is tricky to handle when undoing an operation. With the Robo tool, we'll show you how to accurately revert data to any previous state with a simple undo() call.
SenchaCon 2016: Turbocharge your Ext JS App - Per Minborg, Anselm McClain, Jo...Sencha
Web applications are becoming increasingly data intensive and complex. Yet, users demand a great user experience, including blazingly fast speeds, across many device types. In this talk, we will show you how you can dramatically improve the performance of your web applications by using Sencha Ext JS and Ext Speeder. You will learn how to: accelerate your back-end data requests up to 10x by leveraging sophisticated in-memory, object-oriented techniques, significantly improve application responsiveness without making any modifications to your client Ext JS application, and quickly get started with database acceleration in standard J2EE environments.
SenchaCon 2016: Integrating Geospatial Maps & Big Data Using CartoDB via Ext ...Sencha
Come explore with us CartoDB - Ext JS components (www.cartodb.com). These new components will allow you, as developers, to visualize and interact with geospatial data using up to a billion data points in real time. We will show you how easy it is to enable visualizations, filter dynamically, create time-lapse animations, and explore large location datasets at unprecedented scale. Come learn how to use these new open source components to build interactive geospatial visualizations that deliver solutions, value, and insights to your customers.
State of ICS and IoT Cyber Threat Landscape Report 2024 previewPrayukth K V
The IoT and OT threat landscape report has been prepared by the Threat Research Team at Sectrio using data from Sectrio, cyber threat intelligence farming facilities spread across over 85 cities around the world. In addition, Sectrio also runs AI-based advanced threat and payload engagement facilities that serve as sinks to attract and engage sophisticated threat actors, and newer malware including new variants and latent threats that are at an earlier stage of development.
The latest edition of the OT/ICS and IoT security Threat Landscape Report 2024 also covers:
State of global ICS asset and network exposure
Sectoral targets and attacks as well as the cost of ransom
Global APT activity, AI usage, actor and tactic profiles, and implications
Rise in volumes of AI-powered cyberattacks
Major cyber events in 2024
Malware and malicious payload trends
Cyberattack types and targets
Vulnerability exploit attempts on CVEs
Attacks on counties – USA
Expansion of bot farms – how, where, and why
In-depth analysis of the cyber threat landscape across North America, South America, Europe, APAC, and the Middle East
Why are attacks on smart factories rising?
Cyber risk predictions
Axis of attacks – Europe
Systemic attacks in the Middle East
Download the full report from here:
https://sectrio.com/resources/ot-threat-landscape-reports/sectrio-releases-ot-ics-and-iot-security-threat-landscape-report-2024/
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.
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.
Search and Society: Reimagining Information Access for Radical FuturesBhaskar Mitra
The field of Information retrieval (IR) is currently undergoing a transformative shift, at least partly due to the emerging applications of generative AI to information access. In this talk, we will deliberate on the sociotechnical implications of generative AI for information access. We will argue that there is both a critical necessity and an exciting opportunity for the IR community to re-center our research agendas on societal needs while dismantling the artificial separation between the work on fairness, accountability, transparency, and ethics in IR and the rest of IR research. Instead of adopting a reactionary strategy of trying to mitigate potential social harms from emerging technologies, the community should aim to proactively set the research agenda for the kinds of systems we should build inspired by diverse explicitly stated sociotechnical imaginaries. The sociotechnical imaginaries that underpin the design and development of information access technologies needs to be explicitly articulated, and we need to develop theories of change in context of these diverse perspectives. Our guiding future imaginaries must be informed by other academic fields, such as democratic theory and critical theory, and should be co-developed with social science scholars, legal scholars, civil rights and social justice activists, and artists, among others.
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.
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.
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.
Let's dive deeper into the world of ODC! Ricardo Alves (OutSystems) will join us to tell all about the new Data Fabric. After that, Sezen de Bruijn (OutSystems) will get into the details on how to best design a sturdy architecture within ODC.
DevOps and Testing slides at DASA ConnectKari Kakkonen
My and Rik Marselis slides at 30.5.2024 DASA Connect conference. We discuss about what is testing, then what is agile testing and finally what is Testing in DevOps. Finally we had lovely workshop with the participants trying to find out different ways to think about quality and testing in different parts of the DevOps infinity loop.
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.
You do! You Rule the World!
You all CREATE THE MAGIC
Power & Influence is Increasing
The software developers wielding web technology skills and tools that turn ideas into amazing applications that drive operations and businesses around the planet, rule the world.
5
93 PERCENT!!!
93% of the respondents said that web technologies are critical to their strategy for desktop and mobile.
We were expecting a high number, but this is amazing!
Web Technology is Winning!
Look at some more interesting data –
Since in Vegas, let’s follow the money!!!
7
8
Mark Twain has been credited with this famous quote, although there is a lot of conflicting stories on the exact wording.
But let’s apply the quote
Much more recent history…
5-10 Years
OK. Maybe it wasn’t Clippy –
but it’s close….
It’s the Desktop….
Paper
Look at some numbers
12
13
Over NINE BILLION!!!! They are managing NINE BILLION parts in their Global R&D, Production and Maintenance systems.
Again – I am always impressed with the amount of data you need to work with every day…
As this trend continues – at some point in our lives we will be saying more data was created in the last 2 MONTHS (let alone 2 years) than in all human history combined – ---
As this trend continues there will be increasing pressure on you to develop web applications that can visualize the data.
15
16
17
So first, lets level set as a group on what’s not changing in our world.
19
So what are we working on in the coming weeks and months to help you overcome the challenges you face?
– both the ones that are changing constantly and the ones we just went through.
21
22
23
Modern JavaScript and open tooling means we will help you improve development productivity and provide you with greater flexibility in tool selection both from Sencha and the JS Community at large.
Gautam and Mark will give you a preview of how Sencha plans to take advantages of the latest advancements in JavaScript and open web tooling in their upcoming demo.
25
We’re building our bridges to React and Ang
I want to be really clear here - we absolutely want you to build your entire application from the ground up with Ext JS or GXT.
But we know that for some of you
pockets in your organization
built applications React and Angular2
advantage powerful Ext JS components
data grid and the pivot grid.
By building these bridges
help you transform all web applications
powerful, data-centric, cross-platform applications.
We will be showing you the technology
27
Everyone here knows how challenging it is to build truly awesome apps for millions of users that run
the world’s businesses
Governments
non-profits
We are here to ensure your success. As a matter of fact, we consider it our mission.
Our Mission is to provide everything you need, from products to support to services, to rapidly build data intensive cross platform enterprise web applications so you can deliver the right experience - right time -right screen.
I’ve been doing a lot of talking about what we’re building, and how great and powerful it is going to be –
but who is excited about seeing it?
I would now like to introduce Gautam Agrawal, Senior Director of Products and Mark Brocato, Senior Manager of Engineering.
Gentlemen….
Thank Art for the intro.
My third SenchaCon as a Senchan, but the first time on Keynote stage. I’m really excited to be here.
It can’t get better than this… right Mark?
Alright… lets welcoming everyone. Thank you, all the Sencha developers, simply rock. Together we have built the world’s most advanced and comprehensive JavaScript stack.. or what I like to refer as the FullStack JavaScript platform. So thank you for being a Sencha developer and a part of our community.
We have lots of great stuff to share with you today, and some really cool demos, but I want to take a few minutes to recap what we’ve accomplished together since the last SenchaCon.
With the merger of Ext JS and Sencha Touch, we have arrived in the world of Universal Apps.
With Ext JS 6, you are now creating apps that deliver tailored user experiences for desktop, tablets, and smartphones while sharing and reusing the maximum amount of code.
So yes… the web is winning, because you are delivering universal app experiences at a fraction of the cost of building separately for each platform.
I remember the days of Ext JS 4 and 5 when the only tool we had was Sencha Cmd, which is a big help for tasks such as scaffolding, build creation, etc. but… the number of times I would have to go to the API docs to look up methods, properties, configs... was just staggering.
With the release of IDE plugins, we have come a long way in a very short amount of time. We now have plugins for all major IDEs. All versions of JetBrains, Eclipse, and Visual Studio are supported.
These plugins provide an amazing amount of functionality including code completion, navigation, refactoring, context-based documentation look-ups. It’s easily increases our productivity by of more than 10x.
So today.. we’re giving you an early access to yet another plugin for the Microsoft Visual Studio Code.
VS Code is the fastest growing source code editor with over 2 million installs within a year of its release. I have to say… it feels like with VS Code, Microsoft has delivered something that developers are really like.
The VS Code plugin will be available for all tiers of Ext JS packages. Std, Pro, and Premium.
Mark: show us what VS code plugin looks like and what Sencha developers can now do within VS Code.
Turn over to Mark 2 - 3 min VS Code Demo Turn over to Gautam
Awesome …. that was cool.
To learn more about the VS Code plugin… check out Ryan Salva and Sandeep Adwankar’s session on app development with Visual Studio. Ryan is a Program Manager at Microsoft, and Sandeep is our Product Manager for Sencha Tools.
As Art said, we are drowning in data, and businesses are demanding applications that can do more and more analytics and visualizations, rather than just presenting raw data.
And so we delivered some components for analytics and data visualization. Pivot Grid, Data Exporter, and D3 Adapter.
And now what is really cool is we have now integrated the Pivot Grid and D3 Adapter as well.
Mark: Can you walk us through an example where we have integrated our Pivot Grid with D3?
Turn over to Mark Pivot Grid and D3 demo from Mark’s machine Turn over to Gautam
Wow… that’s just amazing. I am sure we don’t need that super expensive reporting and business intelligence solutions anymore.
There are a number of sessions on these topics, and I would encourage you to not miss Vitaly’s session n Adding Magic to your Ext JS apps with D3 visualizations.
I am super excited to share that not only we are providing you these premium components, but we have also brought them into Sencha Architect with the early access release of version 4.1 that we will be providing you today. And this is because of the sheer number of requests we received from our Architect users.
Let’s look at Theming. We’ve made big enhancements to our theming capabilities. From the Fashion, our theme compiler, to the all new Material theme that supports animations, shadows, depth, and much more… and recently the no code visual theming tool, Sencha Themer.
I have to say.. this is an area that far.. far exceeded my expectations. Marc and his team build a fantastic product and the feedback from all of you in our community has been just mind blowing.
As you heard from Art, Sencha Themer will now be available in the Ext JS Pro package and I’m really excited about that. In fact if you have a current Ext JS Pro subscription, and you log into our support portal after the keynote, you should already see that Themer is available to download.
But wait… that’s not all on theming. We’re also giving you an early access release of Themer 1.1 today. Themer 1.1 enables your directly theme your apps.
Mark: This is getting better and better. Let’s show everyone how it works. It’s simpler than ever.
Turn over to Mark 3-4 min Themer 1.1 demo
Question to Mark: The themer UI looks suspiciously like Ext JS, but it’s something you download and install on the desktop. How is that possible?
Mark mentions about Ext-Electron package, and that it will be made available in GitHub today. And also mention that we even have a full session on Building Native Desktop Apps with Ext JS and Electron by Don Griffin.
For those of you who are doing lot of work in the theming area, don’t miss out on Andrew’s session on Theming Made Easy. The other session you shouldn’t miss on theming is Theming the Modern Toolkit by Phil.
Turn over to Gautam
While we are on the theming topic, I am super excited to announce a new Theming contest, with a prize of $2500. All you need to do is … show us your creativity. The tools are already there, so I it won’t be hard to implement any design you have in mind. We’d love to see what kind of UI experiences you come up with.
Details of this contest will be posted on our website right after the keynote. You can even come by the Sencha Zone and look for me, Mark or any of the people on the theming team to get your questions answered and get a jump start on your competition!
Should be fun. I wish I could participate in the Theming Contest
How many of you have played with or know about Sencha Test?
Early this year, we rolled out Sencha Test, our solution for Unit and Functional Test automation that integrates with your CI systems and allows you to execute your test on local browser pools or cloud based browser farms. Since then, a number of you have engaged your Test Automation teams to implement Sencha Test in your environments. You can write or record tests using Sencha Test for your Sencha apps, and run them automatically across multiple browsers.
One of the common feedback we have received since the release of Sencha Test is even though most of you are building single page apps, a lot of time security and authentication requirements from the enterprise hide your single page apps behind a login or authentication page, making them multi-page apps.
I am very happy to announce that today we are giving you an early access version of Sencha Test 2.0, which has Selenium WebDriver integrated, and allows you to test multi-page applications as well.
There is a lot of great sessions on Sencha Test but don’t miss out on Craig Comstock’s session on how to write tests with Sencha Test Futures API and WebDriver integration.
How many of you are already building Progressive Web Apps?
It’s amazing to learn what the web can do today. From access to device hardware, to push notifications, and using apps offline. There is almost nothing out of the reach for the web now. Progressive Web Apps allow you to create experiences that combine the best of the web and the best of apps.
Today… we are enabling you to create Progressive Web Apps. Mark: show us how we’re enabling the creation of Progressive Web Apps for Sencha Developers.
Turn over to Mark 7 - 8 min PWA Demo Turn over to Gautam
Amazing… I guess there is hardly any benefit to building native apps now
How many of you have written some React or Angular Code?
As Art said, the world of JavaScript is pretty heterogeneous, and while you may be using React, and Angular 2, or may be even something else… one of the things that JavaScript developers always look out for.. are the powerful components that that Sencha provides..
I can’t count how many times I get the question that Can I use your Grid in my React app, or Can I use your Pivot Grid in my Angular app.
So today, we’re providing you a bridge to use Sencha components in your React and Angular 2 applications.
That sounds really cool… Mark: I always thought that’s impossible? Walk us through this.
Turn over to Mark 7 - 8 min React Bridge demo, Mention your own and Marc Gusmano’s Session on Angular 2 Bridge Turn over to Gautam
Really amazing… you’ve really made it possible, and the simplicity of how you can use Sencha components in React apps is astonishing.
Wait… there’s more coming. The world of JavaScript is going through a big transformation. With ES6 standards in place, JavaScript is poised a major language like Java. Its already 2nd on the popularity charts. So Mark… tell us about some of the language changes in JavaScript, and how are we’re planning on handling them.
Turn over to Mark 5 - 6 min Ext JS 7 & Tools preview Turn over to Gautam
Great! That sound really awesome.
When ECMAScript 6 arrived in 2015 it brought a ton of new language features.
Way too many to cover in even a full session.
And so I want concentrate on two language features that I think are of particular interest.
Those are classes and module imports.
Sugery syntax aside, what’s in it for you?
Well there’s this thing called the nuclear pizza machine. You may have heard it referred to as npm. it has over 34,000 packages that solve almost every problem imaginable. We want to make it easy to take advantage of those. And this bit of syntax is the key to unlocking that ecosystem.
And so we’re developing a new node based toolchain as the successor to sencha cmd as well as a webpack plugin that will allow you to grab the functionality you need from npm and deliver to the browser as a single minified, optimized bundle.
MODERNIZING the Ext Class
OPEN
And so we’re developing a new node based toolchain as the successor to sencha cmd as well as a webpack plugin that will allow you to grab the functionality you need from npm and deliver to the browser as a single minified, optimized bundle.
MODERNIZING the Ext Class
OPEN
And so we’re developing a new node based toolchain as the successor to sencha cmd as well as a webpack plugin that will allow you to grab the functionality you need from npm and deliver to the browser as a single minified, optimized bundle.
MODERNIZING the Ext Class
OPEN
I want to thank you all for your enthusiasm and Mark for his marathon of demos.
If you want to speak to any of us, we would be glad to answer your questions. Find us in the Community Pavilion and breakout sessions.
Enjoy SenchaCon.
At this point, I would like to turn things back over to Art.
Thanks everyone.