ttsvetko

Lesser know AngularJS directives

by djds4rce

Lesser know AngularJS directives

One of the most awesome things in angular is its approach towards creating reusable HTML attributes and elements

ttsvetko

AngularJS Scopes: An Introduction

Tommy Fisher, http://blog.carbonfive.com/2014/02/11/angularjs-scopes-an-introduction/

Angular Scopes

AngularJS has a fair share of deep concepts; taking some time to understand them can get you back on track.

ttsvetko

XHR Interceptor in an AngularJS web app

Origin: http://blog.brunoscopelliti.com/xhr-interceptor-in-an-angularjs-web-app

We’ll start by looking at how to define an interceptor.

The following code must to be placed inside the config section of the web app (the only place of your app where the service providers are accessible).

ttsvetko

Recommendations for Angular App Structure

Proposal:

Source

Change angular-seed, yeoman/generator-angular, (the Google-internal example go/nghellostyle), and other demo apps to model the following directory structure. Eventually, develop tooling to make development more efficient using assumptions based on these conventions.

ttsvetko

Angular Dependency Injection

@ngdoc overview @name Dependency Injection @description

Dependency Injection (DI) is a software design pattern that deals with how code gets hold of its dependencies.

The Angular injector subsystem is in charge of service instantiation, resolution of dependencies, and provision of dependencies to components as requested.

ttsvetko

Angular jqLite

jQuery and Angular

Angular doesn’t depend on jQuery. In fact, the Angular source contains an embedded lightweight alternative: jqLite. Still, when Angular detects the presence of a jQuery version in your page, it uses that full jQuery implementation in lieu of jqLite. One direct way in which this manifests itself is with Angular’s element abstraction. For example, in a directive you get access to the element that the directive applies to:

ttsvetko

Functions and function scope

Summary

Generally speaking, a function is a "subprogram" that can be called by code external (or internal in the case of recursion) to the function. Like the program itself, a function is composed of a sequence of statements called the function body. Values can be passed to a function, and the function can return a value.

In JavaScript, functions are first-class objects, i.e. they are objects and can be

ttsvetko

Improving Your JavaScript

Improving Your JavaScript

Introduction

JavaScript has evolved over the years and there are things that can be done with JavaScript now that couldn’t be done a few years ago. These tutorials present ways in which you can take existing JavaScript from a while ago and rework them to make better use of the newer features that are now available.

ttsvetko

/**
 * VH and VW units can cause issues on iOS devices: http://caniuse.com/#feat=viewport-units
 * 
 * To overcome this, create media queries that target the width, height, and orientation of iOS devices. 
 * It isn't optimal, but there is really no other way to solve the problem. In this example, I am fixing 
 * the height of element `.foo` —which is a full width and height cover image.
 *
 * iOS Resolution Quick Reference: http://www.iosres.com/
 */
 

ttsvetko

Essential JavaScript Links

I use the Essential JavaScript Links list almost daily. I add to it when I find more links that I think every JS developer should know about. I want to make it easier to scan, and easier for users to suggest new links. We're going to turn it into a proper website, so...

The List has a New Home:

The Essential JavaScript Links List

Please visit there and open an issue if you have any suggestions.