Kick ass code editing and end to end JavaScript debugging

•

4 likes•3,089 views

Cloud9 IDE is aiming to be the IDE for Javascript developers. We have all experienced the Eclipse variants and other Java or C++ IDE's for which webdevelopment and javascript was an afterthought. Extending these applications or customizing them to our needs was done in either Java or C++ and generally very difficult. We are developing applications in javascript to run online for a purpose, why shouldn't you do your application development online too? This talk gives an overview over the Cloud9 IDE and delves into the technical details of the code editor and the buildin debugger.

Technology

Kick ass code editing and
end to end JavaScript
debugging
Fabian Jakobs
@fjakobs

Overview

•Code Editor
• IDE Plugins
• Debugger

ACE
Ajax.org Code Editor

• nobody will use an IDE if the editor sucks
• should be able to replace TextMate

Requirements

• cross browser
• fully featured
• conﬁgurable
• scalable
• hackable

Sk y writer
Why not Bespin?

•inefﬁcient in full screen
• not cross browser jQ uer y
• dependency on Sproutcore

Implementation
Options

•Content Editable
• Canvas
• pure DOM

Content Editable

• not enough control
• cross browser issues
• not worth it (for code editing)

Canvas

• full rendering control
• no IE6, IE7, IE8
• implement key/mouse interaction manually

• O(number of pixels)

Pure DOM

• draw text, lines, rectangles
• implement key/mouse interaction manually

• naive O(number of lines)
• better O(number of visible lines)

DOM +
virtual view port
..
..
....
..
...
.... . . ...
.

• rendering a full document in ..
.
.
the DOM doesn‘t scale ..

..

• only render visible rows .
..
.. ..
.
.. . ..

..
.... . . .
.

Renderer

•DOM is used for drawing only
• no state in the DOM
• never read the DOM

Everything is a Plugin

search
ﬁle system code editor
new ﬁle
language modes save

debugger console

What is a plugin

• JavaScript for client code
• JavaScript (node.js) for server code
• XML to describe the UI

Debugging
V8 debugger protocol
over socket.io
IDE IDE
Server Client

V8 debugger protocol
over TCP
?

Application Application
(node) in Chrome

Open Source
Building Blocks
connect node.js
socket.io requireJS

ACE
jsDAV node-github
APF node-o3-xml async.js

Join us
in building an IDE
by JS devs for JS devs.

Thanks for watching!
Fork it on GitHub
http://github.com/ajaxorg/cloud9

Bnd is a build tool that generates OSGi manifest files and configuration. It uses a Bnd.bnd file that follows Java properties format to define build settings and instructions. Bnd enhances Maven and Gradle by allowing configuration of OSGi metadata and dependencies in a single Bnd.bnd file rather than multiple configuration files. It also generates other OSGi files like the declarative services file.

Render thead of hwui

Rouyun Pan

The document summarizes the render thread process for drawing frames in HWUI on Android. It shows that on Android 4.0, UI operations occurred solely on the main thread, while on Android 5.0, UI operations are split between the main thread and a dedicated render thread. The render thread handles drawing frames in parallel to the main thread by syncing frame state, preparing the view tree, and performing the actual draw calls to improve performance.

Livecode widget course

crazyaxe

Debugging Javascript - 0 to Heisenberg

Chris Morrow

MVS: An angular MVC

David Rodenas

Previously I have presented MVC - Model: the great forgotten, in which I have explained what models were for. It was very well received but because it was focused only in the model concept it leak of some important concepts about the whole MVC abstraction or how it make scale into a large AngularJS. In the previous talk I gave some hints, but not all, and the audience asked for more. This presentation explains the whole MVS, and adaptation of MVC leveraging in Angular capacities. It should be presented in the Angular Camp of July 2016, but unfortunately their organizers forgot about it in the votations for talk and different set of talks were selected from the same author. This talk has been given to some of my customers in private sessions.

Debugging javascript by dipil singh saud

Dipil Saud

JavaScript Debugging Tips & Tricks

Sunny Sharma

This document provides tips and tricks for debugging JavaScript. It discusses common JavaScript mistakes like undefined variables, misspellings, case sensitivity issues, and incorrect brackets or parentheses. It also covers debugging techniques like using alert, console.log, try/catch blocks, and sequentially uncommenting code. The document recommends using developer tools, which allow setting breakpoints and stepping through code line-by-line to debug issues. It concludes with inviting questions from the audience.

2011 05-jszurich

Julian Viereck

Ace is a browser-based code editor that aims to be fully-featured, extensible, scalable, and cross-browser compatible without compromising on performance or features. It uses a document model and renderer to display only the visible portions of code for better performance with large files and across browsers. Ace is open source with over 30 contributors and has a growing community around continued development of features like code completion and navigation.

Node.js is a JavaScript runtime built on Chrome's V8 JavaScript engine that allows for writing server-side code in JavaScript. It has a single-threaded, event-driven architecture that makes it efficient for data-intensive real-time applications. Some key advantages of Node.js include using JavaScript for both client-side and server-side code, high performance due to event-driven and non-blocking model, and rich ecosystem of third-party modules. Mobile web apps can be built with Node.js by using HTML5 features and JavaScript on the server and client sides.

Web technologies for desktop development @ berlinjs apps

Darko Kukovec

This document discusses using web technologies like HTML5, CSS, and JavaScript for desktop application development using frameworks like node-webkit. Node-webkit allows creating desktop apps with web technologies by wrapping them in a native application shell using Chromium and node.js. It summarizes several frameworks for hybrid desktop apps including Adobe Air, QT, Chrome Apps, and node-webkit. Node-webkit is highlighted as a good option because it allows leveraging existing web development skills and has good support for native desktop capabilities and debugging tools. Examples are given of companies using node-webkit for kiosk apps, desktop programs, and hardware integration.

Getting started with Emscripten – Transpiling C / C++ to JavaScript / HTML5

David Voyles

20120306 dublin js

Richard Rodger

The document discusses how JavaScript can be used from the user interface on mobile and web apps through to the server and database using techniques like Node.js. It provides examples of how Node.js allows for high performance server-side JavaScript and how MongoDB can be used as a database. The document outlines lessons learned around challenges of multi-platform development and benefits of outsourcing databases and other services.

ngGoBuilder and collaborative development between San Francisco and Tokyo

notolab

This document discusses ngGoBuilder, a game engine and set of tools for developing games using ngCore. It describes ngGoBuilder 1.x features like scrolling layers and particle effects. It then discusses plans for ngGoBuilder 2.0 which will focus on a better user experience and include ngCore, debugging tools, and sample games. Future roadmaps include improved animation support and integration with the ngServer platform. The document also covers collaboration between the San Francisco and Tokyo teams working on the project.

C++ on the Web: Run your big 3D game in the browser

Andre Weissflog

How to contribute textual tooling for apache camel in several id es

Aurélien Pupier

Micro servoces-choose-the-right-tools-programing-language

Youness Lasmak

Radu vunvulea building and testing windows 8 metro style applications using ...

Radu Vunvulea

Building Real-World Dojo Web Applications

Andrew Ferrier

This document discusses building real-world web applications with Dojo. It provides an overview of how web applications have evolved from static Web 1.0 models to more dynamic Web 2.0 models using AJAX, REST, and JSON. It introduces Dojo as a JavaScript library for building rich web applications and discusses Dojo concepts like widgets, modules, and best practices for designing, developing, and testing Dojo applications.

Development with Qt for Windows CE

account inactive

NetWork - 15.10.2011 - Applied code generation in .NET

Dmytro Mindra

This document discusses code generation in .NET. It begins by outlining some common problems developers face when dealing with large amounts of repetitive code. It then discusses various approaches to solving this problem, including hand coding everything, fully generic design, and using a combination of tools including code generation. The rest of the document discusses specific code generation tools for .NET like StringBuilder, CodeSnippets, XSLT, Reflection.Emit, EnvDTE, CodeDom, and T4. It also discusses pros and cons of each approach and provides examples of using code generation in different real world scenarios.

Phonegap for Engineers

Brian LeRoux

PhoneGap allows developers to build native mobile apps using web technologies like HTML, CSS, and JavaScript. It works by wrapping web content in a native container on each mobile platform, allowing developers to write code once and deploy it across iOS, Android, BlackBerry, and other platforms. PhoneGap uses a plugin architecture that enables accessing native device APIs like the camera, contacts, and geolocation from JavaScript. It supports many mobile browsers and platforms, while providing tools for compiling, debugging, and deploying apps.

Nodejs Native Add-Ons from zero to hero

Nicola Del Gobbo

Nicola Del Gobbo presented on developing Node.js native addons from scratch. Native addons allow integration of C/C++ code and libraries with Node.js for performance benefits. They can be loaded using require() but require special handling to interface with JavaScript. The presentation covered why to use native addons, how to structure a project, asynchronous programming, and interfacing with Node.js objects like EventEmitters and streams. Upcoming N-API will improve compatibility across Node.js versions and platforms.

Developing a mobile cross-platform library

Kostis Dadamis

Here, I am including the experience I had while exploring solutions for developing a mobile cross-platform library, i.e. a single codebase that could be part of mobile apps running under different platforms. It covers my journey from mobile cross-platform developments tools (PhoneGap, Titanium, and the likes), code porting tools, and WebViews that weren't up to the task, to C++ and JavaScript engines that did work. There aren't many resources out there explaining how to approach this problem, so we thought it could be helpful if we shared this experience.

DevTeach Montreal - 2012-12-11 - Windows 8 & HTML5: friends with benefits

Frédéric Harper

Windows 8 and HTML5 are compatible technologies that can be used together to create engaging apps and experiences. Microsoft's Internet Explorer 10 and Windows 8 support many HTML5 and CSS3 features in a hardware-accelerated way for high performance. Popular features like geolocation, canvas, video and audio work well in both Windows 8 and IE10 apps. While there are some differences between developing for the web versus Windows apps, developers can leverage the Windows Runtime and WinJS to build apps that integrate well with the Windows experience. Tools are available to help developers utilize these technologies and standards to create the next generation of apps and experiences across devices and contexts.

[Td 2015] what is new in visual c++ 2015 and future directions(ulzii luvsanba...

Sang Don Kim

A Lap Around Visual Studio 11

Chad Green

This document provides an overview of new features in Visual Studio 11, including improvements to the IDE, debugging tools, JavaScript support, and round-tripping capabilities between Visual Studio versions. It discusses enhancements to Solution Explorer, the Find and Replace tools, and debugging for JavaScript. The author recommends upgrading to take advantage of new capabilities for Windows 8 development and .NET 4.5 projects.

Auto cad 2006_api_overview

scdhruv5

This document provides an overview of the AutoCAD 2006 API and how developers can transition applications to use the new .NET interface. It discusses porting existing code, leveraging new features, and the advantages of the .NET platform. Key topics include using transactions instead of Open/Close, nesting transactions, and interoperability between .NET, COM, ObjectARX, and LISP. The document also provides guidance on .NET programming concepts, settings for managed C++ extensions, and accessing unmanaged code via platform invoke.

Node.js Native AddOns from zero to hero - Nicola Del Gobbo - Codemotion Rome ...

Codemotion

This talk is about creating Node.js interfaces for native libraries written in C or C++. It starts with various situations in which you need to build native addons and the common problems in doing that. I'll discuss the reference provided by the new N-API (Node-API) that helps mantainers to support a wide variety of Node.js releases without needing recompilation or abstraction layers. With all these tools and knowledge I'll show you how to build some addons from scratch and how to convert existing addons using the new N-API. The last part is related to future developments about addons.

Amsterdam.js talk: node webkit

Fabian Jakobs

Node-webkit allows developers to create native desktop applications using HTML, CSS, and JavaScript by embedding Node.js in the Chromium browser framework. It provides access to common web technologies like HTML5 features as well as Node.js modules and desktop capabilities like native menus, file system access, and more. Node-webkit applications can be built for Windows, Mac, and Linux and are useful for building games, editors, file browsers, and offline versions of web apps. More information on developing with node-webkit can be found on its GitHub wiki and in related presentations and podcasts.

Bespin, Skywriter, Ace The Past, Present and Future of online Code Editing

Fabian Jakobs

More and more sites allow code to be edited in the browser... anything from simple templates all the way up to complete applications integrating both client and server code. The most popular editor for this purpose is probably still <textarea>, which is a terrible code editor (just hit the tab key to see what I mean!) There's no excuse for just using <textarea> any more. The Ajax.org Cloud9 Editor (Ace) project was born out of Ajax.org's Cloud9 IDE cloud-based coding environment and Mozilla's Bespin/Skywriter project. With this project, we're creating an easily embeddable, "no compromises" editor. In our talk, we'll show off how you can: Use Ace in your own projects by adding just a couple of lines to your page Configure Ace to your tastes Extend Ace with custom features Along the way, you'll see a number of Ace's features that go beyond just syntax highlighting: live syntax checking, highlight uses of variables, easy keyboard navigation (even for vim users!) and more.

Similar to Kick ass code editing and end to end JavaScript debugging

20120802 timisoara

Richard Rodger

Web technologies for desktop development @ berlinjs apps

Darko Kukovec

Getting started with Emscripten – Transpiling C / C++ to JavaScript / HTML5

David Voyles

20120306 dublin js

Richard Rodger

ngGoBuilder and collaborative development between San Francisco and Tokyo

notolab

C++ on the Web: Run your big 3D game in the browser

Andre Weissflog

How to contribute textual tooling for apache camel in several id es

Aurélien Pupier

Micro servoces-choose-the-right-tools-programing-language

Youness Lasmak

Radu vunvulea building and testing windows 8 metro style applications using ...

Radu Vunvulea

Building Real-World Dojo Web Applications

Andrew Ferrier

Development with Qt for Windows CE

account inactive

NetWork - 15.10.2011 - Applied code generation in .NET

Dmytro Mindra

Phonegap for Engineers

Brian LeRoux

Nodejs Native Add-Ons from zero to hero

Nicola Del Gobbo

Developing a mobile cross-platform library

Kostis Dadamis

DevTeach Montreal - 2012-12-11 - Windows 8 & HTML5: friends with benefits

Frédéric Harper

[Td 2015] what is new in visual c++ 2015 and future directions(ulzii luvsanba...

Sang Don Kim

A Lap Around Visual Studio 11

Chad Green

Auto cad 2006_api_overview

scdhruv5

Node.js Native AddOns from zero to hero - Nicola Del Gobbo - Codemotion Rome ...

Codemotion

Similar to Kick ass code editing and end to end JavaScript debugging (20)

20120802 timisoara

Web technologies for desktop development @ berlinjs apps

Getting started with Emscripten – Transpiling C / C++ to JavaScript / HTML5

20120306 dublin js

ngGoBuilder and collaborative development between San Francisco and Tokyo

C++ on the Web: Run your big 3D game in the browser

How to contribute textual tooling for apache camel in several id es

Micro servoces-choose-the-right-tools-programing-language

Radu vunvulea building and testing windows 8 metro style applications using ...

Building Real-World Dojo Web Applications

Development with Qt for Windows CE

NetWork - 15.10.2011 - Applied code generation in .NET

Phonegap for Engineers

Nodejs Native Add-Ons from zero to hero

Developing a mobile cross-platform library

DevTeach Montreal - 2012-12-11 - Windows 8 & HTML5: friends with benefits

[Td 2015] what is new in visual c++ 2015 and future directions(ulzii luvsanba...

A Lap Around Visual Studio 11

Auto cad 2006_api_overview

Node.js Native AddOns from zero to hero - Nicola Del Gobbo - Codemotion Rome ...

More from Fabian Jakobs

Amsterdam.js talk: node webkit

Fabian Jakobs

Bespin, Skywriter, Ace The Past, Present and Future of online Code Editing

Fabian Jakobs

Autopsy Of A Widget

Fabian Jakobs

With modern JavaScript frameworks like ExtJS, SproutCore or qooxdoo, it is possible to create very rich user interfaces using only open web standards. But how do they do it? How do they work internally? In this talk I will open the thorax of a simple qooxdoo widget and look at the various layers and building blocks used to implement it. You will learn how the widget is represented in the DOM, how events are handled, and how the layout engine works. Often there is more than a single way to achieve something. In those cases the different options and qooxdoo's specific design decision will be presented.

Masterin Large Scale Java Script Applications

Fabian Jakobs

Writing large desktop-like web applications is a challenge. Adapting such an application to different markets, languages or brands is even more of a challenge. This talk shows how the open source JavaScript framework qooxdoo can be leveraged to build such a rich internet application. As a real-life example the free web mail client gmx.com is used. This talk discusses the development model, customization and deployment of such an application. Learn how JavaScript applications of this size and complexity are fundamentally different from classic web applications, and what issues come up when building fast, multi-language, multi-brand JavaScript applications.

Tdd For GuIs

Fabian Jakobs

Und es geht doch - TDD für GUIs

Fabian Jakobs

Test Driven Development ist eines der wichtigsten Methoden aus dem Extreme Programming um hohe Softwarequalität zu garantieren und agil auf Änderungen reagieren zu können. Es hält sich allerdings sehr hartnäckig die Legende, dass man TDD für die Entwicklung von Benutzeroberlächen nicht anwenden kann. In diesem Vortrag werden Architekturansätze und Techniken vorgestellt, die es erlauben testbare Benutzeroberflächen zu schreiben.

Lecture 8 - Qooxdoo - Rap Course At The University Of Szeged

Fabian Jakobs

This presentation introduces the Qooxdoo JavaScript framework. Qooxdoo allows building rich desktop-style applications that run in a web browser. The presentation covers the architecture of Qooxdoo applications, the available widgets and layout managers, and demonstrates how to create a simple temperature converter application using test-driven development principles in Qooxdoo. Hands-on exercises guide attendees in using the Qooxdoo tooling and developing a basic user interface.

Going Virtual

Fabian Jakobs

The document discusses a new virtual widget framework called Virtual Widget for the qooxdoo library. The framework uses a virtual pane component that renders only a portion of data to allow for virtual scrolling and variable cell sizes. Additional layers can be added to the pane for features like row coloring, grid lines, or custom cell types. A scroller component is also included to provide scroll bars for the virtual pane.

Going Virtual

Fabian Jakobs

The document discusses the Virtual Widget Framework, a new approach to web development in qooxdoo 0.8. It allows for virtual scrolling and variable cell sizes in tables. The core component is the VirtualPane, which renders a window of a virtual grid. Additional layers can be added for features like row coloring, grid lines, and embedding widgets or HTML in cells. The framework supports features like selection, focus, cell rendering and editing, headers, grouping, and column resizing. It aims to have low dependencies, no policies or implicit actions, and a small customizable API.

Qooxdoo 0.8 - Das Neue Gui Toolkit

Fabian Jakobs

Ajax In Action 2008 - Gui Development With qooxdoo

Fabian Jakobs

DLW Europe - JavaScript Tooling

Fabian Jakobs

More from Fabian Jakobs (12)

Amsterdam.js talk: node webkit

Bespin, Skywriter, Ace The Past, Present and Future of online Code Editing

Autopsy Of A Widget

Masterin Large Scale Java Script Applications

Tdd For GuIs

Und es geht doch - TDD für GUIs

Lecture 8 - Qooxdoo - Rap Course At The University Of Szeged

Going Virtual

Qooxdoo 0.8 - Das Neue Gui Toolkit

Ajax In Action 2008 - Gui Development With qooxdoo

DLW Europe - JavaScript Tooling

Recently uploaded

20240607 QFM018 Elixir Reading List May 2024

Matthew Sinclair

Large Language Model (LLM) and it’s Geospatial Applications

Rohit Gautam

20240605 QFM017 Machine Intelligence Reading List May 2024

Matthew Sinclair

Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf

Malak Abu Hammad

Discover how MongoDB Atlas and vector search technology can revolutionize your application's search capabilities. This comprehensive presentation covers: * What is Vector Search? * Importance and benefits of vector search * Practical use cases across various industries * Step-by-step implementation guide * Live demos with code snippets * Enhancing LLM capabilities with vector search * Best practices and optimization strategies Perfect for developers, AI enthusiasts, and tech leaders. Learn how to leverage MongoDB Atlas to deliver highly relevant, context-aware search results, transforming your data retrieval process. Stay ahead in tech innovation and maximize the potential of your applications. #MongoDB #VectorSearch #AI #SemanticSearch #TechInnovation #DataScience #LLM #MachineLearning #SearchTechnology

Monitoring Java Application Security with JDK Tools and JFR Events

Ana-Maria Mihalceanu

A tale of scale & speed: How the US Navy is enabling software delivery from l...

sonjaschweigert1

Rapid and secure feature delivery is a goal across every application team and every branch of the DoD. The Navy’s DevSecOps platform, Party Barge, has achieved: - Reduction in onboarding time from 5 weeks to 1 day - Improved developer experience and productivity through actionable findings and reduction of false positives - Maintenance of superior security standards and inherent policy enforcement with Authorization to Operate (ATO) Development teams can ship efficiently and ensure applications are cyber ready for Navy Authorizing Officials (AOs). In this webinar, Sigma Defense and Anchore will give attendees a look behind the scenes and demo secure pipeline automation and security artifacts that speed up application ATO and time to production. We will cover: - How to remove silos in DevSecOps - How to build efficient development pipeline roles and component templates - How to deliver security artifacts that matter for ATO’s (SBOMs, vulnerability reports, and policy evidence) - How to streamline operations with automated policy checks on container images

Data structures and Algorithms in Python.pdf

TIPNGVN2

Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...

SOFTTECHHUB

The choice of an operating system plays a pivotal role in shaping our computing experience. For decades, Microsoft's Windows has dominated the market, offering a familiar and widely adopted platform for personal and professional use. However, as technological advancements continue to push the boundaries of innovation, alternative operating systems have emerged, challenging the status quo and offering users a fresh perspective on computing. One such alternative that has garnered significant attention and acclaim is Nitrux Linux 3.5.0, a sleek, powerful, and user-friendly Linux distribution that promises to redefine the way we interact with our devices. With its focus on performance, security, and customization, Nitrux Linux presents a compelling case for those seeking to break free from the constraints of proprietary software and embrace the freedom and flexibility of open-source computing.

GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024

Neo4j

Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...

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.

GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...

Neo4j

Leonard Jayamohan, Partner & Generative AI Lead, Deloitte This keynote will reveal how Deloitte leverages Neo4j’s graph power for groundbreaking digital twin solutions, achieving a staggering 100x performance boost. Discover the essential role knowledge graphs play in successful generative AI implementations. Plus, get an exclusive look at an innovative Neo4j + Generative AI solution Deloitte is developing in-house.

PCI PIN Basics Webinar from the Controlcase Team

ControlCase

Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf

Paige Cruz

Monitoring and observability aren’t traditionally found in software curriculums and many of us cobble this knowledge together from whatever vendor or ecosystem we were first introduced to and whatever is a part of your current company’s observability stack. While the dev and ops silo continues to crumble….many organizations still relegate monitoring & observability as the purview of ops, infra and SRE teams. This is a mistake - achieving a highly observable system requires collaboration up and down the stack. I, a former op, would like to extend an invitation to all application developers to join the observability party will share these foundational concepts to build on:

Presentation of the OECD Artificial Intelligence Review of Germany

innovationoecd

“I’m still / I’m still / Chaining from the Block”

Claudio Di Ciccio

GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...

Neo4j

Sudheer Mechineni, Head of Application Frameworks, Standard Chartered Bank Discover how Standard Chartered Bank harnessed the power of Neo4j to transform complex data access challenges into a dynamic, scalable graph database solution. This keynote will cover their journey from initial adoption to deploying a fully automated, enterprise-grade causal cluster, highlighting key strategies for modelling organisational changes and ensuring robust disaster recovery. Learn how these innovations have not only enhanced Standard Chartered Bank’s data infrastructure but also positioned them as pioneers in the banking sector’s adoption of graph technology.

Introduction to CHERI technology - Cybersecurity

mikeeftimakis1

Artificial Intelligence for XMLDevelopment

Octavian Nadolu

In the rapidly evolving landscape of technologies, XML continues to play a vital role in structuring, storing, and transporting data across diverse systems. The recent advancements in artificial intelligence (AI) present new methodologies for enhancing XML development workflows, introducing efficiency, automation, and intelligent capabilities. This presentation will outline the scope and perspective of utilizing AI in XML development. The potential benefits and the possible pitfalls will be highlighted, providing a balanced view of the subject. We will explore the capabilities of AI in understanding XML markup languages and autonomously creating structured XML content. Additionally, we will examine the capacity of AI to enrich plain text with appropriate XML markup. Practical examples and methodological guidelines will be provided to elucidate how AI can be effectively prompted to interpret and generate accurate XML markup. Further emphasis will be placed on the role of AI in developing XSLT, or schemas such as XSD and Schematron. We will address the techniques and strategies adopted to create prompts for generating code, explaining code, or refactoring the code, and the results achieved. The discussion will extend to how AI can be used to transform XML content. In particular, the focus will be on the use of AI XPath extension functions in XSLT, Schematron, Schematron Quick Fixes, or for XML content refactoring. The presentation aims to deliver a comprehensive overview of AI usage in XML development, providing attendees with the necessary knowledge to make informed decisions. Whether you’re at the early stages of adopting AI or considering integrating it in advanced XML development, this presentation will cover all levels of expertise. By highlighting the potential advantages and challenges of integrating AI with XML development tools and languages, the presentation seeks to inspire thoughtful conversation around the future of XML development. We’ll not only delve into the technical aspects of AI-powered XML development but also discuss practical implications and possible future directions.

How to Get CNIC Information System with Paksim Ga.pptx

danishmna97

20240609 QFM020 Irresponsible AI Reading List May 2024

Matthew Sinclair

Recently uploaded (20)

20240607 QFM018 Elixir Reading List May 2024

Large Language Model (LLM) and it’s Geospatial Applications

20240605 QFM017 Machine Intelligence Reading List May 2024

Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf

Monitoring Java Application Security with JDK Tools and JFR Events

A tale of scale & speed: How the US Navy is enabling software delivery from l...

Data structures and Algorithms in Python.pdf

Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...

GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024

Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...

GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...

PCI PIN Basics Webinar from the Controlcase Team

Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf

Presentation of the OECD Artificial Intelligence Review of Germany

“I’m still / I’m still / Chaining from the Block”

GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...

Introduction to CHERI technology - Cybersecurity

Artificial Intelligence for XMLDevelopment

How to Get CNIC Information System with Paksim Ga.pptx

20240609 QFM020 Irresponsible AI Reading List May 2024

Kick ass code editing and end to end JavaScript debugging

1. Kick ass code editing and end to end JavaScript debugging Fabian Jakobs @fjakobs

2. Code Editor + Debugger = ?

3. Code Editor + Debugger = IDE

5. Overview •Code Editor • IDE Plugins • Debugger

6. Demo

7. Editor

8. ACE Ajax.org Code Editor • nobody will use an IDE if the editor sucks • should be able to replace TextMate

9. Requirements • cross browser • fully featured • conﬁgurable • scalable • hackable

10. Sk y writer Why not Bespin? •inefﬁcient in full screen • not cross browser jQ uer y • dependency on Sproutcore

11. Implementation Options •Content Editable • Canvas • pure DOM

12. Content Editable • not enough control • cross browser issues • not worth it (for code editing)

13. Canvas • full rendering control • no IE6, IE7, IE8 • implement key/mouse interaction manually • O(number of pixels)

14. Pure DOM • draw text, lines, rectangles • implement key/mouse interaction manually • naive O(number of lines) • better O(number of visible lines)

15. DOM + virtual view port .. .. .... .. ... .... . . ... . • rendering a full document in .. . . the DOM doesn‘t scale .. .. • only render visible rows . .. .. .. . .. . .. .. .... . . . .

16. Renderer •DOM is used for drawing only • no state in the DOM • never read the DOM

17. Layers

18. Layers

19. Demo

20. IDE Plugins

21. Everything is a Plugin search ﬁle system code editor new ﬁle language modes save debugger console

22. What is a plugin • JavaScript for client code • JavaScript (node.js) for server code • XML to describe the UI

23. Video

24.

25. Debugger

26. Debugging V8 debugger protocol over socket.io IDE IDE Server Client V8 debugger protocol over TCP ? Application Application (node) in Chrome

27. Demo

28. cloud9 - Eclipse Google Docs - Word

29. Open Source Building Blocks connect node.js socket.io requireJS ACE jsDAV node-github APF node-o3-xml async.js

30. Cloud9 IDE open sourced TODAY

31. Join us in building an IDE by JS devs for JS devs.

32. Thanks for watching! Fork it on GitHub http://github.com/ajaxorg/cloud9

Kick ass code editing and end to end JavaScript debugging

Recommended

Recommended

More Related Content

Similar to Kick ass code editing and end to end JavaScript debugging

Similar to Kick ass code editing and end to end JavaScript debugging (20)

More from Fabian Jakobs

More from Fabian Jakobs (12)

Recently uploaded

Recently uploaded (20)

Kick ass code editing and end to end JavaScript debugging