Professional JavaScript Error-Logging

Oct 6, 20170 likes971 views

This document discusses logging JavaScript errors in Oracle APEX applications. It notes that JavaScript errors currently only display on the client-side and provides no logging. The author then introduces JS-Logger, a tool they developed to log JavaScript errors and related details to a database or via REST. JS-Logger overwrites console logging functions and uses additional libraries to capture stack traces, platform info, workflow, and more to provide richer error information for analysis. The document demonstrates JS-Logger and how it can be implemented in APEX applications.

Professional
JavaScript Error-Logging
for Oracle APEX
Kai Donato
Jun 28, 2017 | Kscope17

3
Facts & Figures
Independent Technology House
with Cross-Industry Expertise
Headquarter
Ratingen
(North Rhine – Westphalia)
180
Employees
Founded
1994
Branches
Dortmund, Cologne,
Frankfurt am Main
Top Company
for Trainees &
Students
Privately-
Owned
Corporation
Oracle
Platinum
Partner
28 Mio. Euro
Revenue

4
• Employee at MT AG in Ratingen since January
2014
• Senior Consultant for APEX Development
• DOAG-Initiator - HTML5 and JavaScript
• More than 12 Years expertise in Web-Development
• Systems Integrations Specialist
UNIX-Server and Networkadministration
About me
@_KaiDonat
o
KaiDonato

Professional
JavaScript Error-
Logging for Oracle
APEX

Usually you used to see all kinds of errors logged into the
database:
• APEX internal errors
• Erroneous PLSQL-Routines
• Any kind of thrown Exceptions
...But what about JavaScript?
Logging with Oracle APEX

Doing it the
basic/usual way...
... Let the user describe
what happened in the UI.

„Umm ... I just clicked ...
like 3 times on this
button ... and it didn‘t do
what I expected...“
🤷🤷♀️

HTML and JavaScript sent
Not happening!
...yet

• JavaScript is used in nearly everywhere in APEX
... errors can happen even if you didn‘t write that much JavaScript by
yourself
• JavaScript-Errors are happening on the client-side
... and they stay there if we don‘t do anything about it
• JavaScript might be used just for aesthetic reasons but also for
critical parts of the application
Why logging JavaScript-Errors?

• The console-object contains functions we
can use
• console.log/warn/error will be
thrown automatically - and if you want -
manually
• By overwriting these functions we can
change/extend their behaviour
Console-Object

• All JavaScript-Errors/Logs will be inserted into the database or sent via
REST-Call to a remote destination of your choice
• JS-Logger consists of multiple components:
• Dynamic Action Plugin
• Database Objects (optional)
• APEX-Application for analyzing errors (optional)
• Multiple additional libraries were integrated to enrich the error-logs with
further helpful details about the environment
• Stacktrace.js
• Platform.js
JS-Logger

• The following metrics will be used to track errors:
• Platform
• Error-message
• Stacktrace
• Workflow (which are the recently visited pages?)
• Current APEX-Page
• Application Version
JS-Logger

Kai Donato
Telefon: +49 2102 30961 – 0
kai.donato@mt-ag.com
@_KaiDonato

This document provides an overview of the XAF framework to ease the learning curve for new users. It covers basic XAF terminology like object space, views, controllers and actions. It demonstrates the framework's capabilities like single codebase for web and desktop, modules, and developer productivity. Resources for the growing XAF community like meetups, blogs and jobs are also listed. The document aims to give new users a gentle introduction to exploring the XAF journey.

A Gentle Introduction to BlazorJose Javier Columbie

Tomasz Janczuk - WebtaskalifragilistexpialidociousServerlessConf

Presented at ServerlessConf NYC2016. The [webtask.io](https://webtask.io) microservice platform has been created and is used internally at [Auth0](https://auth0.com) to support multi-tenant SaaS extensibility through custom code, in cloud and on-premise. In this talk I will describe our journey from the driving scenario, the choice of a "better web hook" paradigm to address it, the architecture and design decisions we've made along with the mistakes and changes the system has undergone. I will also provide an insight into a security model that makes webtask.io platform uniquely suited to be used directly over HTTP from HTML5 or mobile apps. Docker, Node, ZeroMQ, Mongo, and more.

ASP.NET MVC 4 OverviewGunnar Peipman

This document provides an overview of new features in ASP.NET MVC 4, including new project templates, support for DotNetOpenAuth for external authentication, bundling and minification for performance improvements, device-based filtering for responsive design, mobile enhancements, asynchronous controller support, and the new ASP.NET Web API framework. It also previews upcoming features planned for the fall 2012 update such as SignalR, Windows Azure Active Directory integration, and the Web Optimization framework.

TDD with ASP.NET MVC 1.0Shiju Varghese

BizTalk ALMBizTalk360

Application Lifecycle Management for BizTalk solutions is quite challenging. Many community tools are available, but it’s not straightforward to combine them into one solution. In this session, Toon will focus on how to set up Continuous Integration for your BizTalk solutions, based on experience from the field. Some tips and tricks on automatic unit testing, build, deployment and integration testing.

Azure Serverless ConfJose Javier Columbie

This document describes a recipe for building a Blazor WebAssembly app that uses Azure Functions for backend services and deploys to Azure Static Web Apps using GitHub Actions. Key aspects include using Blazor for an interactive web UI with C# code running in the browser, Azure Functions for scalable backend services with less code and infrastructure, and Azure Static Web Apps for hosting static content globally with integration for GitHub and Azure DevOps.

ASP.NET MVC 4Danijel Malik

This document summarizes some of the new features in ASP.NET MVC 4, including bundling and minification support to improve page loading performance, database migrations to evolve database schemas in a code-focused way, adaptive rendering and display modes for mobile web development, support for building and hosting web APIs, and asynchronous support to improve server scalability. It provides demos of bundling/minification, database migrations, mobile web, and hosting web APIs. It also discusses improvements to Razor and conditional attributes in MVC 4.

Ivan Jovanovic - Micro Frontends - Codemotion Rome_2019Codemotion

The web is changing every day and it’s so hard to follow and implement all the new and fancy stuff that is being built. Cool new frameworks, libraries, methodologies and new approaches to solving problems. Usually is not that easy to deprecate some old technology and migrate to the new one. There are not many developers that still want to work with Angular 1 or Backbone and moving to something new is becoming necessary. If this sounds familiar to you, then this talk is for you! There is an innovative way to migrate from the old technology, to change the applications step by step

ASP.NET Brief HistorySudhakar Sharma

ASP.NET 5David Voyles

1) The document discusses ASP.NET 5, a new approach to building .NET on the server that features a flexible and cross-platform runtime, modular HTTP request pipeline, and cloud-optimized design. 2) It introduces ASP.NET 5 and MVC 6, which merges MVC, Web API, and Web Pages frameworks into a single framework for building web UIs and APIs. 3) A demo is presented showing the creation of an empty ASP.NET 5 application.

Introduction to ASP.NET MVC 1.0Shiju Varghese

ASP.NET MVC is an alternative framework to ASP.NET Web Forms that enables separation of concerns, testability and full control over HTML. It uses the MVC pattern to separate application logic, UI logic and data access. The core components are Models for application data, Views for UI display and Controllers to handle requests and responses. ASP.NET MVC builds on ASP.NET but does not replace Web Forms, and many core ASP.NET features still apply. It aims to produce cleaner, more testable code compared to Web Forms.

Mvc razor and working with dataVladislav Hadzhiyski

This document discusses Razor code expressions and blocks in ASP.NET MVC and working with data using Entity Framework. It describes the Entity Framework architecture and the two main approaches of Database-First and Code-First. Database-First uses a designer, allows more SQL, and has better data performance, while Code-First does not use a designer, requires almost no SQL, allows faster development, and makes building complex data models easier. The document also provides homework on implementing CRUD operations for categories and notes models and includes resources for further information.

Evolution / History of ASP.NETAnoop Kumar Sharma

Introduction to ASP.NET 5mbaric

- ASP.NET 5 is the next generation of Microsoft's web framework that aims to address limitations of the current ASP.NET stack such as limited hosting possibilities and dependency on IIS. - It features a modular architecture based on OWIN and Katana that decouples the application from the server and allows hosting on non-IIS platforms like Linux. - Key improvements include cross-platform support, a more developer-friendly experience with features like no-compile debugging, and an emphasis on performance and light weight deployment through tools like the K command line.

Technology Stack DiscussionZaiyang Li

Zaiyang Li discusses the technology stack for a project, including the front-end framework Angular and build tools like Webpack, and the back-end framework ASP.NET Core with libraries like Dapper and testing tools like Xunit and Moq. Chart.js is used for data visualization, and a bespoke event sourcing framework is in active development to run in the same process as the web server. Protocol buffers are used for serialization and provide benefits like high performance and backward compatibility.

Introduction presentationVladislav Hadzhiyski

This document outlines a course on web application development using ASP.NET and AJAX. The 10-part course covers topics such as server controls, data handling, security, localization, XML web services, MVC, Razor, data sources, and AJAX and security in ASP.NET MVC. It also lists potential exam tasks such as building a forum, blog, photo album, or school management application. The document is presented by Vladislav Hadzhiyski and includes his contact information.

Building solutions with the SharePoint Framework - introductionWaldek Mastykarz

ASP.NET MVC overviewVladislav Hadzhiyski

This document provides an overview of ASP.NET MVC, including its architecture, controllers that return different result types like ViewResult and JsonResult, and the Razor template engine. It also includes links to additional resources on MVC architecture, the ASP.NET MVC lifecycle, controllers, Razor, and REST. The document is intended to introduce ASP.NET MVC and provide references for further reading.

ASP.NET 5 OverviewShahed Chowdhuri

How to automate your BizTalk Installations and Deployments with ChefBizTalk360

Web forms Overview PresentationVladislav Hadzhiyski

This document provides an overview of ASP.NET Web Forms, including its architecture, types of web applications it can create, its page lifecycle, and common controls. ASP.NET Web Forms uses a code-behind model and page lifecycle to handle requests and render HTML server-side. It supports a variety of controls like buttons, textboxes, labels and images to build web forms and handle user input on the server. The page lifecycle consists of several stages from request to rendering, including initialization, loading, handling postback events, and unloading.

Jayway Web Tech Radar 2015Gustaf Nilsson Kotte

Are you having trouble with all the things happening in web technology lately? Frustrated with the rate of change? Hard to keep up? Then we have good news for you: a little while ago, we at Jayway did a tech radar on web technology and we would like to share it with you. Some of the technologies we will cover are: ECMAScript 6, React, Angular, Ember, Isomorphic/Universal web applications, Unidirectional client data flow, Backend-as-a-Service, Meteor, and Static site generators. We will also do a small comparison of the web tech radar we did 18 months ago, and draw conclusions from the differences and the current rate of change. Finally, we'll give some advices for navigating in the ever changing landscape of new web technology.

Future development stack ~ MeteorJSVictor Stan

Develop a Quick and Dirty Web interface to your database: for the DBA and oth...Gabriel Villa

The document introduces ASP.Net MVC and provides resources to help developers build a quick web interface for their database. It explains that ASP.Net MVC uses the model-view-controller pattern to coordinate user inputs and outputs. The document lists the software and tools needed to get started, such as Visual Studio, Entity Framework and version control systems. It also provides links to resources on the .NET framework, database utilities, and getting involved with the open source community.

Desktop Bridge with WPF - One way to build modern apps with WPFChristian Nagel

Azure Monitoring Overviewgjuljo

Click, Click, Test - Automated Tests for APEX ApplicationsKai Donato

The exhausting creation of test scripts, which are also limited to a single browser—it stops right here! With an exciting new approach, tests for APEX applications can be created in no time and are compatible with different browser engines. A look under the hood shows how to use the APEX metadata to create test scenarios which can be executed in multiple browsers with no additional effort. In this session I will show how this is possible and which software stack is necessary.

More Related Content

What's hot (20)

Azure Serverless ConfJose Javier Columbie

ASP.NET MVC 4Danijel Malik

Ivan Jovanovic - Micro Frontends - Codemotion Rome_2019Codemotion

ASP.NET Brief HistorySudhakar Sharma

ASP.NET 5David Voyles

Introduction to ASP.NET MVC 1.0Shiju Varghese

Mvc razor and working with dataVladislav Hadzhiyski

Evolution / History of ASP.NETAnoop Kumar Sharma

Introduction to ASP.NET 5mbaric

Technology Stack DiscussionZaiyang Li

Introduction presentationVladislav Hadzhiyski

Building solutions with the SharePoint Framework - introductionWaldek Mastykarz

ASP.NET MVC overviewVladislav Hadzhiyski

ASP.NET 5 OverviewShahed Chowdhuri

How to automate your BizTalk Installations and Deployments with ChefBizTalk360

Web forms Overview PresentationVladislav Hadzhiyski

Jayway Web Tech Radar 2015Gustaf Nilsson Kotte

Future development stack ~ MeteorJSVictor Stan

Develop a Quick and Dirty Web interface to your database: for the DBA and oth...Gabriel Villa

Desktop Bridge with WPF - One way to build modern apps with WPFChristian Nagel

Azure Serverless ConfJose Javier Columbie

ASP.NET MVC 4Danijel Malik

Ivan Jovanovic - Micro Frontends - Codemotion Rome_2019Codemotion

ASP.NET Brief HistorySudhakar Sharma

ASP.NET 5David Voyles

Introduction to ASP.NET MVC 1.0Shiju Varghese

Mvc razor and working with dataVladislav Hadzhiyski

Evolution / History of ASP.NETAnoop Kumar Sharma

Introduction to ASP.NET 5mbaric

Technology Stack DiscussionZaiyang Li

Introduction presentationVladislav Hadzhiyski

Building solutions with the SharePoint Framework - introductionWaldek Mastykarz

ASP.NET MVC overviewVladislav Hadzhiyski

ASP.NET 5 OverviewShahed Chowdhuri

How to automate your BizTalk Installations and Deployments with ChefBizTalk360

Web forms Overview PresentationVladislav Hadzhiyski

Jayway Web Tech Radar 2015Gustaf Nilsson Kotte

Future development stack ~ MeteorJSVictor Stan

Develop a Quick and Dirty Web interface to your database: for the DBA and oth...Gabriel Villa

Desktop Bridge with WPF - One way to build modern apps with WPFChristian Nagel

Similar to Professional JavaScript Error-Logging (20)

Azure Monitoring Overviewgjuljo

Click, Click, Test - Automated Tests for APEX ApplicationsKai Donato

CV_LamHoangQuocVietVi?t L

This document provides a summary of Lam Hoang Quoc Viet's personal details, qualifications, career history, and project experience. He has over 10 years of experience developing web and desktop applications using technologies like ASP.NET, PHP, Java, C#, SQL Server, and MySQL. Notable projects include developing modules for an oil and gas extraction management system, a warehouse management system, and websites for a beer vendor and bookstore.

(ATS6-DEV02) Web Application StrategiesBIOVIA

This document discusses different strategies for building web applications using the Accelrys Enterprise Platform (AEP). It outlines three main strategies: Form & Result, Dashboard, and Enterprise Application. Form & Result is best for simple applications that focus on running protocols and displaying results. Dashboard adds interactivity with JavaScript and the Data Connector. Enterprise Application employs a third-party JavaScript library to build a fully customized user interface, separate from AEP. The document provides examples and discusses the technologies involved in each approach. It recommends choosing based on requirements complexity, development time, and skill sets, noting that Form & Result is fastest but least customizable, while Enterprise Application is most complex but powerful.

Optimus XPages: An Explosion of Techniques and Best PracticesTeamstudio

Are you starting a new XPages project, but not sure it’s going to be done right the first time? Do you have an existing application that doesn’t seem to have that “X” Factor? In this webinar, John Jardin demonstrates how XPages developers can apply proven techniques and best practices to take their applications to a game-changing level. You'll learn how to: -Rapidly develop responsive applications, -Improve user experience and response times with background and multi-threaded operations, -Keep your XPages lightweight with code injection, -Create scheduled tasks the XPages way, -And much more.

Varun-CV-JVarun Goswami

Varun Kumar Goswami has over 8 years of experience developing web applications using Java, Perl, and various frameworks. He has extensive experience building e-commerce applications and portals, including for large companies like Zappos, where he developed order management, inventory, and EDI systems. He is proficient in technologies like Spring MVC, Apache Camel, MySQL, and has led projects involving data scraping and APIs.

How to deploy & optimize eZ PublishKaliop-slide

The document discusses optimizing an eZ Publish installation for high-traffic, big data contexts. It recommends taking a project management approach using roles like a web architect and Scrum master. Key areas of technical expertise include caching, templates, media, deployment tools, monitoring, and DevOps practices. The document also provides tips for optimizing code performance like reducing cache activity and SQL queries.

Building an Observability Platform in 389 Difficult StepsDigitalOcean

Watch this Tech Talk: https://do.co/video_dworth Dave Worth, Engineering Manager at Strava, lays out a strategy for choosing the right tech stack depending on your business and team need. Watch as he guides you through tool sets that navigate around business constraints and regulatory concerns. About the Presenter Dave Worth’s professional life consists of being a web and backend engineer who developed specialization in observability through building reliable distributed systems at Strava, and previously DigitalOcean. In his spare time, Dave loves cycling, jiu jitsu, and searching for another great math book to only read the first 50 pages of. New to DigitalOcean? Get US $100 in credit when you sign up: https://do.co/deploytoday To learn more about DigitalOcean: https://www.digitalocean.com/ Follow us on Twitter: https://twitter.com/digitalocean Like us on Facebook: https://www.facebook.com/DigitalOcean Follow us on Instagram: https://www.instagram.com/thedigitalocean/ We're hiring: http://do.co/careers

XPages Mobile, #dd13Dominopoint - Italian Lotus User Group

This document discusses approaches to mobile development, including web mobile, native, and hybrid approaches. It then covers specific mobile development frameworks and tools that can be used with IBM Notes/Domino including the XPages Extension Library mobile controls, Bootstrap, jQuery Mobile, HTML5 offline capabilities, PhoneGap/Apache Cordova, Titanium, and IBM Worklight. IBM Worklight is described as providing services to augment PhoneGap, including tools like Worklight Studio, the Worklight Application Center, capabilities of the Worklight runtime and server, and the Worklight Console.

How and why we evolved a legacy Java web application to Scala... and we are s...Katia Aresti

Applications get old, and technology moves fast. Overtime, adding or modifying functionalities might become as expensive as re-coding everything all from scratch. But rewriting a complete website and its functionalities it’s hard if we want to minimize the risks of breaking existing functionalities and specially when this application fits in a ecosystem and interacts with other pieces of software and teams. In this session, you will learn how we moved from a legacy java monolithic website using scala PlayFramework, AngularJS, Elasticsearch and MongoDB, how we built a multi service and REST oriented architecture, which were the technical and human problems we encountered and how we managed to solved them.

Debugging,Troubleshooting & Monitoring Distributed Web & Cloud Applications a...Theo Jungeblut

In the past, applications where created as monolithic entities running on a single server. If this is the past for you, too, you will have experienced the downside of modern distributed and cloud applications, as debugging, troubleshooting, and monitoring is not easily accomplished with traditional approaches. Within this session, we will explore different possibilities for collecting and analyzing the needed information to solve issues on modern distributed application and discuss the advantages and disadvantages of each approach like debugger, log files, performance counter and third party solutions. The focus of this session will be on Developer and DevOps need, as increased release cycles and third party dependency more and more result in the need for troubleshooting also on production system, rather than in an isolated test environment. This session requires a solid understanding of distributed applications and knowledge of SOA, but most principles also apply to and can be beneficial for more traditional application design approaches. The used code examples are in .NET but the shown principles generally apply to other languages, too, and shown software is often available for a variety of environments.

Write Generic Code with the Tooling APIAdam Olshansky

The document discusses using dynamic Apex and the Tooling API to write highly genericized code in Salesforce. It begins with an overview of writing generic code in Apex and the benefits of a dynamic approach over static code. Examples are provided of using dynamic Apex for metadata, data, controllers, and SOQL. The Tooling API is then introduced as a way to build tools by gathering metadata about orgs and code. Potential uses of the Tooling API are outlined, such as symbol table visualization, testing tools, and customizing managed packages. The summary concludes by encouraging attendees to apply what they've learned to build their own tools.

Google App Engine for JavaLars Vogel

This document provides an overview of Google App Engine for Java (GAE/J) through a presentation. It discusses key aspects of GAE/J including the scalable infrastructure, programming languages supported, frameworks, development tools, deployment, data storage using the datastore, testing, limits, and services. It emphasizes that GAE/J handles the infrastructure and allows developers to focus on application code without worrying about scaling or maintaining servers.

What is going on? Application Diagnostics on Azure - Copenhagen .NET User GroupMaarten Balliauw

We all like building and deploying cloud applications. But what happens once that’s done? How do we know if our application behaves like we expect it to behave? Of course, logging! But how do we get that data off of our machines? How do we sift through a bunch of seemingly meaningless diagnostics? In this session, we’ll look at how we can keep track of our Azure application using structured logging, AppInsights and AppInsights analytics to make all that data more meaningful.

Jesy George_CV_LATESTJesy George

The document provides a summary of Jesy George's skills and experience. It includes her contact information and 8 years of experience in design, development and testing using languages like Java, J2EE, and frameworks like Spring and Struts. It also lists her professional experience with 4 companies, educational qualifications including a bachelor's degree in computer science, skills, and details of projects involving media streaming, resource management systems, and a project management system.

Inventory managment systemVenkata Naga Gopi Krishna Komirisetty

This document outlines an inventory management system project. It includes sections on objectives, technical specifications using HTML, PHP and databases, software used including Visual Studio Code and XAMPP, a 3-tier architecture, modules for inventory, services, customers etc., a use case diagram, debugging and testing, and future scope. The system allows adding, deleting and viewing inventory, services, customers and generating quotations and invoices for accounting.

Scala Italy 2015 - Hands On ScalaJSAlberto Paro

The document discusses Scala.js, a compiler that converts Scala code into JavaScript. It covers why Scala.js is useful for developing web applications in Scala instead of JavaScript, how to set up projects using SBT, popular Scala.js libraries for tasks like making RPC calls and building user interfaces, tips for interfacing Scala code with JavaScript libraries, and React integration with Scala.js.

Alberto Paro - Hands on Scala.jsScala Italy

Modern DevOps across Technologies on premises and clouds with Oracle Manageme...Lucas Jellema

DevOps team are responsible for well performing applications in every aspect, through the entire life cycle and across the stack, including platform and infrastructure, on premises and all cloud environments. Keeping watch on current and predicted behavior of all running components is not an easy challenge. The challenge is growing with multi tier architectures and IT landscapes distributed across technology stacks, locations and clouds. Oracle Management Cloud provides advanced capabilities to do application, platform and infrastructure monitoring and root cause log analysis. This session introduces OMC and tells about real live experiences with OMC for managing demanding non functional requirements in very hybrid environments. The objective discussed is to quickly spot problems – ideally before they occur – find the cause and a solution and apply the latter. The session demonstrates what OMC can do for Oracle Fusion Middleware and Database, both on premises and in the public cloud.

[Pinto] Is my SharePoint Development team properly enlighted?European Collaboration Summit

Azure Monitoring Overviewgjuljo

Click, Click, Test - Automated Tests for APEX ApplicationsKai Donato

CV_LamHoangQuocVietVi?t L

(ATS6-DEV02) Web Application StrategiesBIOVIA

Optimus XPages: An Explosion of Techniques and Best PracticesTeamstudio

Varun-CV-JVarun Goswami

How to deploy & optimize eZ PublishKaliop-slide

Building an Observability Platform in 389 Difficult StepsDigitalOcean

XPages Mobile, #dd13Dominopoint - Italian Lotus User Group

How and why we evolved a legacy Java web application to Scala... and we are s...Katia Aresti

Debugging,Troubleshooting & Monitoring Distributed Web & Cloud Applications a...Theo Jungeblut

Write Generic Code with the Tooling APIAdam Olshansky

Google App Engine for JavaLars Vogel

What is going on? Application Diagnostics on Azure - Copenhagen .NET User GroupMaarten Balliauw

Jesy George_CV_LATESTJesy George

Inventory managment systemVenkata Naga Gopi Krishna Komirisetty

Scala Italy 2015 - Hands On ScalaJSAlberto Paro

Alberto Paro - Hands on Scala.jsScala Italy

Modern DevOps across Technologies on premises and clouds with Oracle Manageme...Lucas Jellema

[Pinto] Is my SharePoint Development team properly enlighted?European Collaboration Summit

More from Kai Donato (11)

Testing APEX apps At A GlanceKai Donato

1. The document discusses automated UI testing for Oracle APEX applications. It covers locating page elements, dealing with iframes and different page contexts, session management for navigating between pages, and solutions for flakiness in tests. 2. The presentation recommends the Cypress and Playwright testing frameworks for APEX applications and addresses their capabilities for locating elements, interacting with iframes, and handling sessions. It also provides examples of code for common testing tasks. 3. LowCodeTesting is introduced as the speaker's company's approach to automated testing of APEX apps using a node.js server and supporting interactive selection of elements, reporting of failures, and easy testing of standard components.

APEX Offline – The missing LinkKai Donato

This document discusses building offline capabilities in APEX applications. It provides an example of using offline APEX for weight registration on ships under construction. Key technologies used include service workers to cache resources, cache storage for caching pages and assets, and IndexedDB for storing business data locally. The document also reviews questions to consider around availability, data handling, synchronization, and applications when developing offline functionality. It concludes with promoting live testing capabilities for APEX applications.

>> How toTech-Forward >>Kai Donato

This document summarizes a presentation on confirm and alert dialogs in Oracle APEX. It discusses the basics of confirm and alert dialogs, differences between legacy and new declarative approaches in APEX 21.2, challenges of using JavaScript confirms, and concludes that the new declarative approach provides more customization options and a consistent look and feel, while complex JavaScript scenarios remain difficult.

ICIS User Group - Oberflächentests mittels LCT deklarativ angehenKai Donato

Full Stack Development mit JavaScriptKai Donato

Dieser Vortrag beschäftigt sich mit dem Thema, das heutzutage in aller Munde ist. Immer mehr Projekte werden auf einem sog. „Full Stack“ entwickelt und das teilweise sogar nur von wenigen Personen. Auf Grund der verschwimmenden Grenzen zwischen eingesetzten Technologien, kann beispielsweise ein JavaScript-Entwickler server- und clientseitig programmieren (Browser und Node.js) sowie JSON-basierte Datenbanken (bspw. CouchDB) mit vorhandenem Wissen verwenden. In diesem Vortrag wird ein sog. „Full Stack“ für ein exemplarisches JavaScript-Projekt gezeigt und verschiedene Tools, die für die Entwicklung verwendet werden können, vorgestellt.

APEX and additional Templating EnginesKai Donato

This document discusses additional templating engines that can be used with Oracle Application Express (APEX), including Pug and Handlebars. It provides an overview of templating in APEX using substitution strings and templates. The document demonstrates how to use the Pug templating engine in APEX and discusses some benefits and disadvantages of using additional templating frameworks, such as taking on more responsibility and potentially losing APEX session context. It also lists some tools from MT AG that work with APEX.

JavaScript-Erweiterungen für UI und UXKai Donato

WebSocket my APEX!Kai Donato

Node.js - Von der Entwicklugn bis zum produktiven EinsatzKai Donato

Echtzeitvisualisierung von Twitter und Co.Kai Donato

Avoid Network-Issues and PollingKai Donato

Testing APEX apps At A GlanceKai Donato

APEX Offline – The missing LinkKai Donato

>> How toTech-Forward >>Kai Donato

ICIS User Group - Oberflächentests mittels LCT deklarativ angehenKai Donato

Full Stack Development mit JavaScriptKai Donato

APEX and additional Templating EnginesKai Donato

JavaScript-Erweiterungen für UI und UXKai Donato

WebSocket my APEX!Kai Donato

Node.js - Von der Entwicklugn bis zum produktiven EinsatzKai Donato

Echtzeitvisualisierung von Twitter und Co.Kai Donato

Avoid Network-Issues and PollingKai Donato

Recently uploaded (20)

Building a research repository that works by Clare CadyUXPA Boston

Are you constantly answering, "Hey, have we done any research on...?" It’s a familiar question for UX professionals and researchers, and the answer often involves sifting through years of archives or risking lost insights due to team turnover. Join a deep dive into building a UX research repository that not only stores your data but makes it accessible, actionable, and sustainable. Learn how our UX research team tackled years of disparate data by leveraging an AI tool to create a centralized, searchable repository that serves the entire organization. This session will guide you through tool selection, safeguarding intellectual property, training AI models to deliver accurate and actionable results, and empowering your team to confidently use this tool. Are you ready to transform your UX research process? Attend this session and take the first step toward developing a UX repository that empowers your team and strengthens design outcomes across your organization.

Harmonizing Multi-Agent Intelligence | Open Data Science Conference | Gary Ar...Gary Arora

This deck from my talk at the Open Data Science Conference explores how multi-agent AI systems can be used to solve practical, everyday problems — and how those same patterns scale to enterprise-grade workflows. I cover the evolution of AI agents, when (and when not) to use multi-agent architectures, and how to design, orchestrate, and operationalize agentic systems for real impact. The presentation includes two live demos: one that books flights by checking my calendar, and another showcasing a tiny local visual language model for efficient multimodal tasks. Key themes include: ✅ When to use single-agent vs. multi-agent setups ✅ How to define agent roles, memory, and coordination ✅ Using small/local models for performance and cost control ✅ Building scalable, reusable agent architectures ✅ Why personal use cases are the best way to learn before deploying to the enterprise

Who's choice? Making decisions with and about Artificial Intelligence, Keele ...Alan Dix

Invited talk at Designing for People: AI and the Benefits of Human-Centred Digital Products, Digital & AI Revolution week, Keele University, 14th May 2025 https://www.alandix.com/academic/talks/Keele-2025/ In many areas it already seems that AI is in charge, from choosing drivers for a ride, to choosing targets for rocket attacks. None are without a level of human oversight: in some cases the overarching rules are set by humans, in others humans rubber-stamp opaque outcomes of unfathomable systems. Can we design ways for humans and AI to work together that retain essential human autonomy and responsibility, whilst also allowing AI to work to its full potential? These choices are critical as AI is increasingly part of life or death decisions, from diagnosis in healthcare ro autonomous vehicles on highways, furthermore issues of bias and privacy challenge the fairness of society overall and personal sovereignty of our own data. This talk will build on long-term work on AI & HCI and more recent work funded by EU TANGO and SoBigData++ projects. It will discuss some of the ways HCI can help create situations where humans can work effectively alongside AI, and also where AI might help designers create more effective HCI.

RTP Over QUIC: An Interesting Opportunity Or Wasted Time?Lorenzo Miniero

Longitudinal Benchmark: A Real-World UX Case Study in Onboarding by Linda Bor...UXPA Boston

This is a case study of a three-part longitudinal research study with 100 prospects to understand their onboarding experiences. In part one, we performed a heuristic evaluation of the websites and the getting started experiences of our product and six competitors. In part two, prospective customers evaluated the website of our product and one other competitor (best performer from part one), chose one product they were most interested in trying, and explained why. After selecting the one they were most interested in, we asked them to create an account to understand their first impressions. In part three, we invited the same prospective customers back a week later for a follow-up session with their chosen product. They performed a series of tasks while sharing feedback throughout the process. We collected both quantitative and qualitative data to make actionable recommendations for marketing, product development, and engineering, highlighting the value of user-centered research in driving product and service improvements.

How Top Companies Benefit from OutsourcingNascenture

Build With AI - In Person Session Slides.pdfGoogle Developer Group - Harare

Build with AI events are communityled, handson activities hosted by Google Developer Groups and Google Developer Groups on Campus across the world from February 1 to July 31 2025. These events aim to help developers acquire and apply Generative AI skills to build and integrate applications using the latest Google AI technologies, including AI Studio, the Gemini and Gemma family of models, and Vertex AI. This particular event series includes Thematic Hands on Workshop: Guided learning on specific AI tools or topics as well as a prequel to the Hackathon to foster innovation using Google AI tools.

Slack like a pro: strategies for 10x engineering teamsNacho Cougil

You know Slack, right? It's that tool that some of us have known for the amount of "noise" it generates per second (and that many of us mute as soon as we install it 😅). But, do you really know it? Do you know how to use it to get the most out of it? Are you sure 🤔? Are you tired of the amount of messages you have to reply to? Are you worried about the hundred conversations you have open? Or are you unaware of changes in projects relevant to your team? Would you like to automate tasks but don't know how to do so? In this session, I'll try to share how using Slack can help you to be more productive, not only for you but for your colleagues and how that can help you to be much more efficient... and live more relaxed 😉. If you thought that our work was based (only) on writing code, ... I'm sorry to tell you, but the truth is that it's not 😅. What's more, in the fast-paced world we live in, where so many things change at an accelerated speed, communication is key, and if you use Slack, you should learn to make the most of it. --- Presentation shared at JCON Europe '25 Feedback form: http://tiny.cc/slack-like-a-pro-feedback

OpenAI Just Announced Codex: A cloud engineering agent that excels in handlin...SOFTTECHHUB

Secondary Storage for a microcontroller systemfizarcse

In-App Guidance_ Save Enterprises Millions in Training & IT Costs.pptxaptyai

論文紹介："InfLoRA: Interference-Free Low-Rank Adaptation for Continual Learning" ...Toru Tamaki

Yan-Shuo Liang, Wu-Jun Li,"Adaptive Plasticity Improvement for Continual Learning" CVPR2023 https://openaccess.thecvf.com/content/CVPR2023/html/Liang_Adaptive_Plasticity_Improvement_for_Continual_Learning_CVPR_2023_paper.html Yan-Shuo Liang, Wu-Jun Li,"InfLoRA: Interference-Free Low-Rank Adaptation for Continual Learning" CVPR2024 https://openaccess.thecvf.com/content/CVPR2024/html/Liang_InfLoRA_Interference-Free_Low-Rank_Adaptation_for_Continual_Learning_CVPR_2024_paper.html

May Patch TuesdayIvanti

Ivanti’s Patch Tuesday breakdown goes beyond patching your applications and brings you the intelligence and guidance needed to prioritize where to focus your attention first. Catch early analysis on our Ivanti blog, then join industry expert Chris Goettl for the Patch Tuesday Webinar Event. There we’ll do a deep dive into each of the bulletins and give guidance on the risks associated with the newly-identified vulnerabilities.

Top Hyper-Casual Game Studio ServicesNova Carter

Mastering Testing in the Modern F&B Landscapemarketing943205

Dive into our presentation to explore the unique software testing challenges the Food and Beverage sector faces today. We’ll walk you through essential best practices for quality assurance and show you exactly how Qyrus, with our intelligent testing platform and innovative AlVerse, provides tailored solutions to help your F&B business master these challenges. Discover how you can ensure quality and innovate with confidence in this exciting digital era.

Dark Dynamism: drones, dark factories and deurbanizationJakub Šimek

Startup villages are the next frontier on the road to network states. This book aims to serve as a practical guide to bootstrap a desired future that is both definite and optimistic, to quote Peter Thiel’s framework. Dark Dynamism is my second book, a kind of sequel to Bespoke Balajisms I published on Kindle in 2024. The first book was about 90 ideas of Balaji Srinivasan and 10 of my own concepts, I built on top of his thinking. In Dark Dynamism, I focus on my ideas I played with over the last 8 years, inspired by Balaji Srinivasan, Alexander Bard and many people from the Game B and IDW scenes.

Kit-Works Team Study_팀스터디_김한솔_nuqs_20250509.pdfWonjun Hwang

AI-proof your career by Olivier Vroom and David WIlliamsonUXPA Boston

This talk explores the evolving role of AI in UX design and the ongoing debate about whether AI might replace UX professionals. The discussion will explore how AI is shaping workflows, where human skills remain essential, and how designers can adapt. Attendees will gain insights into the ways AI can enhance creativity, streamline processes, and create new challenges for UX professionals. AI’s influence on UX is growing, from automating research analysis to generating design prototypes. While some believe AI could make most workers (including designers) obsolete, AI can also be seen as an enhancement rather than a replacement. This session, featuring two speakers, will examine both perspectives and provide practical ideas for integrating AI into design workflows, developing AI literacy, and staying adaptable as the field continues to change. The session will include a relatively long guided Q&A and discussion section, encouraging attendees to philosophize, share reflections, and explore open-ended questions about AI’s long-term impact on the UX profession.

DNF 2.0 Implementations Challenges in NepalICT Frame Magazine Pvt. Ltd.

Crazy Incentives and How They Kill Security. How Do You Turn the Wheel?Christian Folini

Everybody is driven by incentives. Good incentives persuade us to do the right thing and patch our servers. Bad incentives make us eat unhealthy food and follow stupid security practices. There is a huge resource problem in IT, especially in the IT security industry. Therefore, you would expect people to pay attention to the existing incentives and the ones they create with their budget allocation, their awareness training, their security reports, etc. But reality paints a different picture: Bad incentives all around! We see insane security practices eating valuable time and online training annoying corporate users. But it's even worse. I've come across incentives that lure companies into creating bad products, and I've seen companies create products that incentivize their customers to waste their time. It takes people like you and me to say "NO" and stand up for real security!

Building a research repository that works by Clare CadyUXPA Boston

Harmonizing Multi-Agent Intelligence | Open Data Science Conference | Gary Ar...Gary Arora

Who's choice? Making decisions with and about Artificial Intelligence, Keele ...Alan Dix

RTP Over QUIC: An Interesting Opportunity Or Wasted Time?Lorenzo Miniero

Longitudinal Benchmark: A Real-World UX Case Study in Onboarding by Linda Bor...UXPA Boston

How Top Companies Benefit from OutsourcingNascenture

Build With AI - In Person Session Slides.pdfGoogle Developer Group - Harare

Slack like a pro: strategies for 10x engineering teamsNacho Cougil

OpenAI Just Announced Codex: A cloud engineering agent that excels in handlin...SOFTTECHHUB

Secondary Storage for a microcontroller systemfizarcse

In-App Guidance_ Save Enterprises Millions in Training & IT Costs.pptxaptyai

論文紹介："InfLoRA: Interference-Free Low-Rank Adaptation for Continual Learning" ...Toru Tamaki

May Patch TuesdayIvanti

Top Hyper-Casual Game Studio ServicesNova Carter

Mastering Testing in the Modern F&B Landscapemarketing943205

Dark Dynamism: drones, dark factories and deurbanizationJakub Šimek

Kit-Works Team Study_팀스터디_김한솔_nuqs_20250509.pdfWonjun Hwang

AI-proof your career by Olivier Vroom and David WIlliamsonUXPA Boston

DNF 2.0 Implementations Challenges in NepalICT Frame Magazine Pvt. Ltd.

Crazy Incentives and How They Kill Security. How Do You Turn the Wheel?Christian Folini

Professional JavaScript Error-Logging

2. Professional JavaScript Error-Logging for Oracle APEX Kai Donato Jun 28, 2017 | Kscope17

3. 3 Facts & Figures Independent Technology House with Cross-Industry Expertise Headquarter Ratingen (North Rhine – Westphalia) 180 Employees Founded 1994 Branches Dortmund, Cologne, Frankfurt am Main Top Company for Trainees & Students Privately- Owned Corporation Oracle Platinum Partner 28 Mio. Euro Revenue

4. 4 • Employee at MT AG in Ratingen since January 2014 • Senior Consultant for APEX Development • DOAG-Initiator - HTML5 and JavaScript • More than 12 Years expertise in Web-Development • Systems Integrations Specialist UNIX-Server and Networkadministration About me @_KaiDonat o KaiDonato

5. Professional JavaScript Error- Logging for Oracle APEX

8. Usually you used to see all kinds of errors logged into the database: • APEX internal errors • Erroneous PLSQL-Routines • Any kind of thrown Exceptions ...But what about JavaScript? Logging with Oracle APEX

9. Doing it the basic/usual way... ... Let the user describe what happened in the UI.

10. „Umm ... I just clicked ... like 3 times on this button ... and it didn‘t do what I expected...“ 🤷🤷♀️

11. „It simply didn‘t do anything.“🤷🤷♂️

12. HTML and JavaScript sent Not happening! ...yet

14. • JavaScript is used in nearly everywhere in APEX ... errors can happen even if you didn‘t write that much JavaScript by yourself • JavaScript-Errors are happening on the client-side ... and they stay there if we don‘t do anything about it • JavaScript might be used just for aesthetic reasons but also for critical parts of the application Why logging JavaScript-Errors?

15. JS-Logger

16. JS-Logger 🚀

17. • The console-object contains functions we can use • console.log/warn/error will be thrown automatically - and if you want - manually • By overwriting these functions we can change/extend their behaviour Console-Object

18. • All JavaScript-Errors/Logs will be inserted into the database or sent via REST-Call to a remote destination of your choice • JS-Logger consists of multiple components: • Dynamic Action Plugin • Database Objects (optional) • APEX-Application for analyzing errors (optional) • Multiple additional libraries were integrated to enrich the error-logs with further helpful details about the environment • Stacktrace.js • Platform.js JS-Logger

19. • The following metrics will be used to track errors: • Platform • Error-message • Stacktrace • Workflow (which are the recently visited pages?) • Current APEX-Page • Application Version JS-Logger

20. How to implement JS-Logger?

21. DEMO

25. Kai Donato Telefon: +49 2102 30961 – 0 [email protected] @_KaiDonato

Professional JavaScript Error-Logging

Recommended

More Related Content

What's hot (20)

Similar to Professional JavaScript Error-Logging (20)

More from Kai Donato (11)

Recently uploaded (20)

Professional JavaScript Error-Logging