background preloader

Javascript veille

Facebook Twitter

Livres JavaScript : JavaScript. « JavaScript n'a pas toujours eu bonne réputation » !

Livres JavaScript : JavaScript

À ses débuts, les possibilités déjà grandes qu'il offrait ont, en effet, souvent été exploitées à mauvais escient par des développeurs peu scrupuleux dans le but de détourner le comportement par défaut du navigateur. Dans son intéressante introduction, l'auteur oublie cependant de préciser que JavaScript (JS) a, dans le même temps, dû faire face à des concurrents potentiels tels que JScript ou VBScript, de Microsoft, d'où la raison d'être des attributs language ou type attachés à l'élément script du langage HTML (chap. 1 §1). Livres JavaScript : JavaScript. « JavaScript n'a pas toujours eu bonne réputation » !

Livres JavaScript : JavaScript

À ses débuts, les possibilités déjà grandes qu'il offrait ont, en effet, souvent été exploitées à mauvais escient par des développeurs peu scrupuleux dans le but de détourner le comportement par défaut du navigateur. Dans son intéressante introduction, l'auteur oublie cependant de préciser que JavaScript (JS) a, dans le même temps, dû faire face à des concurrents potentiels tels que JScript ou VBScript, de Microsoft, d'où la raison d'être des attributs language ou type attachés à l'élément script du langage HTML (chap. 1 §1). Introduction au framework web JavaScript Vue.js. Le développement d'applications web a connu trois évolutions majeures.

Introduction au framework web JavaScript Vue.js

Ces évolutions ont vu naître différentes technologies comme le montre la figure ci-dessous (source figure : La suite de ces propos est issue d'une réflexion et de vécus personnels. Des raccourcis peuvent avoir été réalisés, n'hésitez pas à nous signaler toutes incohérences. La première période se situe depuis la naissance du web jusqu'au milieu des années 2000. Il s'agissait de développer des applications classiques présentant des documents et des formulaires. La deuxième période se situe entre 2005 et 2010. La troisième période se situe après 2010 jusqu'à nos jours. Les frameworks JavaScript du marché sont les suivants (sans être exhaustifs) : Générer projet Angular avec Angular-CLI. I-A.

Générer projet Angular avec Angular-CLI

Au-delà du ng serve…▲ Imaginons la scène suivante, vous devez démarrer un nouveau projet plutôt conséquent. Peu importe la raison, vous souhaitez donner vie à votre dernière idée, ou votre chef de projet revient d’une longue réunion avec un cahier des charges prêt (moins amusant). Plusieurs zones sont prévues au sein de votre application : un espace visiteur avec une page d’accueil, une page about me, etc., et un espace membre protégé, uniquement accessible pour les utilisateurs authentifiés. Bref, tous les éléments attendus ont été définis, il ne vous reste plus qu’à allumer votre PC pour commencer le développement !

Heu… J’ai un projet qui va contenir plusieurs modules, des dizaines de composants, etc. C'est une très bonne chose de se demander comment mettre en place le socle de son application, avant de commencer les développements. Three.js. La Matrix n'étant pas qu'en 2D, nous allons ajouter la 3e dimension.

Three.js

Dans index.html, nous incluons le moteur 3D THREE.js ainsi que le helper de FaceFilter spécifique à THREE.js. Concrètement, nous ajoutons dans la section <head> : Le helper va notamment créer la scène avec THREE.js, convertir les coordonnées 2D du cadre de détection de la tête en coordonnées 3D dans la scène, créer un objet par visage détecté en gérant la position du point de pivot. Le framework de développement d'applications léger et portable Neutralino serait-il une alternative à Electron et NW.js ? Oui, selon l'équipe responsable. Neutralino est un framework de développement d'applications léger et portable.

Le framework de développement d'applications léger et portable Neutralino serait-il une alternative à Electron et NW.js ? Oui, selon l'équipe responsable

Il vous permet de développer des applications multiplateformes en utilisant JavaScript / TypeScript, HTML et CSS. Les applications Electronjs sont rendues dans une fenêtre native. Par conséquent, les développeurs peuvent créer des applications qui ont une apparence native en utilisant HTML, CSS et JS. L’équipe derrière Neutralino a également ajouté la même fonctionnalité ; les utilisateurs peuvent décider de la destination de rendu de l'application, il peut s'agir d'un navigateur Web par défaut ou d'une fenêtre native. L’équipe note que dans Electron et NW.js, vous devez installer NodeJs et des centaines de bibliothèques de dépendances. WebStorm, l'EDI qui facilite le développement d'applications avec JavaScript, est disponible en version 2020.1 avec une ergonomie plus soignée, un support pour Vuex et l'API Composition et plus. Pour développer les applications, de nombreuses personnes recommandent les environnements de développement intégré (EDI).

WebStorm, l'EDI qui facilite le développement d'applications avec JavaScript, est disponible en version 2020.1 avec une ergonomie plus soignée, un support pour Vuex et l'API Composition et plus

Comme avantages, ces EDI permettent par exemple d’augmenter la productivité lorsque l’on sait exploiter tout leur potentiel. Jetbrains, l’entreprise qui met à la disposition des développeurs de nombreux outils de développement de logiciels depuis plusieurs années, vient d’annoncer la sortie de la première mise à jour majeure de l’année 2020 de WebStorm, son EDI qui permet de créer des applications web, mobiles, côté serveur et de bureau avec JavaScript, TypeScript ainsi que CSS et HTML. Angular 10, la prochaine version majeure du framework TypeScript : correction de bogues, amélioration de performances et autres. La dernière version d’Angular 9 a été publiée en février et Google a déjà entamé le développement d’Angular 10.

Angular 10, la prochaine version majeure du framework TypeScript : correction de bogues, amélioration de performances et autres

L’entreprise a publié au moins cinq versions bêta de la nouvelle version majeure du framework depuis le 8 avril. Cette nouvelle mouture est annoncée pour se concentrer davantage sur l’écosystème que sur les fonctionnalités. Angular 10 pourrait donc être plus petite que les versions antérieures. Google n’a pas annoncé une date pour l’arrivée d’une version de production, mais cela devrait arriver sous peu. Voici un aperçu des nouveautés d’Angular 10. La fonctionnalité "ajout d'informations sur les dépendances et les sélecteurs ng-content aux métadonnées" du compilateur est proposée pour fournir des métadonnées supplémentaires utiles pour des outils tels que le service de langage d’Angular, offrant la possibilité de fournir des suggestions pour les directives/composantes définies dans les bibliothèques.

Une garde de CanLoad qui renvoie Urltree annule la navigation en cours. Next.js 9.4 est disponible avec une nouvelle expérience de rechargement de page à chaud, la régénération statique progressive, et autres. La version 9.4 de Next.js, un framework servant à effectuer le rendu des applications Web React par les serveurs avec un routage côté client qui se présente comme les applications universelles natives, a été publiée ce lundi avec de nouvelles fonctionnalités.

Next.js 9.4 est disponible avec une nouvelle expérience de rechargement de page à chaud, la régénération statique progressive, et autres

Next.js 9.4 prend en charge la régénération statique progressive, de nouvelles variables d’environnement, et une récupération intégrée améliorée. Cette version a aussi amélioré le support de Sass et a apporté d’autres fonctionnalités en version bêta. Voici un aperçu de ce dont il s’agit dans cette version. Rafraîchissement rapide "Fast Refresh" est une nouvelle expérience de rechargement à chaud qui vous donne un retour d'information instantané sur les modifications apportées à vos composants React.