background preloader

Javascript

Facebook Twitter

GitHub - javascript-society/javascript-path: List of books to master JavaScript Development. PERFORMANCE IN JAVASCRIPT ENGINES EXPLAINED. JavaScript by Mahboob Ur Rasheed. Building a Custom Right-Click (Context) Menu with JavaScript. Web applications, as opposed to just informational websites, are being more and more utilised as the web continues to mature.

Building a Custom Right-Click (Context) Menu with JavaScript

Two cutting edge and leading examples of web applications are Gmail and Dropbox. As web apps continue to grow in functionality, accessibility, and usefulness, the need to streamline their efficiency also increases. An emerging (and highly useful) concept that’s being utilised by the two formerly mentioned apps is a customised context menu. In this tutorial, we’re going to cover a few things: Define what a context menu actually is, and understand its purpose and position in web application architecture.Use front-end code to build our very own custom context menu, from styling with CSS, to triggering with JavaScriptTop it all off with a little discussion on the practicalities of customised context menus, and some do’s and don’ts when it comes to production-level implementations.

Let’s dive in! Painting the Picture — a Task List App Example Building our Base Structure. 20 Docs and Guides for Front-end Developers - I'm Programmer. It is that time again to choose the tool or technology that you want to brush up on.

20 Docs and Guides for Front-end Developers - I'm Programmer

If you feel like you have been working hard at building, but maybe not learning as much as you’d like, I’ve got your back. I have listed 20 Docs and Guides for Front-end Developers as below. Please enjoy our Docs and Guides series and don’t forget to let us know of any others that we haven’t yet included in this post. HTML Book An unofficial specification initiated by O’Reilly Media for outlining an XHTML5-based standard for authoring and producing digital and print books. The HTML & CSS Workmanship Manual A good HTML/CSS style guide to help developers write “durable, reliable” code, loosely inspired by NASA’s Workmanship Standards Program.

ECMAScript 6 Cheatsheet I don’t think we can have too many ES6 learning resources, so here’s another one. DevTools Challenger An interactive site that demonstrates how to use the new animation-related features present in Firefox Developer Edition. Six Speed. Functional programming in Javascript: map, filter and reduce - joepie91's Ramblings. This article is meant to be an introduction to functional programming in Javascript - specifically, it will explain the map, filter and reduce methods.

Functional programming in Javascript: map, filter and reduce - joepie91's Ramblings

While these are natively available in any recent browser and in Node.js, most articles on them are far too technical to understand, while the concept of these functions is actually really simple, and will benefit any developer - even those working on simple scripts. Note that I'll be pretty verbose in this article, to make the concept understandable to developers of any skill level. If you're already familiar with some of the concepts described, you can safely skip over those bits. Similarly, if you're a more advanced developer, and examples alone are enough for you, just skip over the text entirely. 10 Interview Questions Every JavaScript Developer Should Know — JavaScript Scene. Good to hear: Classes: create tight coupling or hierarchies/taxonomies.Prototypes: mentions of concatenative inheritance, prototype delegation, functional inheritance, object composition.

10 Interview Questions Every JavaScript Developer Should Know — JavaScript Scene

Red Flags: No preference for prototypal inheritance & composition over class inheritance. Learn More: 4. OOP Pros: It’s easy to understand the basic concept of objects and easy to interpret the meaning of method calls. OOP Cons: OOP Typically depends on shared state. FP Pros: Using the functional paradigm, programmers avoid any shared state or side-effects, which eliminates bugs caused by multiple functions competing for the same resources. FP also tends to favor declarative and denotational styles, which do not spell out step-by-step instructions for operations, but instead concentrate on what to do, letting the underlying functions take care of the how.

Red flags: 5. This is a trick question. Rarely, almost never, or never. Arrayzing - The JavaScript array cheatsheet · GitHub. Arrayzing - The JavaScript array cheatsheet This is a work-in-progress cheatsheet for JS arrays.

Arrayzing - The JavaScript array cheatsheet · GitHub

Please feel free to leave a comment if this has helped you or you would like to suggest anything. Create an array var meals = ['breakfast', 'lunch', 'dinner'] ; Empty an array. TheAdplate/idiomatic.js. You-Dont-Know-JS/README.md at master · getify/You-Dont-Know-JS. Javascript/es5 at master · airbnb/javascript. Free Resources - JavaScript.com. JS Libraries. JS: The Right Way. ②ality – JavaScript and more. Zeros in JavaScript. JavaScript and Object Oriented Programming (OOP) JavaScript and Object Oriented Programming (OOP) Credits: This tutorial is written and contributed by Tim Scarfe.

JavaScript and Object Oriented Programming (OOP)

Edited by JavaScriptKit.com for content/ structure. Object-oriented Programming. This file is part of the first edition of Eloquent JavaScript.

Object-oriented Programming

Consider reading the second edition instead. ¶ In the early nineties, a thing called object-oriented programming stirred up the software industry. Most of the ideas behind it were not really new at the time, but they had finally gained enough momentum to start rolling, to become fashionable. Books were being written, courses given, programming languages developed. All of a sudden, everybody was extolling the virtues of object-orientation, enthusiastically applying it to every problem, convincing themselves they had finally found the right way to write programs.

Object Oriented Programming.