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. 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. En réponse à cela, Microsoft décide aussi de créer un langage côté client, le JScript, qui sera mis en place dans la version 3.0 d'Internet Explorer. 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. As a follow-up to "30 HTML and CSS Best Practices", this week, we'll review JavaScript!

24 JavaScript Best Practices for Beginners

Once you've reviewed the list, be sure to let us know what little tips you've come across! 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! 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. For a floated or isolated layout, this will add necessary floats, widths, and margins. Inuitcss. SVG Attribute reference - SVG. « SVG / SVG Element reference » SVG Attributes Categories Animation event attributes onbegin, onend, onload, onrepeat Animation attribute target attributes attributeType, attributeName.

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. 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. If you want to just browse here, go ahead, but we recommend you go install Sass first. Go here if you want to learn how to get everything setup. Preprocessing. Getting started. Javascript expressions and operators - MDN reference. This chapter documents all the JavaScript language operators, expressions and keywords. Expressions and operators by category. Javascript RegExp - MDN reference. The RegExp constructor creates a regular expression object for matching text with a pattern. For an introduction to regular expressions, read the Regular Expressions chapter in the JavaScript Guide.

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. There was an error loading this resource. Please try again later. 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. Processes all of the watchers of the current scope and its children. Angular Reference. Angular Examples. CoffeeScript. TypeScript. Dart: Structured web apps.

\¯■¯/