background preloader

Yannistoueressveille

Facebook Twitter

Veille technologique : BTS Services Informatiques aux Organisations SLAM

AngularJS : le framework JavaScript de Google au crible. La popularité du framework JavaScript ne cesse de croitre. Quelles sont ses véritables points forts comparés à ses concurrents ? Qu'apporte AngularJS 2.0 qui vient de sortir ? Télécharger AngularJS (site du projet)1- AngularJS est devenu la référence des infrastructures JavaScript côté client Sur le terrain des infrastructures JavaScript, historiquement très nombreuses, plusieurs solutions commencent à s'imposer. Sur la partie serveur, Node.js a de plus en plus clairement remporté la bataille. Dernière preuve de cet engouement : Groupon et LinkedIn ont récemment annoncé la migration d'une partie de leur couche applicative serveur, initialement sous Ruby on Rail, vers Node.js. Mais qu'en est-il des infrastructures JavaScript côté client ? D'après les premiers indicateurs dont nous disposons autour de la valorisation de l'expertise Angular en termes de salaire, il semble qu'elle commence à être assez élevée en France.

A lire aussi : 3- Ce qui fait sa force : un projet porté par Google. Ajax - JS. NODE.JS. Node. JavaScript. Jquery / Javascript. Bootstrap · The world's most popular mobile-first and responsive front-end framework. JQUERY. Angular_js. "Techniques de référencement web" : les bonnes feuilles : "Techniques de référencement web" : les bonnes feuilles sur l'Ajax et le JavaScript. L'extrait qui suit est issu de l'ouvrage d'Alexandra Martin et de Mathieu Chartier, "Techniques de référencement web : Audit et suivi SEO" qui vient de paraître chez Eyrolles. Il s'agit plus précisément d'un passage du chapitre "Facteurs Bloquants et pénalités Google" concernant l'Ajax et le JavaScript non optimisés.

Plus d'informations sur l'ouvrage et ses auteurs sur la dernière page "En savoir plus" de ce dossier. Des codes en JavaScript peu ou mal optimisés peuvent causer des problèmes de lecture pour les robots des moteurs de recherche. Le langage Ajax étant fondé sur JavaScript et XML, il subit les mêmes conséquences et posent aussi ses propres problèmes en matière de compréhension par les crawlers. En réalité, deux principaux soucis se posent lorsque nous utilisons JavaScript ou Ajax : des liens sont incompris voire illisibles pour les robots et ne peuvent donc pas être suivis ; Ajax donne du fil à retordre. JQuery : présent sur près de 65% des sites à forte audience : Les technos web les plus utilisées dans le monde en 2015.

The ultimate guide to Bootstrap. WordPress.com refondu en JavaScript, et publié en open source. Automattic modernise sa déclinaison SaaS de WordPress. Réécrite en JavaScript et Ajax, elle s'articule désormais autour d'une page d'administration unique et responsive. Automattic lève le voile sur une nouvelle version de WordPress.com, sa déclinaison de WordPress en mode cloud.

Nom de code du projet : Calypso. Pour l'occasion, la société fondée par Matt Mullenweg (l'un des créateurs du CMS open source) a entièrement refondu l'interface d'administration du service. Le cœur du CMS est séparé de la couche graphique de WordPress.com, qui l'invoque désormais par le biais d'API REST - et non plus via la couche PHP - pour réaliser ses différentes tâches (publication de post, chargement de photos...).

Une interface JavaScript de nouvelle génération De son côté, la console d'administration a été réécrite en JavaScript et Ajax. Une première app hybride pour Mac. JavaScript Articles. 5500+ Best jQuery Plugins & Tutorials with jQuery Demo examples 2016 - 2015. Chargez les images avec le scroll de la page. Lazy loading. 10/02/2014 par Dux - non-noté Les images ne sont chargées que lorsqu'elles sont visibles dans la fenêtre (lazy loading). Le script fonctionne avec le scroll de la page et détecte si les images sont dans la zone visible. La fonction lazyClean prépare toutes les images sans que vous aillez à modifier votre code. Vous pouvez remplacer le favicon.gif par une image gif/png transparente.

Voir une démonstration de ce script en action : Ouvrir dans une nouvelle fenêtreOuvrir dans la même fenêtre code source /*********** Lazy Loading ****************/ // Delete SRC function lazyClean() { var tabimg = document.getElementsByTagName('img'); for (var i = 0, l = tabimg.length; i < l; i++) { // Add data-src and display a default image src tabimg[i].dataset.src = tabimg[i].src tabimg[i].src = '.. /*********** Lazy Loading ****************/ Testé avec Safari Google Chrome Firefox3 Firefox4. 50 super plugins jQuery récents pour rendre votre site ergonomique et attrayant.

Cela fait quelques années que le Javascript et notamment jQuery – qui simplifie et norme son utilisation – continuent d’être de plus en plus utilisés. Aujourd’hui cette technologie est toujours plus facile à exploiter grâce à l’installation de plugins, c’est-à-dire de petits modules de code. Il n’a jamais été aussi facile qu’aujourd’hui de rendre un site ergonomique, originale et attractif ! Ces 50 plugins sélectionnés avec soin parmi les milliers existants vous permettront de transformer n’importe quel site fade en site riche, intuitif, interactif et ergonomique, y compris sur mobile. Leur mise en place est en général très simple. Selon le plugin et ses capacités son utilisation et les réglages varient de très faciles à plus avancé pour les connaisseurs. Cette liste étant limitée à 50 plugins, vous êtes invités à partager en commentaire ceux qui vous semblent indispensable à cette liste et qui n’y figure pas. Plugins pour réaliser des sites avec effets de scroll et/ou de la parallax via.

Liste des articles de la catégorie JavaScript. Mais le JavaScript n'est pas typé ? Mais si, il y en a 13 ! Ah non, il y en 7... bah il me semble qu'il y a Object, Function, Array, Math, String, Number, Boolean. Et tu fais quoi de RegExp ? Attends, Function c'est pas un type, c'est un sous type mais Null c'est un type. Ho là là...

Si vous faites du jQuery à vos heures ou même pas mal de JavaScript sur vos sites web, il est temps d'apprendre tout ce qu'il y a à savoir sur le typage implicite de JavaScript, car oui : contrairement à ce que certain vous ont dit, JavaScript manipule des éléments typés. Les fonctions (et les instances) Object, Function, Array, Date, String, Number, Boolean, RegExp, Error ou encore les objets globaux, Date ou JSON : tous sont d'un seul et même type, le type Object. Si vous deviez retenir quelques trucs rapidement à propos du JavaScript et des types ça serait que : Dans cet article les propos entre [ ... ] sont les miens ainsi que ceux qui ne sont pas entre « ... ». JavaScript / jQuery | Creative Juiz. What's New in jQuery 3 - Telerik Developer Network.

It’s been ten years since jQuery started rocking the web and it has stuck around for very good reasons. jQuery offers its users an easy-to-use interface to interact with the DOM, perform Ajax requests, create animations, and much more. In addition, unlike the DOM API, jQuery implements the composite pattern. Because of that, you can call jQuery methods on a jQuery collection regardless of the amount of elements included in it (zero, one, or many). In a few weeks, jQuery will reach an important milestone with the release of version 3. jQuery 3 fixes a lot of bugs, adds new methods, deprecates and removes some functions, and changes the behavior of a few functions. In this article, I’m going to highlight the most important changes introduced by jQuery 3.

New Features In the following sections I’ll discuss the most important features added in jQuery 3. for...of Loop jQuery 3 will offer the possibility to iterate over the DOM elements of a jQuery collection using the for...of loop. Unwrap() Coding Hour #2 Le Javascript en Happy Hour. Coding Hour #1 s’est déroulé au Perchoir en mars et a tenu toutes ses promesses. Les développeurs qui se sont prêtés au jeu ont pu affûter leur pratique de Node.js et échanger avec des mentors jusque tard dans la soirée.

Un vrai succès ! Alors, l’aventure ne pouvait pas s’arrêter en si bon chemin. L’ambition affichée : faire du Coding Hour un afterwork incontournable et réputé pour mettre l’intelligence des développeurs à l’épreuve. Coding Hour #1 a prouvé que bières et lignes de code pouvaient faire bon ménage, la saison 2 ne dérogera pas à la règle. 4 défis de javascript seront lancés aux férus de programmation. Quand ? Utilisation optimisée de Framework CSS comme Bootstrap avec Less. J'ai déjà abordé le sujet des Frameworks CSS qui surchargeaient le DOM HTML inutilement et allait à l'encontre de la philosophie du W3C (séparation du fond et de la forme) dans un précédent article où j'expliquais pourquoi, par exemple, Bootstrap est une régression pour un développement Front-end de qualité.

J'ai également expliqué comment reproduire l'équivalent de fonctionnalités utiles dans un Framework en respectant l'approche CSS-driven dans Grille CSS Responsive et Sémantique sans Framework. Je vais ici vous démontrer que cette méthode CSS-driven peut non seulement être grandement simplifiée avec l'utilisation des préprocesseurs CSS comme Less, Sass ou Stylus, mais qu'elle permet également d'exploiter les Frameworks tel que Bootstrap de manière propre et conforme à la philosophie de séparation de la sémantique et du design. Les approches HTML-driven et CSS-driven pour habiller une page Web La différence est simple : HTML-driven où l'habillage rapide et désolant Il vous faudra : Sources.

React Native : le framework JavaScript de Facebook au crible. Comme React, React Native a été créé par Facebook. A la différence de son grand frère qui cible les interfaces web, ce moteur de rendu est taillé, lui, pour les apps natives. On ne présente plus React : ce moteur de rendu web, open source, créé par Facebook, et dont la popularité ne cesse de croître. React Native est une déclinaison de React adaptée, elle, au développement d'apps natives. Également sous licence BSD, React Native repose sur la même API que son grand frère, sans offrir pour autant la même librairie JavaScript. On peut ainsi qualifier React Native de moteur de rendu... natif. Un moteur de rendu dont la popularité explose La popularité de React Native n'a cessé de progresser ces derniers mois, comme le montre la courbe bleue du graphique ci-dessous (elle illustre l'évolution de l'intérêt pour la requête "React Native" dans Google comparé à celle de la requête "React JS").

React Native disponible pour iOS, Android et Windows. JavaScript est-il le langage idéal pour le Big Data ? Microsoft privilégie JavaScript pour exploiter Azure ? Encore un avis par "autran" à débattre. Pour Microsoft, JavaScript est le langage du Big Data. La firme de Redmond a principalement choisi JavaScript afin d'offrir à tout internaute la capacité à accéder avec souplesse et agilité à sa plateforme Azur (hive hadoop ....). Ce choix est donc clairement orienté client. Mais plus largement, il semble légitime de s'interroger sur ce choix. Dans l'écosystème Big Data émergeant, on remarque la prépondérance du modèle open source porté par les DFS en général et Apache Hadoop en particulier. Mais revenons à JavaScript, qui est à la fois un langage émergeant du web (avec l'arrivée de sa toute nouvelle norme ES7) et historique puisqu'il existe depuis plus de 20 ans.

Et comme nous sommes sur un portail de développeurs et autres acteurs du développement logiciel. Et vous, quel est votre langage favori pour le Big Data ? CSS3 box-shadow property.