Javascript debugging
•Download as ODP, PDF•
0 likes•323 views
This document provides tips for debugging JavaScript code using the Chrome developer tools, including turning off caching, using breakpoints to analyze code flow, examining variables at breakpoints, using the interactive console, viewing the call stack, and setting DOM breakpoints. It recommends best practices like avoiding inline JavaScript and using console.log for debugging.
Report
Share
Report
Share
Recommended
Reintroducing Web Technology
This document provides an overview of key web technologies including HTTP, XML, HTML, XHTML, CSS, JavaScript, DOM, SVG, and Unicode. It discusses what each technology is, the latest versions, and basic properties and functionality. For example, it states that HTTP is the underlying protocol for the web, XML is a simplified version of SGML used for data exchange, and CSS is used to separate style from content in HTML and XML documents.
2013 - Brian Stanley - Memcached, Cached all the things
This document discusses Memcached, a distributed caching system that stores data and objects in memory for fast access. It can be used to cache database queries, API responses, and other computationally expensive operations. Memcached is an in-memory key-value store that uses a simple client-server architecture over TCP/IP or UDP. It allows storing and retrieving arbitrary data (strings, objects) indexed by keys.
Brubeck: The Lightning Talk
Brubeck is a Python web framework built on top of Mongrel2, an asynchronous web server. It uses coroutines and message passing via ZeroMQ sockets for concurrency. Models are defined using DictShield, which allows for database-agnostic validation and storage without an ORM. This allows applications to be both database and backend platform agnostic.
Intro to GO (Bangkok Launchpad 2014)
The document introduces GO and discusses why a consulting firm chose to build an instant messaging server using GO. It provides an overview of GO, including that it is a lightweight programming language developed by Google that uses garbage collection and makes concurrency easy using goroutines and channels. The document also provides code samples and discusses getting started with GO development.
Node.js for Rubists
Node.js is an asynchronous I/O library for JavaScript that aims to provide an easy way to build scalable network programs. It keeps slow operations from blocking other operations through non-blocking I/O and by utilizing a single-threaded event loop model. This allows Node.js applications to handle a large number of concurrent connections using a single process, without the overhead of threads. CommonJS modules provide portability for JavaScript libraries between Node.js and other environments like browsers.
Marcelo Camargo - Let's dive into Babel: how everything works
Apresentado na React Conf Brasil, em São Paulo, 7 de Outubro de 2017 #reactconfbr
Yes, He is a duck. Programming languages researcher. Core developer at @quack lang, R&D on @rung-tools. Haskell enthusiast and functional programming evangelist.
https://github.com/haskellcamargo
@nexwire
- Patrocínio: Pipefy, Globo.com, Meteor, Apollo, Taller, Fullcircle, Quanto, Udacity, Cubos, Segware, Entria
- Apoio: Concrete, Rung, LuizaLabs, Movile, Rivendel, GreenMile, STQ, Hi Platform
- Promoção: InfoQ, DevNaEstrada, CodamosClub, JS Ladies, NodeBR, Training Center, BrazilJS, Tableless, GeekHunter
- Afterparty: An English Thing
Jinx - Malware 2.0
Browsers nowadays are competing with operating systems as the next application development platform. The rapid development of Web 2.0 keeps pushing browser developers into implementing advanced features that allow the creation of interactive multimedia applications. This sets the grounds for a new fertile environment in which a new breed of malware can come to life. Malware that is OS and architecture independent, as covert as a cutting edge rootkit but at the same time implemented through a series of API\'s and a generous variety of high-level OOP languages simplifying the task
Ajax Patterns : Periodic Refresh & Multi Stage Download
Periodic refresh and multi-stage download are design patterns for updating content. Periodic refresh checks the server at regular intervals for new information and notifies users. Multi-stage download loads basic functionality initially and additional components in the background over time to improve the user experience for both fast and slow connections. Examples include ESPN scoreboards, Gmail notifications, and Microsoft Start.com.
Recommended
Reintroducing Web Technology
This document provides an overview of key web technologies including HTTP, XML, HTML, XHTML, CSS, JavaScript, DOM, SVG, and Unicode. It discusses what each technology is, the latest versions, and basic properties and functionality. For example, it states that HTTP is the underlying protocol for the web, XML is a simplified version of SGML used for data exchange, and CSS is used to separate style from content in HTML and XML documents.
2013 - Brian Stanley - Memcached, Cached all the things
This document discusses Memcached, a distributed caching system that stores data and objects in memory for fast access. It can be used to cache database queries, API responses, and other computationally expensive operations. Memcached is an in-memory key-value store that uses a simple client-server architecture over TCP/IP or UDP. It allows storing and retrieving arbitrary data (strings, objects) indexed by keys.
Brubeck: The Lightning Talk
Brubeck is a Python web framework built on top of Mongrel2, an asynchronous web server. It uses coroutines and message passing via ZeroMQ sockets for concurrency. Models are defined using DictShield, which allows for database-agnostic validation and storage without an ORM. This allows applications to be both database and backend platform agnostic.
Intro to GO (Bangkok Launchpad 2014)
The document introduces GO and discusses why a consulting firm chose to build an instant messaging server using GO. It provides an overview of GO, including that it is a lightweight programming language developed by Google that uses garbage collection and makes concurrency easy using goroutines and channels. The document also provides code samples and discusses getting started with GO development.
Node.js for Rubists
Node.js is an asynchronous I/O library for JavaScript that aims to provide an easy way to build scalable network programs. It keeps slow operations from blocking other operations through non-blocking I/O and by utilizing a single-threaded event loop model. This allows Node.js applications to handle a large number of concurrent connections using a single process, without the overhead of threads. CommonJS modules provide portability for JavaScript libraries between Node.js and other environments like browsers.
Marcelo Camargo - Let's dive into Babel: how everything works
Apresentado na React Conf Brasil, em São Paulo, 7 de Outubro de 2017 #reactconfbr
Yes, He is a duck. Programming languages researcher. Core developer at @quack lang, R&D on @rung-tools. Haskell enthusiast and functional programming evangelist.
https://github.com/haskellcamargo
@nexwire
- Patrocínio: Pipefy, Globo.com, Meteor, Apollo, Taller, Fullcircle, Quanto, Udacity, Cubos, Segware, Entria
- Apoio: Concrete, Rung, LuizaLabs, Movile, Rivendel, GreenMile, STQ, Hi Platform
- Promoção: InfoQ, DevNaEstrada, CodamosClub, JS Ladies, NodeBR, Training Center, BrazilJS, Tableless, GeekHunter
- Afterparty: An English Thing
Jinx - Malware 2.0
Browsers nowadays are competing with operating systems as the next application development platform. The rapid development of Web 2.0 keeps pushing browser developers into implementing advanced features that allow the creation of interactive multimedia applications. This sets the grounds for a new fertile environment in which a new breed of malware can come to life. Malware that is OS and architecture independent, as covert as a cutting edge rootkit but at the same time implemented through a series of API\'s and a generous variety of high-level OOP languages simplifying the task
Ajax Patterns : Periodic Refresh & Multi Stage Download
Periodic refresh and multi-stage download are design patterns for updating content. Periodic refresh checks the server at regular intervals for new information and notifies users. Multi-stage download loads basic functionality initially and additional components in the background over time to improve the user experience for both fast and slow connections. Examples include ESPN scoreboards, Gmail notifications, and Microsoft Start.com.
Introduction to javaScript
This document provides an introduction to JavaScript, covering its basics as a client-side scripting language, syntax, variables, conditionals, loops, functions, events, objects, AJAX functionality, and more. JavaScript can be used to add interactive elements to web pages without reloading, and uses standards like XMLHttpRequest to asynchronously exchange data with servers in the background. AJAX examples demonstrate how JavaScript can retrieve external data files to dynamically update page content.
IT Operations for Web Developers
Some linux background needed for web and rails developers.
Internal session for interns and new comers at eSpace
Node js first look - 2016
Node.js is a JavaScript runtime built on Chrome's V8 JavaScript engine that uses an event-driven, non-blocking I/O model. It allows creation of web servers and networking tools using JavaScript. The npm package ecosystem is the largest ecosystem of open source libraries in the world and is the default package manager for Node.js. Node.js has asynchronous, non-blocking APIs and uses an event loop model that makes it lightweight and efficient for building scalable web servers and applications.
CPAN Gems From The Far East
Kolon and TTerse are pluggable template syntax options for XSLATE, a full-featured and fast templating system that is 158 times faster than TT2. XSLATE's website is at http://xslate.org. HTTP::Async is a HTTP client that is 7 times faster than LWP and 4 times faster than HTTP::Lite, making it good for REST APIs but not user agent tasks. Server::Starter is a wrapper that allows hot reloading of network servers by listening on a port and restarting on HUP. DBIx::Class provides a cleaner SQL::Abstract clone that is easier to extend. Test::mysqld and Test::postgresql allow easily bringing up database instances for
Ajax
AJAX is a technique for building fast, dynamic web applications by exchanging small amounts of data with the server behind the scenes without reloading the entire web page. It uses a combination of technologies including JavaScript, XML, HTML and CSS to retrieve data from the server asynchronously in the background without interfering with the display and behavior of the existing page. The XMLHttpRequest object plays a key role by providing a way for JavaScript to make HTTP requests directly to a web server, enabling asynchronous data retrieval and manipulation of page elements without reloading.
A bit more of PE
This document discusses oddities that can be found in Portable Executable (PE) file formats. It describes how static elements like the DOS header, image base, entry point, and sections can be manipulated in non-standard ways. It also explains how dynamic loading behaviors are affected by these oddities, such as through the thread local storage, relocations, and different parsing of headers and data directories between on-disk and in-memory formats. The document promotes further understanding of PE files through the use of proof of concepts provided on related websites.
WebAssembly: A New World of Native Exploits on the Browser
WebAssembly (WASM) is a new technology being developed by the major browser vendors through the W3C. A direct descendent of NaCl and Asm.js, the idea is to allow web developers to run native (e.g. C/C++) code in a web page at near-native performance. WASM is already widely supported in the latest versions of all major browsers, and new use case examples are constantly popping up in the wild. Notable examples include 3D model rendering, interface design, visual data processing, and video games. Beyond providing significant performance benefits to developers, WebAssembly is also touted as being exceptionally secure. Developers claim that buffer overflows will be an impossibility, as any attempted access to out-of-bounds memory will be caught by a Javascript error. Their documentation claims that control flow integrity is enforced implicitly and that "common mitigations such as data execution prevention (DEP) and stack smashing protection (SSP) are not needed by WebAssembly programs." However, the documentation also outlines several possible vectors of attacks, including race conditions, code reuse attacks, and side channel attacks.
The goal of this talk is to provide a basic introduction to WebAssembly and examine the actual security risks that a developer may take on by using it. We will cover the low-level semantics of WebAssembly, including the Javascript API, the linear memory model, and the use of tables as function pointers. We will cover several examples demonstrating the theoretical security implications of WASM, such as linear memory being shared between modules and the passing of a Javascript 'Number' to a WASM function that expects a signed integer. We will also cover Emscripten, which is currently the most popular WebAssembly compiler toolchain. Our assessment of Emscripten will include its implementation of compiler-and-linker-level exploit mitigations as well as the internal hardening of its libc implementation, and how it's augmentation of WASM introduces new attack vectors and methods of exploitation. As part of this we will also provide practical examples of memory corruption exploits in the WASM environment that may lead to hijacking control flow or even executing arbitrary JavaScript within the context of the web page. Finally, we will provide a basic outline of best practices and security considerations for developers wishing to integrate WebAssembly into their product.
Jsp
Java Server Pages (JSP) is a technology that allows developers to embed Java code in HTML pages to create dynamic web content. JSP pages are compiled into servlets, so they can benefit from the full functionality of the Java programming language. The JSP lifecycle involves compilation, initialization, execution, and cleanup similar to a servlet lifecycle. Key tags like scriptlets allow inserting Java code directly into JSP pages to generate dynamic output.
Ajax
AJAX is a new approach to web application development that uses asynchronous JavaScript and XML to transmit small amounts of data in the background without interfering with the display and behavior of the existing page. Some key aspects of AJAX include asynchronous data retrieval using XMLHttpRequest, data interchange formats like XML/JSON, dynamic display using the DOM, and JavaScript binding it all together for a more responsive user experience compared to traditional full page loads. Common AJAX design patterns address issues like predictive fetching of likely next data, throttling frequent submissions, periodic refreshing of data, and multi-stage downloading of pages and components.
Node js
Node.js is a JavaScript runtime built on Chrome's V8 engine that allows JavaScript to run on the server side or as a standalone application. It uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, as it can handle multiple concurrent connections while waiting for responses. Common uses of Node.js include building web servers, real-time applications, command line tools, and more due to its asynchronous and event-driven nature.
Rails hosting
This document discusses different options for hosting Ruby on Rails applications at Openminds BVBA. It describes their shared hosting with two versions - the first uses Lighttpd and FastCGI, while the second uses Passenger. It notes some pros and cons of each approach. It also outlines their dedicated hosting approach where clients have more control over technologies. Common services mentioned include Capistrano for deployment, monitoring with Monit, and syncing gem versions.
Difference between php and node
If you’re an experienced PHP developer, you already have a head start on learning how to write Node.js code. However, Node.js is very diffrence from PHP. By comparing specific PHP features with their Node counterparts, you’ll also discover how to refactor and improve existing source code
Introduction to rails
This document introduces Ruby on Rails (Rails), an open-source web application framework written in Ruby. It discusses Rails' features like MVC architecture, scaffolding to quickly generate CRUD interfaces, and use of gems. The author provides steps to install Rails and create a sample app, including generating models, views, and controllers using scaffolding and applying a Bootstrap theme. Tips are given on further customizing the generated app code and views. Rails is concluded to be a simple way to build basic CRUD apps but deeper understanding is needed for serious applications.
Angular - Chapter 2 - TypeScript Programming
TypeScript lets you write JavaScript the way you really want to. TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. TypeScript is pure object oriented with classes, interfaces and statically typed like C# or Java. The popular JavaScript framework Angular 2.0 is written in TypeScript. Mastering TypeScript can help programmers to write object-oriented programs and have them compiled to JavaScript, both on server side and client side.
Painless OO XML with XML::Pastor
This document discusses XML::Pastor, a Perl module that generates Perl code from XML schemas to allow roundtripping of XML data to and from Perl objects without losing schema information. It abstracts away some of the pain of working with XML by generating classes from XML schemas that can then be used to easily create, parse, modify and validate XML documents programmatically. The document provides examples of how XML::Pastor can be used to work with XML data in a more object-oriented way compared to alternatives like XML::LibXML. It also discusses some limitations and comparisons to other XML parsing modules.
Introduction to Javascript
This document provides an overview of JavaScript and DOM for a lecture on internet programming. It outlines the objectives of understanding basic JavaScript concepts and the client-server model. The agenda covers what JavaScript is and why it is useful, where JavaScript code can be located, and how to process user input with DOM. It also gives examples of arithmetic operators in JavaScript and a simple cashier application example.
Coroutines in Kotlin
This document provides an overview of Kotlin and coroutines. Kotlin is a statically typed language that runs on the JVM, Android and browsers. It features null safety, expressiveness, and full interoperability with Java. Coroutines allow writing asynchronous code that looks synchronous and avoid callback hell by running multiple async computations simultaneously using less memory than threads. Coroutines are lightweight and cooperative rather than preemptive like threads, and are managed by dispatchers instead of mapping to OS threads directly.
PPW2007 - Continuity Project
Continuity is a Perl library that allows web applications to be written using continuations, avoiding the need to restart the application on each request. This allows storing stateful information between requests. The library handles mapping incoming HTTP requests to continuations. The presentation describes how continuations work, examples of their use, and ideas for future development of Continuity.
MongoDB and Node.js
Node is non-blocking and allows sending instructions to MongoDB without waiting for results. Native MongoDB drivers give complete low-level access to commands like MapReduce. While MongoDB is schemaless, Mongoose enforces schemas and transactions. Mongolian indexes every word from Node.js channel logs, allowing keyword searches across conversation lines.
Presentation on php and Javascript
The document provides an overview of JavaScript and PHP. It discusses that JavaScript is a client-side scripting language used for validating user input and modifying HTML content without server communication. PHP is a server-side scripting language that executes code and returns HTML to browsers. Both languages are used for dynamic web development but JavaScript files have a .js extension and run in browsers while PHP files have a .php extension and run on servers.
Debugging JavaScript with Chrome
Slides from my lightning talk at Frontend Dev Conf '14.
Wrap-up of dev tools for debugging provided by Google Chrome, including a few non-documented, but very handy ones.
Etiquetas semánticas HTML
Las etiquetas semánticas en HTML indican el significado y propósito de un elemento, a diferencia de las etiquetas de formato que especifican cómo se mostrará. Algunas etiquetas semánticas comunes son <p> para párrafos, <strong> y <em> para negrita y cursiva, <h1> y <h2> para títulos, <a> para enlaces, <address> para contacto, y <ol> y <ul> para listas ordenadas y no ordenadas, respectivamente.
More Related Content
What's hot
Introduction to javaScript
This document provides an introduction to JavaScript, covering its basics as a client-side scripting language, syntax, variables, conditionals, loops, functions, events, objects, AJAX functionality, and more. JavaScript can be used to add interactive elements to web pages without reloading, and uses standards like XMLHttpRequest to asynchronously exchange data with servers in the background. AJAX examples demonstrate how JavaScript can retrieve external data files to dynamically update page content.
IT Operations for Web Developers
Some linux background needed for web and rails developers.
Internal session for interns and new comers at eSpace
Node js first look - 2016
Node.js is a JavaScript runtime built on Chrome's V8 JavaScript engine that uses an event-driven, non-blocking I/O model. It allows creation of web servers and networking tools using JavaScript. The npm package ecosystem is the largest ecosystem of open source libraries in the world and is the default package manager for Node.js. Node.js has asynchronous, non-blocking APIs and uses an event loop model that makes it lightweight and efficient for building scalable web servers and applications.
CPAN Gems From The Far East
Kolon and TTerse are pluggable template syntax options for XSLATE, a full-featured and fast templating system that is 158 times faster than TT2. XSLATE's website is at http://xslate.org. HTTP::Async is a HTTP client that is 7 times faster than LWP and 4 times faster than HTTP::Lite, making it good for REST APIs but not user agent tasks. Server::Starter is a wrapper that allows hot reloading of network servers by listening on a port and restarting on HUP. DBIx::Class provides a cleaner SQL::Abstract clone that is easier to extend. Test::mysqld and Test::postgresql allow easily bringing up database instances for
Ajax
AJAX is a technique for building fast, dynamic web applications by exchanging small amounts of data with the server behind the scenes without reloading the entire web page. It uses a combination of technologies including JavaScript, XML, HTML and CSS to retrieve data from the server asynchronously in the background without interfering with the display and behavior of the existing page. The XMLHttpRequest object plays a key role by providing a way for JavaScript to make HTTP requests directly to a web server, enabling asynchronous data retrieval and manipulation of page elements without reloading.
A bit more of PE
This document discusses oddities that can be found in Portable Executable (PE) file formats. It describes how static elements like the DOS header, image base, entry point, and sections can be manipulated in non-standard ways. It also explains how dynamic loading behaviors are affected by these oddities, such as through the thread local storage, relocations, and different parsing of headers and data directories between on-disk and in-memory formats. The document promotes further understanding of PE files through the use of proof of concepts provided on related websites.
WebAssembly: A New World of Native Exploits on the Browser
WebAssembly (WASM) is a new technology being developed by the major browser vendors through the W3C. A direct descendent of NaCl and Asm.js, the idea is to allow web developers to run native (e.g. C/C++) code in a web page at near-native performance. WASM is already widely supported in the latest versions of all major browsers, and new use case examples are constantly popping up in the wild. Notable examples include 3D model rendering, interface design, visual data processing, and video games. Beyond providing significant performance benefits to developers, WebAssembly is also touted as being exceptionally secure. Developers claim that buffer overflows will be an impossibility, as any attempted access to out-of-bounds memory will be caught by a Javascript error. Their documentation claims that control flow integrity is enforced implicitly and that "common mitigations such as data execution prevention (DEP) and stack smashing protection (SSP) are not needed by WebAssembly programs." However, the documentation also outlines several possible vectors of attacks, including race conditions, code reuse attacks, and side channel attacks.
The goal of this talk is to provide a basic introduction to WebAssembly and examine the actual security risks that a developer may take on by using it. We will cover the low-level semantics of WebAssembly, including the Javascript API, the linear memory model, and the use of tables as function pointers. We will cover several examples demonstrating the theoretical security implications of WASM, such as linear memory being shared between modules and the passing of a Javascript 'Number' to a WASM function that expects a signed integer. We will also cover Emscripten, which is currently the most popular WebAssembly compiler toolchain. Our assessment of Emscripten will include its implementation of compiler-and-linker-level exploit mitigations as well as the internal hardening of its libc implementation, and how it's augmentation of WASM introduces new attack vectors and methods of exploitation. As part of this we will also provide practical examples of memory corruption exploits in the WASM environment that may lead to hijacking control flow or even executing arbitrary JavaScript within the context of the web page. Finally, we will provide a basic outline of best practices and security considerations for developers wishing to integrate WebAssembly into their product.
Jsp
Java Server Pages (JSP) is a technology that allows developers to embed Java code in HTML pages to create dynamic web content. JSP pages are compiled into servlets, so they can benefit from the full functionality of the Java programming language. The JSP lifecycle involves compilation, initialization, execution, and cleanup similar to a servlet lifecycle. Key tags like scriptlets allow inserting Java code directly into JSP pages to generate dynamic output.
Ajax
AJAX is a new approach to web application development that uses asynchronous JavaScript and XML to transmit small amounts of data in the background without interfering with the display and behavior of the existing page. Some key aspects of AJAX include asynchronous data retrieval using XMLHttpRequest, data interchange formats like XML/JSON, dynamic display using the DOM, and JavaScript binding it all together for a more responsive user experience compared to traditional full page loads. Common AJAX design patterns address issues like predictive fetching of likely next data, throttling frequent submissions, periodic refreshing of data, and multi-stage downloading of pages and components.
Node js
Node.js is a JavaScript runtime built on Chrome's V8 engine that allows JavaScript to run on the server side or as a standalone application. It uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, as it can handle multiple concurrent connections while waiting for responses. Common uses of Node.js include building web servers, real-time applications, command line tools, and more due to its asynchronous and event-driven nature.
Rails hosting
This document discusses different options for hosting Ruby on Rails applications at Openminds BVBA. It describes their shared hosting with two versions - the first uses Lighttpd and FastCGI, while the second uses Passenger. It notes some pros and cons of each approach. It also outlines their dedicated hosting approach where clients have more control over technologies. Common services mentioned include Capistrano for deployment, monitoring with Monit, and syncing gem versions.
Difference between php and node
If you’re an experienced PHP developer, you already have a head start on learning how to write Node.js code. However, Node.js is very diffrence from PHP. By comparing specific PHP features with their Node counterparts, you’ll also discover how to refactor and improve existing source code
Introduction to rails
This document introduces Ruby on Rails (Rails), an open-source web application framework written in Ruby. It discusses Rails' features like MVC architecture, scaffolding to quickly generate CRUD interfaces, and use of gems. The author provides steps to install Rails and create a sample app, including generating models, views, and controllers using scaffolding and applying a Bootstrap theme. Tips are given on further customizing the generated app code and views. Rails is concluded to be a simple way to build basic CRUD apps but deeper understanding is needed for serious applications.
Angular - Chapter 2 - TypeScript Programming
TypeScript lets you write JavaScript the way you really want to. TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. TypeScript is pure object oriented with classes, interfaces and statically typed like C# or Java. The popular JavaScript framework Angular 2.0 is written in TypeScript. Mastering TypeScript can help programmers to write object-oriented programs and have them compiled to JavaScript, both on server side and client side.
Painless OO XML with XML::Pastor
This document discusses XML::Pastor, a Perl module that generates Perl code from XML schemas to allow roundtripping of XML data to and from Perl objects without losing schema information. It abstracts away some of the pain of working with XML by generating classes from XML schemas that can then be used to easily create, parse, modify and validate XML documents programmatically. The document provides examples of how XML::Pastor can be used to work with XML data in a more object-oriented way compared to alternatives like XML::LibXML. It also discusses some limitations and comparisons to other XML parsing modules.
Introduction to Javascript
This document provides an overview of JavaScript and DOM for a lecture on internet programming. It outlines the objectives of understanding basic JavaScript concepts and the client-server model. The agenda covers what JavaScript is and why it is useful, where JavaScript code can be located, and how to process user input with DOM. It also gives examples of arithmetic operators in JavaScript and a simple cashier application example.
Coroutines in Kotlin
This document provides an overview of Kotlin and coroutines. Kotlin is a statically typed language that runs on the JVM, Android and browsers. It features null safety, expressiveness, and full interoperability with Java. Coroutines allow writing asynchronous code that looks synchronous and avoid callback hell by running multiple async computations simultaneously using less memory than threads. Coroutines are lightweight and cooperative rather than preemptive like threads, and are managed by dispatchers instead of mapping to OS threads directly.
PPW2007 - Continuity Project
Continuity is a Perl library that allows web applications to be written using continuations, avoiding the need to restart the application on each request. This allows storing stateful information between requests. The library handles mapping incoming HTTP requests to continuations. The presentation describes how continuations work, examples of their use, and ideas for future development of Continuity.
MongoDB and Node.js
Node is non-blocking and allows sending instructions to MongoDB without waiting for results. Native MongoDB drivers give complete low-level access to commands like MapReduce. While MongoDB is schemaless, Mongoose enforces schemas and transactions. Mongolian indexes every word from Node.js channel logs, allowing keyword searches across conversation lines.
Presentation on php and Javascript
The document provides an overview of JavaScript and PHP. It discusses that JavaScript is a client-side scripting language used for validating user input and modifying HTML content without server communication. PHP is a server-side scripting language that executes code and returns HTML to browsers. Both languages are used for dynamic web development but JavaScript files have a .js extension and run in browsers while PHP files have a .php extension and run on servers.
What's hot (20)
WebAssembly: A New World of Native Exploits on the Browser
WebAssembly: A New World of Native Exploits on the Browser
Viewers also liked
Debugging JavaScript with Chrome
Slides from my lightning talk at Frontend Dev Conf '14.
Wrap-up of dev tools for debugging provided by Google Chrome, including a few non-documented, but very handy ones.
Etiquetas semánticas HTML
Las etiquetas semánticas en HTML indican el significado y propósito de un elemento, a diferencia de las etiquetas de formato que especifican cómo se mostrará. Algunas etiquetas semánticas comunes son <p> para párrafos, <strong> y <em> para negrita y cursiva, <h1> y <h2> para títulos, <a> para enlaces, <address> para contacto, y <ol> y <ul> para listas ordenadas y no ordenadas, respectivamente.
An Introduction to Ajax Programming
This document provides an introduction to Ajax programming, including what Ajax is, how it differs from traditional HTTP paradigms, the key components needed for Ajax (XHTML, JavaScript, CSS), how to use the DOM and XMLHttpRequest objects to send and receive data from the server without refreshing the page, examples using the MochiKit JavaScript library to simplify Ajax programming, common pitfalls to avoid like breaking the back button and accessibility issues, and how Ajax can be used to make web pages more interactive and responsive.
Introduction to ajax
This document provides an overview of AJAX (Asynchronous JavaScript and XML) and how it differs from traditional web applications. It discusses how AJAX allows asynchronous data retrieval, improving interactivity and user experience by avoiding full page refreshes. It then covers how AJAX works by using the XMLHttpRequest object to make asynchronous requests in the background. Examples of popular AJAX-powered sites are given, and code snippets demonstrate how to make AJAX requests from JavaScript and handle responses.
Ajax.ppt
Ajax allows web pages to be updated asynchronously by exchanging data with a web server behind the scenes. This is done through the XMLHttpRequest object in JavaScript. By using Ajax, web pages feel more responsive because users can interact with the page while data is being loaded in the background without interfering with the display and behavior of the existing page.
Introduction to ajax
A short introduction to AJAX technology with an emphasis on the use with jQuery library & ASP.net platform
Ajax ppt - 32 slides
A presentation on Ajax suitable for college level presentations and seminars.Contains 32 slides - ideal for a 20 - 30 minutes seminar.
5 S Presentation Basic Training
There are three types of workplaces and the document discusses the 5S methodology for organizing and cleaning a workplace. The 5S methodology includes Sort, Straighten, Shine, Standardize, and Sustain. It provides details on implementing each step, including organizing items by frequency of use, standardizing locations for items, and sustaining the changes over time.
Responsive Web Design, get the best out of your designs - JavaScript Open Day...
There is no mobile Web, there is no desktop Web, and there is no tablet Web. We view the same Web just in different ways. So how do we do it? By getting rid of our fixed-width, device-specific approaches and use Responsive Web Design techniques. This session will focus on what is Responsive Web Design and how you can use his 3-pronged approach on your current apps today which will also adapt to new devices in the future.
Javascript Best Practices
A presentation about tricks and best practice ideas of how to use JavaScript given in our office in India as part of an internal training.
Viewers also liked (10)
Responsive Web Design, get the best out of your designs - JavaScript Open Day...
Responsive Web Design, get the best out of your designs - JavaScript Open Day...
Similar to Javascript debugging
Microservices in Scala: Play Framework
Presentation from Warsjawa 2014 workshop "Microservices in Scala". Topic covered: building websocket microservice using Play & Akka.
IntoWebGL - Unite Melbourne 2015
IntoScience is an interactive educational platform built using Unity. It is used in thousands of schools across Australia
and the globe. It recently made the leap to WebGL to continue delivering features to chrome-based users. In porting
a huge amount of content to this new technology, you could say we learned a thing or two. Here we share the highs,
lows and hot-fixes in moving a massive product to a post-plugin existence.
Dart the Better JavaScript
Dart is a new language for the web, enabling you to write JavaScript on a secure and manageable way. No need to worry about "JavaScript: The bad parts".
This presentation concentrates on the developer experience converting from the Java based GWT to Dart.
Introduce native client
Native Client (NaCl) allows web browsers to run compiled native code modules in a sandboxed environment for increased performance and functionality. NaCl code is portable across CPUs, OSes, and browsers. It offers benefits over plugins like Flash by being more secure, integrated, and higher performing while allowing access to capabilities like graphics, audio, and input. NaCl code is distributed as self-contained modules that browsers can verify and run in an isolated sandbox.
RSYSLOG v8 improvements and how to write plugins in any language.
RSYSLOG is a next generation log processing tool. In the frist part, we will explain the new RSYSLOG v8 engine, its motivation and its benefits. Learn, for example, why writing to Elasticsearch is much faster with the new engine. We will describe the tuning parameters vital for making best use of the new features.
In the second part we will explain how to write RSYSLOG plugins in any language. Traditionally, writing rsyslog plugins has been considered quite hard, with at least C knowledge necessary. In v8, we have introduced new interfaces which make it possible to write plugins in any language - be it Python, Perl or Java. Even bash will do. In essence, this is a great tool for any admin to add special needs with just a bit of scripting. We will proivde concrete instructions on how to write a plugin, point to read-to-copy samples and tell how to integrate this into rsyslog.
NOTE: This is my LinuxTag Berlin 2014 talk.
Introduction to redis - version 2
Redis is an in-memory data structure store that can be used as a database, cache, or message broker. It supports string, hash, list, set and sorted set data types and allows for atomic operations and transactions. While data resides in memory, Redis can optionally persist data to disk for durability. It is useful for caching, real-time analytics, queues and more due to its speed, flexibility and support for pub/sub messaging.
JavaScript
This document provides an overview of JavaScript, including what it is, why it's used, who created it, its components and objects. JavaScript is a scripting language used primarily for client-side web page interactions. It allows adding dynamic and interactive elements to web pages. Some key points covered include:
- JavaScript is used to specify webpage behavior and enable user interaction/effects.
- It was created by Brendan Eich at Mozilla and allows both client-side and server-side scripting.
- Common JavaScript objects include Document, Window, Math, Date and String.
- Events, functions, variables and tags like <script> are JavaScript components.
- The Document and Window
Introduction to Performance APIs
2019年2月19日に開催された Chrome Tech Talk Night #12 https://developers-jp.googleblog.com/2019/02/chrometechtalknight12.html の「Introduction to Performance APIs」のセッション資料です。
Active Data Stores at 30,000ft
This document provides an overview and comparison of PostgreSQL, MongoDB, and ElasticSearch as active data stores. It defines an active data store as data that can be queried, manipulated, and transformed within a service layer. For each database, it briefly describes its key features at a high level and provides instructions for setting up a Docker playground to experiment with it. The document concludes by emphasizing choosing the right tool for the job and offers help from ARC-TS for decisions.
Green Custard Friday Talk 5: React-Native Performance
In Green Custard's 5th Friday talk, William explores the subject of React-Native Performance.
Topics covered:
- Native: The good
- Native: The not so good
- Hybrid summary
- React-Native summary
- React-Native: Component mapping to Native
- React-Native: Architecture
- Performance
- Bridge 2.0 - The React-Native Approach
Green Custard is a custom software development consultancy. To discover more about their work and the team visit www.green-custard.com.
Node.js streams talk
This document discusses streams in Node.js. It covers the past issues with streams, the current stable streams API in Node.js, and potential future developments. The past saw instability in Node.js streams and a lack of streaming capabilities in browsers. Now, Node.js has a stable streams API that represents all streams as EventEmitters. The API supports readable, writable, transform and duplex streams. Browsers also support streaming through APIs like WebRTC. Future standardization efforts aim to further develop streaming across platforms.
HTML, CSS & Javascript Architecture (extended version) - Jan Kraus
This document discusses best practices for organizing code and setting up architecture for larger frontend projects with multiple developers. It covers choosing technology stacks, code organization, coding guidelines, responsive design approaches, performance optimization, and workflows.
Dart the better Javascript 2015
Do you want to upgrade your GWT application or write a sizable web application? Dart is the efficient choice.
As a brief example, check out http://lightningdart.com
This presentation is updated October 2015 for Silicon Valley Code Camp
Kibana+ElasticSearch+LogStash to handle Log messages on Prod servers
The document provides an overview of logging and the Elastic Stack (Elasticsearch, Logstash, Kibana) for log analysis. It discusses what logs are, popular logging processors like Loggly and Splunk, and the key components of the Elastic Stack - Elasticsearch for storage, Logstash for processing, and Kibana for visualization. It also gives a live demo example of using Logstash to ingest application logs and explore them in Kibana.
Java vs. C/C++
Presentation by Dr. Cliff Click, Jr. Mention Java performance to a C hacker, or vice versa, and a flame war will surely ensue. The Web is full of broken benchmarks and crazy claims about Java and C performance. This session will aim to give a fair(er) comparison between the languages, striving to give a balanced view of each language's various strengths and weaknesses. It will also point out what's broken about many of the Java-versus-C Websites, so when you come across one, you can see the flaws and know that the Website isn't telling you what it (generally) claims to be telling you. (It's surely telling you "something," but almost just as surely is "not realistically" telling you why X is better than Y).
Amazon DynamoDB Lessen's Learned by Beginner
The document discusses the author's initial experiences learning and working with Amazon DynamoDB, a fully managed NoSQL database service. Some key points:
- DynamoDB allows for flexible data structures and extreme performance but is not suitable for complex queries. It uses a NoSQL model with primary and secondary indexes.
- The author created tables for a forum application and implemented a simple REST API for basic CRUD operations on the tables.
- While DynamoDB requires less maintenance than self-managed databases, the author notes it has limitations like the inability to modify indexes and less flexibility for querying data.
- Additional tools like Pentaho ETL were used to process and load sample data into the DynamoDB
Introduction to concurrent programming with Akka actors
This document provides an introduction to concurrent programming with Akka Actors. It discusses concurrency and parallelism, how the end of Moore's Law necessitated a shift to concurrent programming, and introduces key concepts of actors including message passing concurrency, actor systems, actor operations like create and send, routing, supervision, configuration and testing. Remote actors are also discussed. Examples are provided in Scala.
Introduction to concurrent programming with akka actors
This document provides an introduction to concurrent programming with Akka Actors. It discusses concurrency and parallelism, how the end of Moore's Law necessitated a shift to concurrent programming, and introduces key concepts of actors including message passing concurrency, actor systems, actor operations like sending messages, and more advanced topics like routing, supervision, testing, configuration and remote actors.
Smalltalk, the dynamic language
A tour of the Smalltalk language and pure OOP, with a focus on the ideas themselves and their influence on other tools.
Node.js Web Apps @ ebay scale
eBay journey to Node.js including specific areas that the platform team had to go through to succeed in this process.
Similar to Javascript debugging (20)
RSYSLOG v8 improvements and how to write plugins in any language.
RSYSLOG v8 improvements and how to write plugins in any language.
Green Custard Friday Talk 5: React-Native Performance
Green Custard Friday Talk 5: React-Native Performance
HTML, CSS & Javascript Architecture (extended version) - Jan Kraus
HTML, CSS & Javascript Architecture (extended version) - Jan Kraus
Kibana+ElasticSearch+LogStash to handle Log messages on Prod servers
Kibana+ElasticSearch+LogStash to handle Log messages on Prod servers
Introduction to concurrent programming with Akka actors
Introduction to concurrent programming with Akka actors
Introduction to concurrent programming with akka actors
Introduction to concurrent programming with akka actors
Recently uploaded
5th LF Energy Power Grid Model Meet-up Slides
5th Power Grid Model Meet-up
It is with great pleasure that we extend to you an invitation to the 5th Power Grid Model Meet-up, scheduled for 6th June 2024. This event will adopt a hybrid format, allowing participants to join us either through an online Mircosoft Teams session or in person at TU/e located at Den Dolech 2, Eindhoven, Netherlands. The meet-up will be hosted by Eindhoven University of Technology (TU/e), a research university specializing in engineering science & technology.
Power Grid Model
The global energy transition is placing new and unprecedented demands on Distribution System Operators (DSOs). Alongside upgrades to grid capacity, processes such as digitization, capacity optimization, and congestion management are becoming vital for delivering reliable services.
Power Grid Model is an open source project from Linux Foundation Energy and provides a calculation engine that is increasingly essential for DSOs. It offers a standards-based foundation enabling real-time power systems analysis, simulations of electrical power grids, and sophisticated what-if analysis. In addition, it enables in-depth studies and analysis of the electrical power grid’s behavior and performance. This comprehensive model incorporates essential factors such as power generation capacity, electrical losses, voltage levels, power flows, and system stability.
Power Grid Model is currently being applied in a wide variety of use cases, including grid planning, expansion, reliability, and congestion studies. It can also help in analyzing the impact of renewable energy integration, assessing the effects of disturbances or faults, and developing strategies for grid control and optimization.
What to expect
For the upcoming meetup we are organizing, we have an exciting lineup of activities planned:
-Insightful presentations covering two practical applications of the Power Grid Model.
-An update on the latest advancements in Power Grid -Model technology during the first and second quarters of 2024.
-An interactive brainstorming session to discuss and propose new feature requests.
-An opportunity to connect with fellow Power Grid Model enthusiasts and users.
Trusted Execution Environment for Decentralized Process Mining
Presentation of the paper "Trusted Execution Environment for Decentralized Process Mining" given during the CAiSE 2024 Conference in Cyprus on June 7, 2024.
HCL Notes and Domino License Cost Reduction in the World of DLAU
Webinar Recording: https://www.panagenda.com/webinars/hcl-notes-and-domino-license-cost-reduction-in-the-world-of-dlau/
The introduction of DLAU and the CCB & CCX licensing model caused quite a stir in the HCL community. As a Notes and Domino customer, you may have faced challenges with unexpected user counts and license costs. You probably have questions on how this new licensing approach works and how to benefit from it. Most importantly, you likely have budget constraints and want to save money where possible. Don’t worry, we can help with all of this!
We’ll show you how to fix common misconfigurations that cause higher-than-expected user counts, and how to identify accounts which you can deactivate to save money. There are also frequent patterns that can cause unnecessary cost, like using a person document instead of a mail-in for shared mailboxes. We’ll provide examples and solutions for those as well. And naturally we’ll explain the new licensing model.
Join HCL Ambassador Marc Thomas in this webinar with a special guest appearance from Franz Walder. It will give you the tools and know-how to stay on top of what is going on with Domino licensing. You will be able lower your cost through an optimized configuration and keep it low going forward.
These topics will be covered
- Reducing license cost by finding and fixing misconfigurations and superfluous accounts
- How do CCB and CCX licenses really work?
- Understanding the DLAU tool and how to best utilize it
- Tips for common problem areas, like team mailboxes, functional/test users, etc
- Practical examples and best practices to implement right away
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...Edge AI and Vision Alliance
For the full video of this presentation, please visit: https://www.edge-ai-vision.com/2024/06/temporal-event-neural-networks-a-more-efficient-alternative-to-the-transformer-a-presentation-from-brainchip/
Chris Jones, Director of Product Management at BrainChip , presents the “Temporal Event Neural Networks: A More Efficient Alternative to the Transformer” tutorial at the May 2024 Embedded Vision Summit.
The expansion of AI services necessitates enhanced computational capabilities on edge devices. Temporal Event Neural Networks (TENNs), developed by BrainChip, represent a novel and highly efficient state-space network. TENNs demonstrate exceptional proficiency in handling multi-dimensional streaming data, facilitating advancements in object detection, action recognition, speech enhancement and language model/sequence generation. Through the utilization of polynomial-based continuous convolutions, TENNs streamline models, expedite training processes and significantly diminish memory requirements, achieving notable reductions of up to 50x in parameters and 5,000x in energy consumption compared to prevailing methodologies like transformers.
Integration with BrainChip’s Akida neuromorphic hardware IP further enhances TENNs’ capabilities, enabling the realization of highly capable, portable and passively cooled edge devices. This presentation delves into the technical innovations underlying TENNs, presents real-world benchmarks, and elucidates how this cutting-edge approach is positioned to revolutionize edge AI across diverse applications.TrustArc Webinar - 2024 Global Privacy Survey
How does your privacy program stack up against your peers? What challenges are privacy teams tackling and prioritizing in 2024?
In the fifth annual Global Privacy Benchmarks Survey, we asked over 1,800 global privacy professionals and business executives to share their perspectives on the current state of privacy inside and outside of their organizations. This year’s report focused on emerging areas of importance for privacy and compliance professionals, including considerations and implications of Artificial Intelligence (AI) technologies, building brand trust, and different approaches for achieving higher privacy competence scores.
See how organizational priorities and strategic approaches to data security and privacy are evolving around the globe.
This webinar will review:
- The top 10 privacy insights from the fifth annual Global Privacy Benchmarks Survey
- The top challenges for privacy leaders, practitioners, and organizations in 2024
- Key themes to consider in developing and maintaining your privacy program
Digital Marketing Trends in 2024 | Guide for Staying Ahead
https://www.wask.co/ebooks/digital-marketing-trends-in-2024
Feeling lost in the digital marketing whirlwind of 2024? Technology is changing, consumer habits are evolving, and staying ahead of the curve feels like a never-ending pursuit. This e-book is your compass. Dive into actionable insights to handle the complexities of modern marketing. From hyper-personalization to the power of user-generated content, learn how to build long-term relationships with your audience and unlock the secrets to success in the ever-shifting digital landscape.
Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays, June 2024 with Maria Copot 20
SAP S/4 HANA sourcing and procurement to Public cloud
SAP S4 HANA to Public cloud data object differences
Taking AI to the Next Level in Manufacturing.pdf
Read Taking AI to the Next Level in Manufacturing to gain insights on AI adoption in the manufacturing industry, such as:
1. How quickly AI is being implemented in manufacturing.
2. Which barriers stand in the way of AI adoption.
3. How data quality and governance form the backbone of AI.
4. Organizational processes and structures that may inhibit effective AI adoption.
6. Ideas and approaches to help build your organization's AI strategy.
Fueling AI with Great Data with Airbyte Webinar
This talk will focus on how to collect data from a variety of sources, leveraging this data for RAG and other GenAI use cases, and finally charting your course to productionalization.
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
Predictive maintenance is a proactive approach that anticipates equipment failures before they happen. At the forefront of this innovative strategy is Artificial Intelligence (AI), which brings unprecedented precision and efficiency. AI in predictive maintenance is transforming industries by reducing downtime, minimizing costs, and enhancing productivity.
Introduction of Cybersecurity with OSS at Code Europe 2024
I develop the Ruby programming language, RubyGems, and Bundler, which are package managers for Ruby. Today, I will introduce how to enhance the security of your application using open-source software (OSS) examples from Ruby and RubyGems.
The first topic is CVE (Common Vulnerabilities and Exposures). I have published CVEs many times. But what exactly is a CVE? I'll provide a basic understanding of CVEs and explain how to detect and handle vulnerabilities in OSS.
Next, let's discuss package managers. Package managers play a critical role in the OSS ecosystem. I'll explain how to manage library dependencies in your application.
I'll share insights into how the Ruby and RubyGems core team works to keep our ecosystem safe. By the end of this talk, you'll have a better understanding of how to safeguard your code.
GraphRAG for Life Science to increase LLM accuracy
GraphRAG for life science domain, where you retriever information from biomedical knowledge graphs using LLMs to increase the accuracy and performance of generated answers
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
Simplify your search for a reliable Python development partner! This list presents the top 10 trusted US providers offering comprehensive Python development services, ensuring your project's success from conception to completion.
Energy Efficient Video Encoding for Cloud and Edge Computing Instances
Energy Efficient Video Encoding for Cloud and Edge Computing Instances
FREE A4 Cyber Security Awareness Posters-Social Engineering part 3
Free A4 downloadable and printable Cyber Security, Social Engineering Safety and security Training Posters . Promote security awareness in the home or workplace. Lock them Out From training providers datahops.com
Presentation of the OECD Artificial Intelligence Review of Germany
Consult the full report at https://www.oecd.org/digital/oecd-artificial-intelligence-review-of-germany-609808d6-en.htm
Programming Foundation Models with DSPy - Meetup Slides
Prompting language models is hard, while programming language models is easy. In this talk, I will discuss the state-of-the-art framework DSPy for programming foundation models with its powerful optimizers and runtime constraint system.
Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...
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 integration of Salesforce with Bonterra Impact Management.
Interested in deploying an integration with Salesforce for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Are you ready to revolutionize how you handle data? Join us for a webinar where we’ll bring you up to speed with the latest advancements in Generative AI technology and discover how leveraging FME with tools from giants like Google Gemini, Amazon, and Microsoft OpenAI can supercharge your workflow efficiency.
During the hour, we’ll take you through:
Guest Speaker Segment with Hannah Barrington: Dive into the world of dynamic real estate marketing with Hannah, the Marketing Manager at Workspace Group. Hear firsthand how their team generates engaging descriptions for thousands of office units by integrating diverse data sources—from PDF floorplans to web pages—using FME transformers, like OpenAIVisionConnector and AnthropicVisionConnector. This use case will show you how GenAI can streamline content creation for marketing across the board.
Ollama Use Case: Learn how Scenario Specialist Dmitri Bagh has utilized Ollama within FME to input data, create custom models, and enhance security protocols. This segment will include demos to illustrate the full capabilities of FME in AI-driven processes.
Custom AI Models: Discover how to leverage FME to build personalized AI models using your data. Whether it’s populating a model with local data for added security or integrating public AI tools, find out how FME facilitates a versatile and secure approach to AI.
We’ll wrap up with a live Q&A session where you can engage with our experts on your specific use cases, and learn more about optimizing your data workflows with AI.
This webinar is ideal for professionals seeking to harness the power of AI within their data management systems while ensuring high levels of customization and security. Whether you're a novice or an expert, gain actionable insights and strategies to elevate your data processes. Join us to see how FME and AI can revolutionize how you work with data!
Recently uploaded (20)
Trusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process Mining
HCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAU
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
Digital Marketing Trends in 2024 | Guide for Staying Ahead
Digital Marketing Trends in 2024 | Guide for Staying Ahead
SAP S/4 HANA sourcing and procurement to Public cloud
SAP S/4 HANA sourcing and procurement to Public cloud
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
Introduction of Cybersecurity with OSS at Code Europe 2024
Introduction of Cybersecurity with OSS at Code Europe 2024
GraphRAG for Life Science to increase LLM accuracy
GraphRAG for Life Science to increase LLM accuracy
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
Energy Efficient Video Encoding for Cloud and Edge Computing Instances
Energy Efficient Video Encoding for Cloud and Edge Computing Instances
FREE A4 Cyber Security Awareness Posters-Social Engineering part 3
FREE A4 Cyber Security Awareness Posters-Social Engineering part 3
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
Programming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup Slides
Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...
Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Javascript debugging
- 1. Javascript debugging Now with added Chrome!
- 2. First up ● Switch off browser caching ● Only occurs when the developer tools window is open
- 3. Avoid inline! ● We can't use the majority of js tools for inline javascript ● But we follow 'unobtrusive javascript' anyway...don't we? :-) ● Keep js code in .js files
- 4. Console.log ● Note: causes IE < 9 to crash ● Can send strings, ints and multiple objects to the console ● Not convinced logging is synchronous – under heavy load (eg sending big data objects to console) messages seem to be out of order ●
- 5. Breakpoints ● Recommended way to analyse code flow and state ● Add via the sources tab ● Global on/off switch ● Play/step over/step into/step out ● Breakpoints list
- 6. Scope variables ● While stopped at a breakpoint examine or edit variable state ● Grouped by scope – local, closure(s) and global
- 7. Interactive console ● Javascript as you type, with code completion! ● Objects displayed as tree structures for easy viewing ● Same scope as current – in particular when stopped at a breakpoint
- 8. Call stack ● While stopped at a breakpoint see the calls that preceeded. ● Click on elements in the stack to examine the code and view the state
- 9. DOM breakpoints ● Right click a DOM node in the elements tab and select 'Break on..' ● Make sure you choose the right node and the right type
- 10. Want more? ● Watch expressions ● XHR breakpoints ● Event listener breakpoints
- 11. Get coding!