background preloader

GitHub - getify/You-Dont-Know-JS: A book series on JavaScript. @YDKJS on twitter.

GitHub - getify/You-Dont-Know-JS: A book series on JavaScript. @YDKJS on twitter.

Related:  JSlynxeJS2JavaScript

A Gentle Introduction to Functional JavaScript: Part 1 This is part one of a threefour-part series introducing ‘functional’ programming in JavaScript. In this article we take a look at the building blocks that make JavaScript a ‘functional’ language, and examine why that might be useful. What the Func? appendTo Web Development Training Courses for Teams Easily one of the weirder new constructs within the new ES6 spec, the es6 generator answers a perplexing question: What would happen if you stopped a loop in the middle of its execution, went off and did something else for a while, then came back? It turns out that you can actually do quite a bit. A generator, at first blush, looks very much like a function with a loop in it:

Flickr ‘Justified’ Layout in JQuery – Update: I’ve done a updated version, with scrolling, and various input boxes for changing the tags to search for here: Enjoy. Someone posted recently on Stackoverflow asking how the new Flickr Justified photo pages had been created. i.e. how to create multiple rows of evenly spaced images without cropping the images to fit. It was something I had been wondering about for a while, so I did a bit of investigation. Learning JavaScript Design Patterns Design patterns are reusable solutions to commonly occurring problems in software design. They are both exciting and a fascinating topic to explore in any programming language. One reason for this is that they help us build upon the combined experience of many developers that came before us and ensure we structure our code in an optimized way, meeting the needs of problems we're attempting to solve. Design patterns also provide us a common vocabulary to describe solutions. This can be significantly simpler than describing syntax and semantics when we're attempting to convey a way of structuring a solution in code form to others.

Karma Tutorial - Unit Testing JavaScript A quick start guide to testing client side code using Karma. What's Karma? Karma is a tool that enables the running of source code (i.e. JavaScript) against real browsers via the CLI. The fact that it runs against real browsers rather than "fakes" with a virtual DOM is extremely powerful. DOM implementations vary across browsers therefore the idea is to use the actual browsers for correctness. Use destructuring in ES2015 and write more concise code — Beautiful JavaScript Use destructuring in ES2015 and write more concise code ECMAScript 2015 introduced a lot of syntactic sugar which can help you write more concise and prettier code. Destructuring is a big one here — a simple, but powerful feature that makes writing code in a more concise way. When transitioning to ES5 codebase now, this is the feature I miss the most. Why is it that useful? When should you use it?

Justified Gallery This is a JQuery plugin that allows you to create an high quality justified gallery of images. A common problem, for people who create sites, is to create an elegant image gallery that manages the various sizes of thumbnails. Flickr and Google+ manage this situation in an excellent way, the purpose of this plugin is to give you the power of those solutions, with a new professional and open source plugin. Install bower install justified-gallery Tutorial: Tour of Heroes - ts - TUTORIAL Our grand plan for this tutorial is to build an app to help a staffing agency manage its stable of heroes. Even heroes need to find work. Of course we'll only make a little progress in this tutorial. What we do build will have many of the features we expect to find in a full-blown, data-driven application: acquiring and displaying a list of heroes, editing a selected hero's detail, and navigating among different views of heroic data. The Tour of Heroes covers the core fundamentals of Angular.

ES5 Objects vs. ES6 Maps – The differences and similarities There’s a new data structure in ES6 called a map. It has this concept wherein you can store data in the map by using a key, then can retrieve the data from the map by passing in the key. It should revolutionize the way that Javascript is … wait a second… Isn’t that what an object does? Three Super Easy Ways to Pull Off a Masonry Layout Three Super Easy Ways to Pull Off a Masonry Layout Masonry style layouts push the boundaries of creative layout techniques. I personally love how capable they prove to be at maximizing the efficiency of galleries containing items with varying heights. Every bit of screen space is used and the result can be downright mesmerizing. Today we’re going to dive into the concept, ideas and popular techniques that are currently prevalent in masonry style layouts.

12 Books Every JavaScript Developer Should Read – JavaScript Scene – Medium I’m a big fan of JavaScript books. Being a long-time learner of JavaScript, I’ve had the pleasure of reading a great many of the popular JavaScript books on the market. These days I tend to skip the ones targeted to rank newbies, but I still read a lot of books intended for JavaScript developers with a little experience. This is a strange time for JavaScript books. Because we just got a major update to the JavaScript language in ES6, today’s JavaScript syntax and style looks quite different from the ES3-ES5 style JavaScript you’ll see discussed in most books, but because ES6 is really just a superset of ES5, most of the old books have nuggets of learning that still apply. In other words, the old books aren’t obsolete, they’re just showing their age a little — even the ones released only 2 years ago.

Spelling dictionaries — TeXnicCenter 2.0 documentation Additional dictionaries TeXnicCenter is distributed with English, German and French dictionaries. Dictionaries for several other languages are provided by the project. Installing dictionaries TeXnicCenter uses the Hunspell spell checker whose dictionaries consist of two files: an affix and a dictionary file. Single file dictionaries with the .oxt file extension have to be decompressed first using a file archiver utility such as 7-Zip.

Integration and Comparison for ES6 - Web Design Weekly If you’re still writing JavaScript using ES5 (also known as ECMAScript 5) and desire to author in ES6 (ES2015) fear not. We’ll look over some logical ways to start using this new syntactical sugar in your own work starting immediately. We’ll discuss and examine approaches to integrate features such as let and const plus compare var versus let and finally understand when to use the spread operator. So without further ado let’s get started. A Brief Review For those that have never written in ES6 please keep reading otherwise feel free to skip over this portion and begin with the next section covering terminology.

Angular 3 is hot on the heels of Angular 2 Fresh from the long-awaited release of its Angular 2 JavaScript framework in mid-September, Google will release Angular 3 in a few short months. Expected in March, Angular 3 will focus on improved tooling and a reduction in generated code, said Rob Wormald, of the Angular core team and a developer advocate at Google. It will feature a template compiler that provides feedback in an IDE on errors in a template, and it will generate 25 percent less code, thanks to improved compilation and changes in the framework's underlying mechanics.

Related:  jQuery/HTML