Getting classy with ES6
•Download as PPTX, PDF•
0 likes•310 views
Slides from my presentation at "What do you know? - Sydney" on using ES6 classes, the current support and a quick touch on how to use them moving forward. This was a rapid 5 minute presentation so the slides alone aren't overly informative, grab me on Twitter if you've got questions!
Report
Share
Report
Share
Recommended
jQuery Best Practice
This document provides best practices for using jQuery, including loading jQuery from a CDN, using variables to cache jQuery objects, optimizing selectors for performance, best practices for DOM manipulation, event handling, AJAX requests, animations, chaining, using plugins, and other miscellaneous tips. Key recommendations include prefixing variables with $, using ID selectors when possible, giving selectors context, avoiding implied universal selectors, detaching elements before manipulation, avoiding anonymous event handlers, and using object literals for parameters.
jQuery
The document discusses the jQuery framework, explaining why jQuery should be used, what the $() function does, how to write unobtrusive JavaScript, and how to extend jQuery through plugins. It also covers using jQuery with other libraries by relinquishing control of the $ variable through the $.noConflict() method. Key features of jQuery include its small file size, cross-browser compatibility, and ease of selecting, manipulating, and animating elements.
Introducing jQuery
This document provides an introduction and overview of jQuery. It discusses why jQuery is useful, unobtrusive JavaScript, fundamental jQuery elements and concepts like selectors and the jQuery wrapper. It also covers more advanced topics like query chains, advanced selectors, the document ready handler, extending jQuery, and using jQuery with other libraries. The document is intended to teach the basics of jQuery and how it can be used to select and manipulate elements on an HTML page.
えっ、なにそれこわい
The document discusses differences and similarities between Ruby and JavaScript. It provides examples of accessing hash values, filtering arrays, and handling asynchronous requests. Ruby uses symbols for hash keys and returns values, while JavaScript uses strings and properties. Both languages support passing functions as arguments but represent them differently.
Testable, Object-Oriented JavaScript
An idea of how to make JavaScript testable, presented at Stir Trek 2011. The world of JavaScript frameworks has changed greatly since then, but I still agree with the concepts.
Venturing Into The Wild: A .NET Developer's Experience As A Ruby Developer
This document contains information about Ruby on Rails and comparisons to .NET from an independent consultant. It includes code samples in both Ruby on Rails and C#/.NET, as well as recommendations for learning resources. Quotes from developers discuss benefits of Ruby like test-driven development and less restrictive coding.
Devoxx 2014-webComponents
Web Components are a set of four specifications that allow developers to create reusable custom elements. They include HTML Imports for including HTML in other pages, Shadow DOM for encapsulation, Template for reusable DOM templates, and Custom Elements for defining new HTML elements. While browser support is still limited, libraries like Polymer, X-Tag, and Bosonic provide polyfills to bring Web Components to all browsers.
amsterdamjs - jQuery 1.5
This is a super compressed presentation about some of the new features in jQuery 1.5 I gave at the amsterdamjs meetup on 2011/02/08.
Recommended
jQuery Best Practice
This document provides best practices for using jQuery, including loading jQuery from a CDN, using variables to cache jQuery objects, optimizing selectors for performance, best practices for DOM manipulation, event handling, AJAX requests, animations, chaining, using plugins, and other miscellaneous tips. Key recommendations include prefixing variables with $, using ID selectors when possible, giving selectors context, avoiding implied universal selectors, detaching elements before manipulation, avoiding anonymous event handlers, and using object literals for parameters.
jQuery
The document discusses the jQuery framework, explaining why jQuery should be used, what the $() function does, how to write unobtrusive JavaScript, and how to extend jQuery through plugins. It also covers using jQuery with other libraries by relinquishing control of the $ variable through the $.noConflict() method. Key features of jQuery include its small file size, cross-browser compatibility, and ease of selecting, manipulating, and animating elements.
Introducing jQuery
This document provides an introduction and overview of jQuery. It discusses why jQuery is useful, unobtrusive JavaScript, fundamental jQuery elements and concepts like selectors and the jQuery wrapper. It also covers more advanced topics like query chains, advanced selectors, the document ready handler, extending jQuery, and using jQuery with other libraries. The document is intended to teach the basics of jQuery and how it can be used to select and manipulate elements on an HTML page.
えっ、なにそれこわい
The document discusses differences and similarities between Ruby and JavaScript. It provides examples of accessing hash values, filtering arrays, and handling asynchronous requests. Ruby uses symbols for hash keys and returns values, while JavaScript uses strings and properties. Both languages support passing functions as arguments but represent them differently.
Testable, Object-Oriented JavaScript
An idea of how to make JavaScript testable, presented at Stir Trek 2011. The world of JavaScript frameworks has changed greatly since then, but I still agree with the concepts.
Venturing Into The Wild: A .NET Developer's Experience As A Ruby Developer
This document contains information about Ruby on Rails and comparisons to .NET from an independent consultant. It includes code samples in both Ruby on Rails and C#/.NET, as well as recommendations for learning resources. Quotes from developers discuss benefits of Ruby like test-driven development and less restrictive coding.
Devoxx 2014-webComponents
Web Components are a set of four specifications that allow developers to create reusable custom elements. They include HTML Imports for including HTML in other pages, Shadow DOM for encapsulation, Template for reusable DOM templates, and Custom Elements for defining new HTML elements. While browser support is still limited, libraries like Polymer, X-Tag, and Bosonic provide polyfills to bring Web Components to all browsers.
amsterdamjs - jQuery 1.5
This is a super compressed presentation about some of the new features in jQuery 1.5 I gave at the amsterdamjs meetup on 2011/02/08.
Lecture 5: Client Side Programming 1
This document provides an overview of JavaScript, including:
- JavaScript is a prototype-based, dynamic, loosely typed, multi-paradigm scripting language used primarily for client-side web applications.
- JavaScript can also be used for server-side applications with Node.js, databases like MongoDB, and other applications.
- The basics of JavaScript include variables, functions, objects, and operators. Functions have their own scope and arguments are passed by value for primitives and by reference for objects.
- The Document Object Model (DOM) represents HTML documents and allows JavaScript to programmatically access and modify elements and attributes.
- Popular JavaScript libraries like jQuery simplify DOM manipulation and other tasks, using CSS selectors
Growing jQuery
This document discusses ways to extend jQuery for custom needs through plugins. It provides examples of simple plugins for limiting checkboxes selection to 3, adding zebra striping, and creating tabs. The document emphasizes that jQuery plugins can be created easily and allow selection and actions on elements. It also notes that plugins allow extending jQuery's functionality and provides an example of extending expressions to check for dates. Overall, the document shows how jQuery can be customized through plugins for selection, actions, and expressions.
Kick start with j query
This document provides an overview of jQuery, including what it is, its benefits, how to get started using it, common tasks like selecting elements and applying actions, and some example code. jQuery is a lightweight JavaScript library that simplifies HTML document traversing, event handling, animating, and Ajax interactions. It is small in size, works across browsers, and has a large community and ecosystem of plugins and resources.
Javascript session june 2013 (iii) jquery json
This document discusses JQuery and JSON. It provides examples of how JQuery can simplify JavaScript by reducing lines of code and improving cross-browser compatibility. It highlights key aspects of JQuery including selectors, components, animations, AJAX calls, and document ready functionality. The document also provides examples of how to modify the DOM appearance, create and remove nodes, and manipulate event handlers using JQuery.
Javascript - Beyond-jQuery
Most developers have some experience with jQuery, but few of them understand the principles of Javascript and how to write and debug Javascript code. This presentation will cover best practices for writing object oriented Javascript, benchmarking, and debugging.
MVVM e Caliburn Micro for Windows Phone applications
The MVVM pattern applied to a Windows Phone application and how to implement it using the Caliburn Micro framework
AngulrJS Overview
The document shows examples of using AngularJS directives, data binding, controllers and routing to build dynamic web applications. It demonstrates the ng-repeat directive to loop and display data, using controllers to define scopes and models, and routing to load different views. Later examples introduce Angular modules, configuring routes, and using factories to share data between components.
Rails GUI Development with Ext JS
The presentation focuses on Rails scaffolding as a good starting point for playing with Ext. The biggest integration task from a Rails point of view is providing the correct JSON data structures that Ext can process - a task that can be solved in a re-usable way. Passing data around between Rails controllers and views and the actual JavaScript code is another focal point.
The presentation features a preview version of Martin Rehfeld's Ext Scaffold Generator, soon to be announced as a official Rails plugin.
by Martin Rehfeld
The Fine Art of JavaScript Event Handling
The document discusses JavaScript event handling. It provides an overview of DOM Level 0 and 2-3 event models, and notes that jQuery helps normalize event handling across browsers. It describes common events like click and change, and gotchas like the 300ms delay on mobile touch events. The document recommends using event bubbling rather than attaching individual handlers, and covers properties of event objects like target, currentTarget, and timeStamp.
Special Events: Beyond Custom Events
This document discusses jQuery special events, which allow customizing and enhancing default events. Special events can override, normalize, or create new custom events. They involve setup and teardown functions run on event binding/unbinding. Additional hooks like add/remove allow changing handler functions. Examples demonstrate creating multiclick and tripleclick events by tracking click counts. Special events provide a way to customize default event behavior in jQuery.
FuncUnit
This document provides an introduction to FuncUnit, a JavaScript functional testing framework. It discusses barriers to testing JavaScript applications, how FuncUnit addresses these barriers through its easy to use API and ability to simulate user interactions across browsers. It also provides examples of using FuncUnit to test applications written with jQuery and without page reloads.
An intro to Backbone.js
Backbone is a lightweight JavaScript MVC library that provides models, views, and controllers to structure client-side applications. It includes built-in methods for fetching and persisting model and collection data via syncing with RESTful APIs. Views handle the display and interaction of models and allow binding template rendering to model changes. Controllers map URLs to functions to define application navigation and logic. Backbone aims to provide structure while staying small in size and flexible to customize for any application.
Evented Javascript
This document discusses different approaches to handling events in JavaScript and jQuery. It covers the DOM event model, jQuery's event binding methods like bind, live, and delegate. It also discusses custom events, namespaced events, and binding events to non-DOM objects. While jQuery's bind provides a basic event model, more elaborate models exist and need to be implemented carefully to avoid poor design. Examples of other event models mentioned include CKEditor and Node.js. The document stresses binding minimal logic to native events and considering assumptions made with techniques like escape closing dialogs.
JavaScript on the Desktop
Although Web and mobile apps are getting more capable every day, often your application makes the most sense on the desktop. In this talk, we’ll look at some recent technologies that have allowed significant desktop apps — like Barnes & Noble’s NOOK Study e-textbook reader, or Adobe’s Brackets IDE — to be written in HTML5 and JavaScript. Projects like the Chromium Embedded Framework, node-webkit, and AppJS provide an excellent native-to-JS bridge. With them in hand, you can bring the full power of the Node.js and front-end ecosystems to bear, while still gaining the advantages of running as a native app.
Performances & SEO in AngularJS
It is aimed for developers who already used AngularJS in their projects or who are planning to. Angular is a great framework that enables you to build awesome Single Page Application (SPA). However, as your application grows, you can encounter situations where your expectations regarding the speed and/or the SEO of your application are not met.
During this conference, we will show you how to build a fast and scalable application. We will also share with you the guidelines and the tools that you should be using to keep your app well referenced on search engines, even when it scales to millions of pages!
Sins Against Drupal 2
The document discusses sinsful ways developers have integrated third party applications with Drupal by bypassing security protections and treating Drupal like a database. It then provides better solutions like using Drupal's menu and services modules to define custom paths and interfaces, and using Drupal functions and APIs to properly authenticate users, retrieve and save data to the database in a secure manner.
handout-05b
The document is a tutorial on using jQuery for client-side website construction. It introduces jQuery as a JavaScript library that simplifies DOM manipulation, event handling, animations and Ajax interactions. It provides instructions on loading jQuery, basic usage, and examples of selecting elements and binding events.
jQuery - 10 Time-Savers You (Maybe) Don't Know
This document discusses 10 time-saving techniques for jQuery and JavaScript:
1. Limit DOM traversal to improve performance.
2. Use chaining for cleaner code and better readability.
3. Be specific with selectors like :first-child to avoid universal selectors.
4. Understand events like .each(), .live(), and .delegate() and use appropriately.
5. Create DOM elements in memory then append for better performance.
6. Bind fewer events by checking the target of the event.
7. Choose events like .ready() and .load() carefully based on needs.
8. Think right-to-left for selectors except IDs
Sprout core and performance
This document discusses techniques for improving the performance of SproutCore applications. Some key points include:
1. Keeping intermediate state in JavaScript objects rather than the DOM to avoid unnecessary re-renders.
2. Materializing objects from JSON data only when needed to avoid copying large amounts of unused data.
3. Following speed guidelines like minifying files, using a CDN, setting caching headers to optimize delivery of assets to users.
Drupal sins 2016 10-06
This document summarizes an issue with authentication on a Drupal site and proposes better solutions.
The initial solution tried to prevent staff from logging in on public pages by checking user roles during form validation, logging users out, and redirecting to the staff login page.
A better approach is to mimic how other authentication modules handle it. The LDAP and GAuth modules attach validators or submit handlers to take over authentication processing rather than putting logic in the form validation.
The GAuth module example alters the login form to add a "Sign in with Google" button. Its submit handler handles the OAuth flow and redirects back, logging the user in if an account is found matching their Google ID.
10 Useful New Features of ECMA Script 6
ES6 introduced 10 new features to the JavaScript language including let and const keywords for block scoping, default parameters, template strings, arrow functions, rest parameters, generators, maps, classes, modules, and more. While feature complete in 2014 and standardized in 2015, browser support is still evolving as vendors implement the new standards. Transpilers like Babel can convert ES6 code to ES5 to provide support across browsers.
ECMAScript 6 new features
The document summarizes the key features of ECMAScript 6 (ES6), the 2015 version of JavaScript. Some of the major additions covered include let and const for block scoping, arrow functions, template strings, enhanced object properties, the spread operator, destructuring assignments, classes and inheritance, generators, and proxies. ES6 aims to make JavaScript a more robust and feature-rich programming language.
More Related Content
What's hot
Lecture 5: Client Side Programming 1
This document provides an overview of JavaScript, including:
- JavaScript is a prototype-based, dynamic, loosely typed, multi-paradigm scripting language used primarily for client-side web applications.
- JavaScript can also be used for server-side applications with Node.js, databases like MongoDB, and other applications.
- The basics of JavaScript include variables, functions, objects, and operators. Functions have their own scope and arguments are passed by value for primitives and by reference for objects.
- The Document Object Model (DOM) represents HTML documents and allows JavaScript to programmatically access and modify elements and attributes.
- Popular JavaScript libraries like jQuery simplify DOM manipulation and other tasks, using CSS selectors
Growing jQuery
This document discusses ways to extend jQuery for custom needs through plugins. It provides examples of simple plugins for limiting checkboxes selection to 3, adding zebra striping, and creating tabs. The document emphasizes that jQuery plugins can be created easily and allow selection and actions on elements. It also notes that plugins allow extending jQuery's functionality and provides an example of extending expressions to check for dates. Overall, the document shows how jQuery can be customized through plugins for selection, actions, and expressions.
Kick start with j query
This document provides an overview of jQuery, including what it is, its benefits, how to get started using it, common tasks like selecting elements and applying actions, and some example code. jQuery is a lightweight JavaScript library that simplifies HTML document traversing, event handling, animating, and Ajax interactions. It is small in size, works across browsers, and has a large community and ecosystem of plugins and resources.
Javascript session june 2013 (iii) jquery json
This document discusses JQuery and JSON. It provides examples of how JQuery can simplify JavaScript by reducing lines of code and improving cross-browser compatibility. It highlights key aspects of JQuery including selectors, components, animations, AJAX calls, and document ready functionality. The document also provides examples of how to modify the DOM appearance, create and remove nodes, and manipulate event handlers using JQuery.
Javascript - Beyond-jQuery
Most developers have some experience with jQuery, but few of them understand the principles of Javascript and how to write and debug Javascript code. This presentation will cover best practices for writing object oriented Javascript, benchmarking, and debugging.
MVVM e Caliburn Micro for Windows Phone applications
The MVVM pattern applied to a Windows Phone application and how to implement it using the Caliburn Micro framework
AngulrJS Overview
The document shows examples of using AngularJS directives, data binding, controllers and routing to build dynamic web applications. It demonstrates the ng-repeat directive to loop and display data, using controllers to define scopes and models, and routing to load different views. Later examples introduce Angular modules, configuring routes, and using factories to share data between components.
Rails GUI Development with Ext JS
The presentation focuses on Rails scaffolding as a good starting point for playing with Ext. The biggest integration task from a Rails point of view is providing the correct JSON data structures that Ext can process - a task that can be solved in a re-usable way. Passing data around between Rails controllers and views and the actual JavaScript code is another focal point.
The presentation features a preview version of Martin Rehfeld's Ext Scaffold Generator, soon to be announced as a official Rails plugin.
by Martin Rehfeld
The Fine Art of JavaScript Event Handling
The document discusses JavaScript event handling. It provides an overview of DOM Level 0 and 2-3 event models, and notes that jQuery helps normalize event handling across browsers. It describes common events like click and change, and gotchas like the 300ms delay on mobile touch events. The document recommends using event bubbling rather than attaching individual handlers, and covers properties of event objects like target, currentTarget, and timeStamp.
Special Events: Beyond Custom Events
This document discusses jQuery special events, which allow customizing and enhancing default events. Special events can override, normalize, or create new custom events. They involve setup and teardown functions run on event binding/unbinding. Additional hooks like add/remove allow changing handler functions. Examples demonstrate creating multiclick and tripleclick events by tracking click counts. Special events provide a way to customize default event behavior in jQuery.
FuncUnit
This document provides an introduction to FuncUnit, a JavaScript functional testing framework. It discusses barriers to testing JavaScript applications, how FuncUnit addresses these barriers through its easy to use API and ability to simulate user interactions across browsers. It also provides examples of using FuncUnit to test applications written with jQuery and without page reloads.
An intro to Backbone.js
Backbone is a lightweight JavaScript MVC library that provides models, views, and controllers to structure client-side applications. It includes built-in methods for fetching and persisting model and collection data via syncing with RESTful APIs. Views handle the display and interaction of models and allow binding template rendering to model changes. Controllers map URLs to functions to define application navigation and logic. Backbone aims to provide structure while staying small in size and flexible to customize for any application.
Evented Javascript
This document discusses different approaches to handling events in JavaScript and jQuery. It covers the DOM event model, jQuery's event binding methods like bind, live, and delegate. It also discusses custom events, namespaced events, and binding events to non-DOM objects. While jQuery's bind provides a basic event model, more elaborate models exist and need to be implemented carefully to avoid poor design. Examples of other event models mentioned include CKEditor and Node.js. The document stresses binding minimal logic to native events and considering assumptions made with techniques like escape closing dialogs.
JavaScript on the Desktop
Although Web and mobile apps are getting more capable every day, often your application makes the most sense on the desktop. In this talk, we’ll look at some recent technologies that have allowed significant desktop apps — like Barnes & Noble’s NOOK Study e-textbook reader, or Adobe’s Brackets IDE — to be written in HTML5 and JavaScript. Projects like the Chromium Embedded Framework, node-webkit, and AppJS provide an excellent native-to-JS bridge. With them in hand, you can bring the full power of the Node.js and front-end ecosystems to bear, while still gaining the advantages of running as a native app.
Performances & SEO in AngularJS
It is aimed for developers who already used AngularJS in their projects or who are planning to. Angular is a great framework that enables you to build awesome Single Page Application (SPA). However, as your application grows, you can encounter situations where your expectations regarding the speed and/or the SEO of your application are not met.
During this conference, we will show you how to build a fast and scalable application. We will also share with you the guidelines and the tools that you should be using to keep your app well referenced on search engines, even when it scales to millions of pages!
Sins Against Drupal 2
The document discusses sinsful ways developers have integrated third party applications with Drupal by bypassing security protections and treating Drupal like a database. It then provides better solutions like using Drupal's menu and services modules to define custom paths and interfaces, and using Drupal functions and APIs to properly authenticate users, retrieve and save data to the database in a secure manner.
handout-05b
The document is a tutorial on using jQuery for client-side website construction. It introduces jQuery as a JavaScript library that simplifies DOM manipulation, event handling, animations and Ajax interactions. It provides instructions on loading jQuery, basic usage, and examples of selecting elements and binding events.
jQuery - 10 Time-Savers You (Maybe) Don't Know
This document discusses 10 time-saving techniques for jQuery and JavaScript:
1. Limit DOM traversal to improve performance.
2. Use chaining for cleaner code and better readability.
3. Be specific with selectors like :first-child to avoid universal selectors.
4. Understand events like .each(), .live(), and .delegate() and use appropriately.
5. Create DOM elements in memory then append for better performance.
6. Bind fewer events by checking the target of the event.
7. Choose events like .ready() and .load() carefully based on needs.
8. Think right-to-left for selectors except IDs
Sprout core and performance
This document discusses techniques for improving the performance of SproutCore applications. Some key points include:
1. Keeping intermediate state in JavaScript objects rather than the DOM to avoid unnecessary re-renders.
2. Materializing objects from JSON data only when needed to avoid copying large amounts of unused data.
3. Following speed guidelines like minifying files, using a CDN, setting caching headers to optimize delivery of assets to users.
Drupal sins 2016 10-06
This document summarizes an issue with authentication on a Drupal site and proposes better solutions.
The initial solution tried to prevent staff from logging in on public pages by checking user roles during form validation, logging users out, and redirecting to the staff login page.
A better approach is to mimic how other authentication modules handle it. The LDAP and GAuth modules attach validators or submit handlers to take over authentication processing rather than putting logic in the form validation.
The GAuth module example alters the login form to add a "Sign in with Google" button. Its submit handler handles the OAuth flow and redirects back, logging the user in if an account is found matching their Google ID.
What's hot (20)
MVVM e Caliburn Micro for Windows Phone applications
MVVM e Caliburn Micro for Windows Phone applications
Viewers also liked
10 Useful New Features of ECMA Script 6
ES6 introduced 10 new features to the JavaScript language including let and const keywords for block scoping, default parameters, template strings, arrow functions, rest parameters, generators, maps, classes, modules, and more. While feature complete in 2014 and standardized in 2015, browser support is still evolving as vendors implement the new standards. Transpilers like Babel can convert ES6 code to ES5 to provide support across browsers.
ECMAScript 6 new features
The document summarizes the key features of ECMAScript 6 (ES6), the 2015 version of JavaScript. Some of the major additions covered include let and const for block scoping, arrow functions, template strings, enhanced object properties, the spread operator, destructuring assignments, classes and inheritance, generators, and proxies. ES6 aims to make JavaScript a more robust and feature-rich programming language.
Say Hello To Ecmascript 5
ECMAScript 5 (ES5) is the 5th edition of the ECMAScript standard. It introduces new meta-level controls like property descriptors to define properties, refinements like making built-ins tamper-proof, and additions to the language API like new methods for strings and arrays. Strict mode helps catch errors and undefined behavior. Support for ES5 varies across browsers.
What is New in HTML5?
HTML5 introduces several new features for forms, media, graphics, and storage. It removes some outdated elements and aims to make the language more semantic and readable. Key additions include new form input types, audio and video elements, the canvas element for drawing graphics, and local storage for storing larger amounts of data compared to cookies.
Getting started with ES6
Getting started with all cool features of ECMAScript 6!
A better version in following link:
http://goo.gl/OuwX9t
BabelJS - James Kyle at Modern Web UI
Babel is a general purpose JavaScript compiler that allows code written for modern versions of JavaScript to be compiled into a backwards compatible format that can run on older JavaScript environments. It uses parsing, traversing an abstract syntax tree (AST), and code generation to transform code. Key parts of Babel include its parser, types module for working with AST nodes, visitor pattern for traversing nodes, and ability for third-party code (plugins) to transform the AST during parsing.
ES6: The future is now
The document provides a history of the ECMAScript specification from 1995 to 2015. It outlines the major releases and additions to the language over time including ES3.1, ES5, ES6, and the ongoing development of future versions. Key changes include the introduction of classes, modules, arrow functions, promises, generators, and more robust collection types like Sets and Maps. The specification is developed by the TC39 committee group within Ecma International.
Testing React Applications
Unit testing helps improving the quality of your code and greatly simplifies dealing with complex code. The testing framework of choice for React.js is Jest.
An overview of java script in 2015 (ecma script 6)
This document provides an overview of new features introduced in ECMAScript 6 (ES6), the sixth edition of JavaScript. It describes features like arrow functions, binary and octal literals, block scoping with let and const, classes, default parameter values, destructuring assignments, iterators and generators, shorthand methods and properties, rest parameters, spread operators, and template strings. Many of these new features allow for more concise code while maintaining backwards compatibility with older JavaScript versions.
Immutability and immutable js
Immutability refers to objects that cannot be changed once created. It is beneficial for testing, avoiding bugs, and safe refactoring as it prevents state from changing. While immutability allocates more objects in memory than mutation, it reduces side effects which makes functions easier to reason about. Functional programming relies on immutability, though other languages accept mutation. Immutable.js is a JavaScript library that provides immutable collections to enable an immutable style of programming.
Understanding ECMA Script 6 Javascript by Gaurav Khurana
The document discusses the new features introduced in ECMAScript 6 (ES6), also known as JavaScript 6. Some key changes include the addition of block-scoped variables with let and const, new object literal syntax, arrow functions, classes, modules, iterators and generators, template literals, and new methods added to built-in objects like Array, String, and Number. The document provides examples and explanations of these new language features in ES6.
Viewers also liked (12)
An overview of java script in 2015 (ecma script 6)
An overview of java script in 2015 (ecma script 6)
Understanding ECMA Script 6 Javascript by Gaurav Khurana
Understanding ECMA Script 6 Javascript by Gaurav Khurana
Similar to Getting classy with ES6
Обзор автоматизации тестирования на JavaScript
JavaScript and NodeJS overview - Capabilities in testing, NodeJS platform overview. JavaScript testing tools and frameworks - WebdriverJS, Protractor, Jasmine, Cucumber. Test Framework solutions - Page Object, Page Element, REST Api testing, Database interaction.
Week 4 - jQuery + Ajax
This document provides an introduction to jQuery, including what jQuery is, why it's useful, how to include it, and some common jQuery syntax and methods. Key points:
- jQuery is a JavaScript framework that makes interacting with HTML, CSS, and browser functionality simpler. It provides methods for DOM manipulation, AJAX requests, and event handling.
- jQuery uses CSS selector syntax to select elements and chainable methods to manipulate them. Common methods include show(), hide(), addClass(), removeClass(), and more.
- Events like click and change can have callback functions attached via jQuery. AJAX requests allow asynchronous data retrieval without page reloads.
- jQuery handles cross-browser compatibility and provides a consistent
Webauthn Tutorial
A tutorial on how the process of writing an application using a browser’s WebAuthn API, plus how to install a server, how to generate authentication challenges & responses, and how to integrate with related IAM infrastructure.
Code: https://github.com/fido-alliance/webauthn-demo
Live slides: http://slides.com/herrjemand/jan-2018-fido-seminar-webauthn-tutorial#/
Rediscovering JavaScript: The Language Behind The Libraries
This document provides a summary of the evolution of JavaScript libraries from 2004 to 2005. It discusses how in 2004, JavaScript was not taken seriously by most developers. A few libraries like Prototype.js emerged in 2005, helping popularize JavaScript for dynamic effects like drag and drop. This led to a flurry of library development in 2005, including early versions of jQuery, MochiKit and YUI. These libraries had different philosophies but helped unlock JavaScript's potential and make it a first-class language for web development.
Java script+mvc+with+emberjs
This document discusses JavaScript MVC frameworks and provides an overview of Ember.js. It explains the basic concepts of MVC including models, views, and controllers. It then demonstrates how to create models, views, and controllers in Ember.js. Additional Ember.js features like computed properties, bindings, and event handling are described. Finally, resources for learning more about Ember.js are provided.
Intro to Javascript
JavaScript is the programming language of the web. It can dynamically manipulate HTML content by changing element properties like innerHTML. Functions allow JavaScript code to run in response to events like button clicks or timeouts. JavaScript uses objects and prototypes to define reusable behaviors and properties for objects. It is an important language for web developers to learn alongside HTML and CSS.
Javascript basics for automation testing
This document provides an overview of basic JavaScript examples and concepts. It covers topics such as writing JavaScript code, variables, conditional statements, functions, loops, events, and error handling. For each topic, it provides short code snippets to demonstrate the concept. It concludes by referencing W3Schools as a resource and thanking the reader.
The Beauty of Java Script
The document discusses the beauty of JavaScript and its many features. It covers how JavaScript offers classless object-oriented programming and functional programming. It also discusses how JavaScript can run on both the client-side and server-side. The document provides examples of JavaScript syntax like variables, functions, objects, prototypes and more to demonstrate JavaScript's capabilities. It emphasizes that libraries help create abstractions and beautiful patterns in JavaScript code.
Classing up ES6 - Web Directions code 2015 (1)
1. The document discusses how JavaScript classes have evolved over time from simple prototypes to the class syntax introduced in ES6.
2. It provides examples of defining classes, inheritance between classes, class constructors, getters and setters, default parameters, and rest parameters.
3. The document concludes by discussing whether classes are just syntactic sugar and addresses compatibility across browsers.
Doctrine For Beginners
Come to this talk prepared to learn about the Doctrine PHP open source project. The Doctrine project has been around for over a decade and has evolved from database abstraction software that dates back to the PEAR days. The packages provided by the Doctrine project have been downloaded almost 500 million times from packagist. In this talk we will take you through how to get started with Doctrine and how to take advantage of some of the more advanced features.
The Beauty Of Java Script V5a
The document discusses the beauty of JavaScript and its many features. It covers how JavaScript offers classless object-oriented programming and functional programming. It also discusses how JavaScript can run on both the client-side and server-side. The document provides examples of JavaScript syntax like variables, functions, objects, inheritance through prototypes, and AJAX requests. It emphasizes how libraries help create abstractions and beautiful patterns in JavaScript code.
Javascript Frameworks for Joomla
The document discusses how JavaScript frameworks like MooTools can be leveraged in Joomla sites to provide features like DOM manipulation, classes, event listeners, and effects. It describes how MooTools is the default framework used by Joomla and provides examples of its key capabilities. Additionally, it offers suggestions for optimizing framework usage, such as implementing the Google Loader API to decrease page load times.
前端MVC 豆瓣说
The document describes the Backbone.js framework and how it can be used to build single page applications. It explains the core components of Backbone - Models, Collections, Views and Routers. It provides examples of initializing a Backbone application, defining models and collections, creating views to render data, and setting up routes and navigation. It also covers events, templating, and best practices for structuring Backbone code into separate JavaScript files for models, collections, views etc.
Advanced javascript
This document discusses advanced JavaScript techniques. It covers object-oriented JavaScript concepts like references, function overloading, type checking, scopes, closures, object creation, and inheritance. It also discusses performance improvements like scope management, object caching, and optimizing DOM selection. Finally, it discusses debugging and testing JavaScript code as well as distributing JavaScript applications.
Taming forms with React
Forms are inevitable. Forms are hard. Forms with React sometimes even harder. In this talk, we’ll start by exploring best practices to efficiently work with react/redux forms and proceed with building a custom abstraction layer for easier form management.
Experience Manager 6 Developer Features - Highlights
Circuit Chicago Presentation - a highlight of developer centric features for Adobe Experience Manager 6. Presented by Emily Stange and Cedric Huesler
Unit3.pptx
This document provides an introduction to jQuery, including:
- What jQuery is and its main features like DOM manipulation, CSS manipulation, events, effects, animations, and AJAX.
- The benefits of jQuery like being browser independent and increasing coding speed.
- How to add jQuery to web pages by downloading the jQuery library, including the jQuery file, and writing jQuery code within script tags.
- jQuery selectors that allow selecting elements based on name, id, classes, attributes, and more. Common selectors include element, id, class, and universal selectors.
- jQuery events like click, change, submit, and how to attach event handler functions using methods like click(), change
Virtual Madness @ Etsy
These are slides to my presentation on Virtual Madness - the virtual machine management platform at Etsy.
Java script object model
JavaScript uses objects to organize data. There are primitive values like numbers and strings, as well as object values like arrays, functions, regular expressions, and dates. Objects are collections of key-value pairs and can be created using object or constructor notation. Arrays are objects that hold multiple values and functions can be used as objects by invoking them with the new keyword. Prototypes allow objects to inherit properties from parent objects and form prototype chains. Frameworks like MooTools use classes and inheritance to organize code into reusable objects.
Introduction to ECMAScript 2015
My presentation about main features of upcoming ECMAScript 2015 standard (also known as ECMAScript 6)
Similar to Getting classy with ES6 (20)
Rediscovering JavaScript: The Language Behind The Libraries
Rediscovering JavaScript: The Language Behind The Libraries
Experience Manager 6 Developer Features - Highlights
Experience Manager 6 Developer Features - Highlights
Recently uploaded
Full-RAG: A modern architecture for hyper-personalization
Mike Del Balso, CEO & Co-Founder at Tecton, presents "Full RAG," a novel approach to AI recommendation systems, aiming to push beyond the limitations of traditional models through a deep integration of contextual insights and real-time data, leveraging the Retrieval-Augmented Generation architecture. This talk will outline Full RAG's potential to significantly enhance personalization, address engineering challenges such as data management and model training, and introduce data enrichment with reranking as a key solution. Attendees will gain crucial insights into the importance of hyperpersonalization in AI, the capabilities of Full RAG for advanced personalization, and strategies for managing complex data integrations for deploying cutting-edge AI solutions.
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
Maruthi Prithivirajan, Head of ASEAN & IN Solution Architecture, Neo4j
Get an inside look at the latest Neo4j innovations that enable relationship-driven intelligence at scale. Learn more about the newest cloud integrations and product enhancements that make Neo4j an essential choice for developers building apps with interconnected data and generative AI.
National Security Agency - NSA mobile device best practices
Threats to mobile devices are more prevalent and increasing in scope and complexity. Users of mobile devices desire to take full advantage of the features
available on those devices, but many of the features provide convenience and capability but sacrifice security. This best practices guide outlines steps the users can take to better protect personal devices and information.
Essentials of Automations: The Art of Triggers and Actions in FME
In this second installment of our Essentials of Automations webinar series, we’ll explore the landscape of triggers and actions, guiding you through the nuances of authoring and adapting workspaces for seamless automations. Gain an understanding of the full spectrum of triggers and actions available in FME, empowering you to enhance your workspaces for efficient automation.
We’ll kick things off by showcasing the most commonly used event-based triggers, introducing you to various automation workflows like manual triggers, schedules, directory watchers, and more. Plus, see how these elements play out in real scenarios.
Whether you’re tweaking your current setup or building from the ground up, this session will arm you with the tools and insights needed to transform your FME usage into a powerhouse of productivity. Join us to discover effective strategies that simplify complex processes, enhancing your productivity and transforming your data management practices with FME. Let’s turn complexity into clarity and make your workspaces work wonders!
UiPath Test Automation using UiPath Test Suite series, part 5
Welcome to UiPath Test Automation using UiPath Test Suite series part 5. In this session, we will cover CI/CD with devops.
Topics covered:
CI/CD with in UiPath
End-to-end overview of CI/CD pipeline with Azure devops
Speaker:
Lyndsey Byblow, Test Suite Sales Engineer @ UiPath, Inc.
“I’m still / I’m still / Chaining from the Block”
“An Outlook of the Ongoing and Future Relationship between Blockchain Technologies and Process-aware Information Systems.” Invited talk at the joint workshop on Blockchain for Information Systems (BC4IS) and Blockchain for Trusted Data Sharing (B4TDS), co-located with with the 36th International Conference on Advanced Information Systems Engineering (CAiSE), 3 June 2024, Limassol, Cyprus.
UiPath Test Automation using UiPath Test Suite series, part 6
Welcome to UiPath Test Automation using UiPath Test Suite series part 6. In this session, we will cover Test Automation with generative AI and Open AI.
UiPath Test Automation with generative AI and Open AI webinar offers an in-depth exploration of leveraging cutting-edge technologies for test automation within the UiPath platform. Attendees will delve into the integration of generative AI, a test automation solution, with Open AI advanced natural language processing capabilities.
Throughout the session, participants will discover how this synergy empowers testers to automate repetitive tasks, enhance testing accuracy, and expedite the software testing life cycle. Topics covered include the seamless integration process, practical use cases, and the benefits of harnessing AI-driven automation for UiPath testing initiatives. By attending this webinar, testers, and automation professionals can gain valuable insights into harnessing the power of AI to optimize their test automation workflows within the UiPath ecosystem, ultimately driving efficiency and quality in software development processes.
What will you get from this session?
1. Insights into integrating generative AI.
2. Understanding how this integration enhances test automation within the UiPath platform
3. Practical demonstrations
4. Exploration of real-world use cases illustrating the benefits of AI-driven test automation for UiPath
Topics covered:
What is generative AI
Test Automation with generative AI and Open AI.
UiPath integration with generative AI
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
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
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
Neha Bajwa, Vice President of Product Marketing, Neo4j
Join us as we explore breakthrough innovations enabled by interconnected data and AI. Discover firsthand how organizations use relationships in data to uncover contextual insights and solve our most pressing challenges – from optimizing supply chains, detecting fraud, and improving customer experiences to accelerating drug discoveries.
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
As the digital landscape continually evolves, operating systems play a critical role in shaping user experiences and productivity. The launch of Nitrux Linux 3.5.0 marks a significant milestone, offering a robust alternative to traditional systems such as Windows 11. This article delves into the essence of Nitrux Linux 3.5.0, exploring its unique features, advantages, and how it stands as a compelling choice for both casual users and tech enthusiasts.
Climate Impact of Software Testing at Nordic Testing Days
My slides at Nordic Testing Days 6.6.2024
Climate impact / sustainability of software testing discussed on the talk. ICT and testing must carry their part of global responsibility to help with the climat warming. We can minimize the carbon footprint but we can also have a carbon handprint, a positive impact on the climate. Quality characteristics can be added with sustainability, and then measured continuously. Test environments can be used less, and in smaller scale and on demand. Test techniques can be used in optimizing or minimizing number of tests. Test automation can be used to speed up testing.
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
Dr. Sean Tan, Head of Data Science, Changi Airport Group
Discover how Changi Airport Group (CAG) leverages graph technologies and generative AI to revolutionize their search capabilities. This session delves into the unique search needs of CAG’s diverse passengers and customers, showcasing how graph data structures enhance the accuracy and relevance of AI-generated search results, mitigating the risk of “hallucinations” and improving the overall customer journey.
Removing Uninteresting Bytes in Software Fuzzing
Imagine a world where software fuzzing, the process of mutating bytes in test seeds to uncover hidden and erroneous program behaviors, becomes faster and more effective. A lot depends on the initial seeds, which can significantly dictate the trajectory of a fuzzing campaign, particularly in terms of how long it takes to uncover interesting behaviour in your code. We introduce DIAR, a technique designed to speedup fuzzing campaigns by pinpointing and eliminating those uninteresting bytes in the seeds. Picture this: instead of wasting valuable resources on meaningless mutations in large, bloated seeds, DIAR removes the unnecessary bytes, streamlining the entire process.
In this work, we equipped AFL, a popular fuzzer, with DIAR and examined two critical Linux libraries -- Libxml's xmllint, a tool for parsing xml documents, and Binutil's readelf, an essential debugging and security analysis command-line tool used to display detailed information about ELF (Executable and Linkable Format). Our preliminary results show that AFL+DIAR does not only discover new paths more quickly but also achieves higher coverage overall. This work thus showcases how starting with lean and optimized seeds can lead to faster, more comprehensive fuzzing campaigns -- and DIAR helps you find such seeds.
- These are slides of the talk given at IEEE International Conference on Software Testing Verification and Validation Workshop, ICSTW 2022.
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Discover the seamless integration of RPA (Robotic Process Automation), COMPOSER, and APM with AWS IDP enhanced with Slack notifications. Explore how these technologies converge to streamline workflows, optimize performance, and ensure secure access, all while leveraging the power of AWS IDP and real-time communication via Slack notifications.
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
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.
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
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
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
Recently uploaded (20)
Full-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalization
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
National Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practices
Essentials of Automations: The Art of Triggers and Actions in FME
Essentials of Automations: The Art of Triggers and Actions in FME
UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
Climate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing Days
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
Getting classy with ES6
- 1. Getting classy with ES6 Andy Sharman // @udjamaflip
- 2. A quick JavaScript history
- 3. It used to look like this... <script> function openWin() { window.open("http://www.domain.com/myotherpage.html"); } </script> <input type="button" value="Open Window" onclick="openWin()">
- 4. ...and that was a good start.
- 5. Then we started getting a bit clever with JS function UserManager(){ this.userDetails = {}; } UserManager.prototype.setName = function( firstName, lastName ) { return this.userDetails.name = firstName + ' ' + lastName; }; var billy = new UserManager(); billy.setName('Billy', 'Smith'); console.log(billy); output: UserManager {userDetails: Object, setName: function} userDetails: Object name: "Billy Smith" __proto__: Object __proto__: UserManager
- 6. Object-Orientated JS really became popular var Cat = new Class({}); - mootools jQuery.extend( target [, object1 ] [, objectN ] ) - jQuery var HelloWorld = angular.module("Demo", []); HelloWorld.factory("FooBar", function() {}); - Angular var HelloMessage = React.createClass({}); - React.js
- 7. But wasn’t quite as “elegant” as other languages
- 8. ES6 made it classy Classes with inheritance: class UserManager extends Users {
- 9. ES6 made it classy Classes with inheritance: class UserManager extends Users { Constructors: constructor() {
- 10. ES6 made it classy Classes with inheritance: class UserManager extends Users { Constructors: constructor() { Getters/Setters: get name() {
- 11. ES6 made it classy Classes with inheritance: class UserManager extends Users { Constructors: constructor() { Getters/Setters: get name() { Rest params: myMethod(...name) {
- 12. ES6 made it classy Classes with inheritance: class UserManager extends Users { Constructors: constructor() { Getters/Setters: get name() { Rest params: myMethod(...name) { Default param values: myMethod(foo = 'my default string') {
- 13. ES6 made it classy Classes with inheritance: class UserManager extends Users { Constructors: constructor() { Getters/Setters: get name() { Rest params: myMethod(...name) { Default param values: myMethod(foo = 'my default string') { Arrow functions: document.addEventListener('DOMReady', (e) => {
- 14. This is the current support ES6 Support table by Kangax
- 15. Yes, that was Microsoft Edge leading the way
- 17. Questions? Andy Sharman // @udjamaflip