background preloader

HTML / CSS / JS

Facebook Twitter

Javascript : Portée des variables & Hoisting. Nous n'allons rien apprendre de nouveau aujourd'hui mais nous allons faire le point sur une notion importante : La portée des variables (scope en anglais).

Javascript : Portée des variables & Hoisting

Les variables ont une portée limitée lorsqu'elles sont déclarées dans une fonction : var a = function () { var b = 3 } a() b // ERREUR, b is not defined Les fonctions ont une portée locale mais il est possible de faire appel à des variables externes à la fonction var exterieur = "Salut" var maFonction = function () { exterieur var interieur = 3 } maFonction() // Dans cet appel exterieur vaudra "Salut" interieur // ERREUR, b is not defined Par contre il faut faire attention car si une fonction fait appel à une variable extérieur, elle utilisera la valeur au moment de l'éxécution d'une fonction. ECMAScript 5 compatibility table. DrkSephy/es6-cheatsheet: ES2015 [ES6] cheatsheet containing tips, tricks, best practices and code snippets. Tutoriel Vidéo Javascript ECMAScript 2015.

L'ECMAScript est un standard édité par Ecma International qui permet de définir le fonctionnement de différents langages de programmation dont le JavaScript.

Tutoriel Vidéo Javascript ECMAScript 2015

Une nouvelle version de ce standard a été publié en Juin 2015 : ECMAScript® 2015. Cette nouvelle version permet de combler les lacunes des versions précédentes et propose de nouvelles règles qui devront être implémentées par les langages de programmations. Un petit peu d'histoire Pour comprendre ce qu'est l'ECMAScript je vous propose de revenir dans le passé, vers 1995.

A cette époque il y a 2 navigateurs principaux qui se battent pour dominer le marché : Netscape par Netscape (original hein) et Internet Explorer de Microsoft. Netscape décide de mettre en place un langage côté client sur son navigateur. Three.js - Javascript 3D library. 3D HTML5 & WebGL Game Engine. A-Frame – Building Blocks for the VR Web. BabylonJS - 3D engine based on WebGL/Web Audio and JavaScript. Common smartphones and tablets devices values. HTML5 Web Storage. Lassés de Bootstrap ? Découvrez inuit.css ! 24 JavaScript Best Practices for Beginners. Getting started with Grunt and Sass - Ryan Christiani - Front-End Developer - Ryan Christiani – Front-End Developer. There are a lot of new tools out there to help speed up and streamline your workflow as a developer, and to be honest they can seem a bit daunting to get into.

Getting started with Grunt and Sass - Ryan Christiani - Front-End Developer - Ryan Christiani – Front-End Developer

Two new tools I have started using this year were Grunt and Sass. Grunt is a commandline JavaScript Task Runner, and Sass is a Css preprocessor that lets you write more powerful css, with the use of variables, mixins/functions and nesting! Lets take a look at getting started using Grunt to compile our Sass. If you are new to the working in the command line, check my quick overview of some of the basic commands to help get you started. Dependencies. Home · stubbornella/oocss Wiki. Toolkit — Susy 2.2.12 documentation. The Susy 2.0 toolkit is built around our shorthand syntax.

Toolkit — Susy 2.2.12 documentation

Use the shorthand to control every detail, and adjust your defaults on-the-fly, so you are never tied down to just one grid, or just one output style. Span [mixin]¶ Set any element to span a portion of your layout. Inuitcss. SVG Attribute reference - SVG. « SVG / SVG Element reference » SVG Attributes Categories Animation event attributes.

SVG Attribute reference - SVG

BEM. An Introduction To Object Oriented CSS (OOCSS) Hypertext Transfer Protocol. The Hypertext Transfer Protocol (HTTP) is an application protocol for distributed, collaborative, hypermedia information systems.[1] HTTP is the foundation of data communication for the World Wide Web.

Hypertext Transfer Protocol

The standards development of HTTP was coordinated by the Internet Engineering Task Force (IETF) and the World Wide Web Consortium (W3C), culminating in the publication of a series of Requests for Comments (RFCs). The first definition of HTTP/1.1, the version of HTTP in common use, occurred in RFC 2068 in 1997, although this was obsoleted by RFC 2616 in 1999. List of HTTP header fields. HTTP header fields are components of the message header of requests and responses in the Hypertext Transfer Protocol (HTTP).

List of HTTP header fields

They define the operating parameters of an HTTP transaction. General format[edit] Field names[edit] A core set of fields is standardized by the Internet Engineering Task Force (IETF) in RFC 2616 and other updates and extension documents (e.g., RFC 4229), and must be implemented by all HTTP-compliant protocol implementations. Additional field names and permissible values may be defined by each application. The permanent registry of headers and repository of provisional registrations are maintained by the IANA. XMLHttpRequest. Next steps (Part 7 of the AngularJS - from beginner to expert in 7 steps series) This is the seventh and final post of the AngularJS - from beginner to expert in 7 steps series.

Next steps (Part 7 of the AngularJS - from beginner to expert in 7 steps series)

We started our first several entries demonstrating the core components of our application and how to set up an AngularJS app. In parts 4 and 5, we covered the internals of directives in AngularJS, and in last week’s post we discussed the power of services. In this section, we’re covering several key topics we didn’t have a chance to introduce earlier in the series. We also offer a list of great resources and the latest tools, and we’re proud to announce the impending release of our next book. Throughout this tutorial series, we are building an NPR audio player that will show us the current stories on the show Morning Edition and play them in our browser. 7. HTML DOM Document Objects. HTML DOM Element Objects. CSS3 Animations.

HTML Canvas Reference. Html5rocks - Tutorials. JavaScript RegExp Reference. XML DOM - Element object. Memento-html5.pdf. HTML5/CSS3. Sass vs. LESS. "Which CSS preprocessor language should I choose?

Sass vs. LESS

" KNACSS. Unsemantic CSS Framework. CSS3 Flexbox Layout module. Sass Basics. Before you can use Sass, you need to set it up on your project.

Sass Basics

If you want to just browse here, go ahead, but we recommend you go install Sass first. Getting started. Javascript expressions and operators - MDN reference. This chapter documents all the JavaScript language operators, expressions and keywords. Expressions and operators by category For an alphabetical listing see the sidebar on the left. Primary expressions Basic keywords and general expressions in JavaScript. this The this keyword refers to the function's execution context. function The function keyword defines a function expression. Javascript RegExp - MDN reference.

The RegExp constructor creates a regular expression object for matching text with a pattern. JS keyCodes. When a KeyboardEvent fires, you can test which key was pressed because that event contains information you can write logic against. document.addEventListener("keydown", function(event) { console.log(event.which); } For example, by pressing "a", you'll get 65. Apparently it's best to write logic against which, as keyCode and charCode are complicated: The event.which property normalizes event.keyCode and event.charCode. It is recommended to watch event.which for keyboard key input. jQuery Learning Center. jQuery UI. jQuery API Documentation. Angular Developer Guide. Loading... Everything you need to know about AngularJS Tutorials Core Concepts Templates In Angular applications, you move the job of filling page templates with data from the server to the client.

Application Structure Other AngularJS Features. Angular Conceptual Overview. Loading... This section briefly touches on all of the important parts of AngularJS using a simple example. For a more in-depth explanation, see the tutorial. A first example: Data binding In the following example we will build a form to calculate the costs of an invoice in different currencies. Let's start with input fields for quantity and cost whose values are multiplied to produce the total of the invoice:

$rootScope.Scope. Angular Reference. Angular Examples. CoffeeScript. TypeScript. Dart: Structured web apps.

\¯■¯/