Download as PDF, PPTX
![var x = [0];
x == x // true
x == !x // true
['',''] == ',' // true
['',''] === ',' // false
'5' - 3 // 2
'5' + 3 // 53](https://image.slidesharecdn.com/javascriptforwebanalytics-180912141141/75/JavaScript-for-Web-Analysts-8-2048.jpg)
Uploaded byLukáš Čech
JavaScript for Web Analysts
JavaScript for Web Analytics is a beginner's guide to using JavaScript for web analytics. It covers JavaScript basics like data types, operators, control structures and functions. It also discusses more advanced topics like scope, closures, callbacks, asynchronous programming and the event loop. The document is intended to teach readers JavaScript concepts from very basic to more complex topics in order to understand how to use JavaScript for web analytics.
More Related Content
Similar to JavaScript for Web Analysts
![50 common web developer interview questions [2020 updated] [www.full stack....](https://cdn.slidesharecdn.com/ss_thumbnails/50commonwebdeveloperinterviewquestions2020updated-www-191031082308-thumbnail.jpg?width=640&height=640&fit=bounds)
JavaScript for Web Analysts
- 1. JavaScript for WebAnalytics Beginners Guide by Lukáš Čech
- 2. Lukáš Čech (in numbers) Malehuman (35) Internet (20) Etnetera (11) Analytics (8) Father (4) MeasureCamp (3) Double father (2) *) as of 16.9.2017
- 3. Inspired by Principy JavaScriptu byRiki Fridrich
- 4. JavaScript is ahigh-level, dynamic, weakly typed, object- based, multi-paradigm, and interpreted programming language.
- 5.
- 7.
- 8. var x =[0]; x == x // true x == !x // true ['',''] == ',' // true ['',''] === ',' // false '5' - 3 // 2 '5' + 3 // 53
- 9.
- 11. The basics ofthe basics – Primitive types Undefined Null Boolean Number String
- 12. The basics –Reference types Object*) (Associative Array) → Array → Function (IIFE1) Regex *) JSON2
- 13. Primitive var key =1; function add (input) { input++; } add(key); console.log(key); // 1 var obj = {key: 1}; function add (input) { input.key++; } add(obj); console.log(obj.key); // 2 Reference
- 14. var obj ={key: 1}; function add (input) { input.key++; } add(JSON.parse(JSON.stringify(obj))); console.log(obj.key); // 1
- 15. length slice(start, end) substring(start, end) substr(start,length) indexOf(), lastIndexOf() split(separator), concat() search(), replace() Array Methods and PropertiesString Methods and Properties length push(item), pop() shift(), unshift() slice(), splice() indexOf() join(), concat() sort(), reverse()
- 16. Operations & Comparisons +,-, *, /, %, ++, -- =, +=, -=, *=, /=, %= ==, ===, !=, !==, <, >, >=, <= &&, ||, !, typeof, instanceof ? &, |, ~, ^, <<, >>, >>> Still the basics
- 17. Control Structures Functions if-else, switch for,for/in while, do/while try..catch, throw
- 18. The almost-nerdy stuff Hoisting Scope ScopeChain call(), apply(), bind() this Closure
- 19. function logString (){ var string = 'a'; console.log(string); }; logString(); // a console.log(string); // Uncaught ReferenceError // 'string' doesn't exist in global scope var string; string = 'a'; function logString () { console.log(string); }; logString(); // a Scope ChainGlobal Vs. Function Scope
- 20. for (var i=0;i<3; i++) { setTimeout(function() { console.log(i); }, 0); } // 3 // 3 // 3 function async (i) { setTimeout(function() { console.log(i); }, 0); }; for (var i=0; i<3; i++) { async(i); } // 0 // 1 // 2 Calling function creates own scopeClosure is created
- 21. The nerdy stuff EventLoop Events Callbacks
- 22. console.log('start'); setTimeout(function() { console.log('hello fromcallback'); }, 0); console.log('end'); // "start" // "end" // "hello from callback"
- 23.
- 24.
- 25.
- 26. Honey, bring me abeer!!! Async 🙌
- 27.
- 28. Neighboring Galaxies Tag Management, HTTP,DNS, SSL, Cookies, HTML/DOM, Browsers, Console, Local Storage, API, REST, jQuery Web servers, Databases, Node.js, Mobile, Linters, Package Managers, Bundlers, Task Runners, Selenium, PhantomJS, CasperJS, Charles Proxy, VCS, Babel, React,...
- 29. Don't try thisat home "use strict"; Prototypal inheritance Promises ECMAScript 6+ Immutable Stateless JS