Index. Ray Nicholus 2016 R. Nicholus, Beyond jquery, DOI /

Size: px

Start display at page:

Download "Index. Ray Nicholus 2016 R. Nicholus, Beyond jquery, DOI /"

Valerie Ray
6 years ago
Views:

1 Index A addclass() method, 2 addeventlistener, 154, 156 AJAX communication, 20 asynchronous operations, 110 expected and unexpected responses, 111 HTTP, 110 web sockets, 111 AJAX requests DELETE requests, 115 encoding (see Encoding requests and responses ) fetch API, 112 GET request, 112 onerror, 112 onload, 112 PATCH requests, POST requests, PUT requests, 114 Ancient browsers, 20 Ancient browser support addeventlistener, 157 attachevent method, 157 detachevent, 158 Event object, 159 field change events, 158 stoppropagation method, 159 Arrays, iterating array items, locating specific items, mapping and merging, pseudo-arrays management, Async functions browser support, 177 callback hell, 176 promise API, 174, 177 saverecord function, 175 Asynchronous call, 161 Asynchronous operations, 110 attr() method, 67 Attribute action and method, 54 Boolean and variable, 54 custom, 57 element properties, 55 href, type, and name, 54 HTML 5.1 standardized hidden, 55 HTML elements, 53 non-standard custom, 55 single-quoted and double-quoted, 55 B Beforeunload event, 156 Box model, 92 Browser events beforeunload event, 156 bubbling phase, bubbling vs. capturing, capturing phase, controlling event, preventdefault(), 145 custom events, 134, DOM eventscreation (see DOM events ) event delegation, load, 134 native browser events, C Callbacks beforedelete handler function, 162 callback hell, 166, , 176 error-first callbacks, 163, node.js, 163 onload and onerror callbacks, 170 solving common problems, Caniuse.com, 211 Chrome, 21 click event, 134 closest. Element.closest(), 46 Ray Nicholus 2016 R. Nicholus, Beyond jquery, DOI /

2 Complex element data storage and retrieval data- attribute, 75 DOM element removal events, 77 jquery approach, natural approach, Controlling event propagation, 144 Click event, 146 preventdefault(), 144 web API, 145 Core element selectors class attributes jquery, 34 Web API, 34 element tags jquery, 36 native <form>, 35 web API, 36 IDs jquery, 32 web API, pseudo-classes, createelement method, 108 Cross-domain communication CORS, JSONP, Cross Origin Resource Sharing (CORS), Custom events, 132, 147 jquery custom events, 139 web API, 140 D Data attributes reading and updating, jquery, storing small bits of data, 73 web API, read and update, 74 data-cache-idx attribute, 77 data-scene-offsets attribute, 74 Desktop browsers, 22 Document object model (DOM), 23 DOM API, 25 DOMContentLoaded event, 155 DOM element hierarchy, 24 DOM events firing DOM events with jquery, without jquery, web API, DOM manipulation clone elements, DOM API, 102 creating and deleting elements, insertadjacenthtml method, 104 moving elements, reordering elements, DOM API, rich content, 107 text content, web development, DomTokenList, 63 E ECMAScript, 28 ECMAScript language, 183 ECMAScript language specification, 29 Element interface property, 73 Element attributes, reading and modifying class attributes adding and removing classes, 64 reading classes, 63 toggling classes, 65 custom attributes modifying attributes, 67 reading attributes, data attributes, 66 Element.dataset, 79 Element data storage ECMAScript 6 WeakMap, 78 elements connecting, 70 HTML5 dataset property, storing models, 70 tracking state, Element.outerHTML property, 108 Elements finding using attributes attribute names, attribute values and names, wildcard and fuzzy attribute selectors attribute values, 62 HTML fragment, 60 specific characters, 60 specific words, 61 Encoding requests and responses JSON, multipart encoding, URL encoding, error events, 153 Er ror-fi rst callback, 163, , 169 European Computer Manufacturer s Association (ECMA), 28 Event object, 134, 159 Event delegation, Event handlers passing data, Event notifications jquery event handlers, Web API, EventTarget type, 24 Expando property,

3 F Firefox, 21 Flash and Java Applets, 20 Functions, G Google s Android operating system, 22 H hide() method, 13 HTML 4.01 and XHTML 1.0 documents, 25 HTML5, 25 HTMLInputElement, 67 HTMLVideoElement object, 76 HyperText Transfer Protocol (HTTP), 110 I Inline event handlers, 72, 142 Inline style assignment, 72 innerhtml property, 107 Internet Explorer 10+, 21 J JavaScript, 23, 27 JavaScript context, JavaScript libraries, 4 JavaScript objects copying and merging, keys and values, JavaScript utility functions calling existing function, creating function existing, date prototype methods, 180 JSON conversion, string manipulation, 183 XML string, jquery browser s native tools, 12 closer-to-the-metal solutions, 12 CSS classes, 13 CSS files, 5 current array element, 17 DOM, 4 elegance, 3 Event object, 12 find() method, 17 getcomputedstyle(), 14 GET request, 3 GZIP, 15 hide() method, 13 HTTP, 15 implementation, 9 JavaScript, 12 JSON, 12 method chaining, 3 preceding code, 14 ready() method, 15 Regressive libraries, 16 Software development, 3 usage, 2 web API and JavaScript, 11 web API method, 14 web developer, 7 web development, 1 jquery method chaining, 3 JSON encoding, 119 fetch API, 121 onload function, 120 XMLHttpRequest, 121 JSONP, K Keyboard events event.preventdefault(), 153 identifying pressed keys, image carousel, types, 150 L Legacy browsers, 20 Leveraging ECMAScript 2015 weakmap collections, 79 Load events, 155 M Mastering advanced element selection element categories and modifiers, first() API method, 52 HTML fragment, 48 jquery s API, 49 multiple selectors, 50 queryselectorall, 51 web API, 49 Mobile browsers, 22 Mobile Chrome, 22 Mobile landscape, 22 Modern browsers, 21 Mozilla, 20 Mozilla Developer Network, 210 Multipart encoding,

4 N Native events, 134 Netscape s JavaScript, 28 Nexus, 19 Node.js, 163 O Objects, O bj e cts. See JavaScript objects Official web and language specs, 210 Opera, 21 P Pairing data, elements managing data, 72 memory leaks, 71 Primitives, Promises, 167 AJAX request, 170 askfor function, 169 async operations simplification, async tasks monitoring, 172 callback hell, fixing, catch method, 168 constructor, 168 fulfilled function, 168 jquery s promise implementation, 173 native browser support, 173 ECMAScript 2015 promise object, 168 promptfortext function, 169 reject function, 168 Pseudo-arrays, Q queryselector, 34 queryselectorall, 35, 38 R Ready() method, 15 Regressive libraries, 16 Replacement for $(selector), 52 S Safari, 21 Selecting elements, based on relations ancestors and descendants closest() function, 48 closest. Element.closest(), 46 Element.matches, 48 find() method, 46 jquery s, 45 Node relationship, 45 retrieve closest element ancestor, 46, 48 retrieve element descendants, 48 web API, 46 parents and children HMTL fragment, 38 jquery, 39 node/element, 38 nodetype property, 41 ParentNode interface, 40 ParentNode.children, 40 web API, 40 siblings CSS selectors, 43 ElementTraversal, 43 ElementTraversal interface, 44 jquery, 42 modern browsers and internet explorer 8, 44 nextsibling property, 45 Node.previousSibling property, 43 preceding and subsequent, reference element, 43 web API, 42 setattribute method, 67 show() and hide() API methods, 90 Stack overflow, 211 Standardized async task handling, 178 String manipulation, 183 Style attribute, 82 Style sheets addrule, 87 CSSStyleSheet interface, 87 holistic approach, 87 index.html setting styles, 86 insertrule method, 87 multiple selector, 86 setting styles, <style> Element, 85 styles.css and index.html, 86 styles.css external style sheet, 86 Styling elements jquery s css() method, 81 CSSStyleDeclaration interface, Element objects one approach, 81 ElementCSSInlineStyle interface, 83 font-weight CSS style, 84 inline styles, natural programmatic approach, 81 optimized non-jquery approach, 89 setting and determining element visibility native web approach, 90, 92 standardized hidden attribute, 91 typical jquery approach, 90 setting styles, the style property, 83 style.csstext property,

5 styles.css pressed button styles, 88 style sheets (see Stylesheets ) using jquery, 88 width and height, determining box model, 92, 94 content + padding, 94 content + padding + border, 95 DOM abstraction, 92 using jquery, 93 without jquery, T TC39, 28 text() method, 105 Twitter, 211 Style attribute, 81 U Uploading and manipulating files Internet Explorer 9, 124 modern browsers, 126 reading and creating files, 127 target attribute, 125 URL encoding, V vanilla JS, 208 W W3C DOM Level 3 Events specification, 144 WeakMap, 80 Web API, 23 Web API and Vanilla JavaScript ancient browsers, 20 browsers, 19 DOM, 23 DOM API, 23 language vs. Web API, 27 Mobile Browsers, 22 Modern Browsers, 21 Nexus, 19 organizations, 19 standardization process, 28 Web API DOM Events, Web development, Web sockets, 111 window resize event handler, 141 window.getcomputedstyle, 90 X, Y, Z XMLHTTP, 109 XMLHttpRequest, 26 XML string conversion,

This course is designed for web developers that want to learn HTML5, CSS3, JavaScript and jquery.

This course is designed for web developers that want to learn HTML5, CSS3, JavaScript and jquery. HTML5/CSS3/JavaScript Programming Course Summary Description This class is designed for students that have experience with basic HTML concepts that wish to learn about HTML Version 5, Cascading Style Sheets