background preloader

Une réintroduction à JavaScript - MDC

Une réintroduction à JavaScript - MDC
Introduction Pourquoi une réintroduction ? Parce que JavaScript peut raisonnablement se targuer d'être le langage de programmation le plus incompris au monde. Bien que souvent raillé comme étant un simple jouet, derrière sa simplicité désarmante se cachent certaines fonctionnalités de langage très puissantes. Il peut être utile de commencer avec un aperçu de l'histoire de ce langage. Quelques mois plus tard, Microsoft a lancé avec Internet Explorer 3 une version du langage globalement compatible, appelée JScript. Note : Dans la suite de cet article et à des fins de simplicité, nous utiliserons les termes « JavaScript » et « ECMAScript » pour désigner la même chose. Cette stabilité est une excellente nouvelle pour les développeurs, parce qu'elle a donné aux différentes implémentations tout le temps nécessaire pour s'y adapter. Contrairement à la plupart des langages de programmation, JavaScript n'a pas de concept d'entrée ou de sortie. Aperçu Les nombres parseInt("010"); parseInt("0x10"); Et…

Développement Web : 'Zone Grand Débutant' IV-A. Introduction▲ Les trois notions fondamentales : Le fichier est au format JavaScript ; Le document (ou programme) est à destination de l'internaute ; L'outil est un navigateur Web. Le code JavaScript est interprété par le navigateur Web (s'il n'est pas trop préhistorique et si sa configuration ne l'a pas désactivé). Je viens déjà de vous présenter un inconvénient de JS : il peut être désactivé. Incruster du code JS dans une page Web permet à la page de réagir aux actions de l'internaute, par exemple "la souris survole tel bouton" ou encore "le formulaire vient d'être envoyé". ActionScript 3, la dernière version du langage de script pour Flash, utilise une syntaxe quasiment identique à celle de JavaScript. IV-B. Pour développer en JavaScript, il est recommandé d'avoir un éditeur de code plus puissant que ceux recommandés au début de cet article (avoir la documentation du langage à portée de main commence à devenir une condition importante). IV-C. Sélectionnez IV-D. IV-D-1. IV-D-2.

L’indépendance des enseignants-chercheurs « J.R.C.T. Parce que le sujet est devenu incontournable pour toute personne qui travaille ou étudie à l'Université et parce que les choses sont loin d'être simples en la matière, j'ai essayé de réunir et de classer les principales décisions de justice mettant en oeuvre le principe d'indépendance des enseignants-chercheurs. Une synthèse (problématisée, évidemment) pourrait bien suivre... mais pour l'instant, place à la couleur : Les fondements textuels de l’indépendance des enseignants-chercheurs L’indépendance du personnel enseignant de l’enseignement supérieur : un principe de valeur législative Il a d’abord été reconnu par le Conseil d’Etat un principe d’indépendance du personnel enseignant de l’enseignement supérieur vis-à-vis à des étudiants en tant que principe de valeur législative relevant des principes fondamentaux de l’enseignement, dont l’article 34 de la Constitution de 1958 prévoit qu’ils doivent être déterminés par la loi (CE Sect., 5 avril 1974, n° 88572). L’évaluation des enseignements

Top 23 Best Free JavaScript Frameworks for Web Developers 2016 Which JavaScript frameworks to use and why? We are about to find out! The JavaScript community recently experienced some huge changes. ECMAScript 2021 was finally standardized and published, and most popular compilers and web browsers are working hard to adapt to new changes and regulations. To fully understand such a huge update, it’s necessary to immerse yourself in a solid step-by-step guide that discusses all aspects of the new standard. And the best such guide we could find comes from Lars Kappert, who shared his ES6 list of changes post at Smashing Mag. Regarding implementing ECMAScript 2021 features into browsers, Mozilla Firefox and Google Chrome are currently leading the pack for everyone to follow. JavaScript is growing fast, it’s becoming more native, but most importantly — it’s becoming more stable. Best Reactive JavaScript Frameworks Reactive web development is about responsiveness, resilience, scalability, and accuracy. 1. Download 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. jQuery

VueJS ReactJS et AngularJS2 Comme beaucoup je travaille de plus en plus sur du JavaScript et l'utilisation d'un framework Frontend est devenue indispensable. Jusqu'à maintenant, j'utilisais AngularJS, mais, suite à quelques problèmes concernant son utilisation, je me suis dit qu'il serait intéressant d'apprendre un nouveau Framework, mais lequel choisir ? Le problème d'AngularJS 1 On peut commencer par se demander : pourquoi changer ? AngularJS est un très bon framework, c'est indéniable, mais sa conception me pose plusieurs problèmes. La conception sous forme de controllers montre rapidement ses limites. Les composants Web Même s’il existe une très grande variété de Framework Frontend ils sont tous d'accord sur la manière d'organiser les choses : Les composants web. Si tout le monde est d'accord sur l'approche pourquoi existe-t-il autant de Frameworks ? Angular 2 Au premier abord, Angular 2 semble approcher le problème de la même manière qu'avant. Plus d'informations sur le détecteur de changements Avantages : ReactJS

Cookies Avec JavaScript, il est possible de programmer les célèbres cookies. Nous allons voir ici à quoi servent les cookies et comment stocker et récupérer des informations grâce à eux. En bas de cette page, vous trouverez des exemples de programmation de cookies. 1 - A quoi servent les cookies ? Les cookies sont très utilisés, par tous les sites commerciaux et par de plus en plus de sites perso. Le nombre de visites, la date de la dernière visite,... 2 - Comment STOCKER des informations ? Le type d'informations à stocker n'a aucune influence sur le code. La valeur à stocker est associée à un nom de cookie. Donc pour stocker la valeur Arthur dans la variable prenom il suffit d'appeler la fonction comme ceci : var pathname=location.pathname; var myDomain=pathname.substring(0,pathname.lastIndexOf('/')) +'/'; var date_exp = new Date(); date_exp.setTime(date_exp.getTime()+(365*24*3600*1000)); // Ici on définit une durée de vie de 365 jours SetCookie("prenom","Arthur",date_exp,myDomain);

Amazon Dynamo: The Next Generation Of Virtual Distributed Storage A few weeks ago, Werner Vogels, the CTO of Amazon, published a long technical paper on his blog about Amazon's highly available storage system called Dynamo. The paper itself is quite complex and technical and includes a description of the architecture, algorithms and tests that Amazon has been doing with the system. Yet, even from a casual glance, it is clear that Amazon's work is very important. Since early last year, the e-commerce giant has been making forays into becoming a Web OS company. Dr. What Vogels talked about on his blog a few weeks back is not a public web service, but a piece of internal infrastructure, which allows Amazon to service millions of customers. Scalability Issues With Relational Databases Before discussing Dynamo it is worth taking look back to understand its origins. However, it is difficult to create redundancy and parallelism with relational databases, so they become a single point of failure. Dynamo - A Distributed Storage System How Dynamo Works

React JS : la librairie JavaScript de Facebook au crible La popularité de React JS est en train d'exploser. Le point sur les principales particularités et les avantages de ce moteur de rendu web d'un tout nouveau genre. React (appelé aussi React.js ou React JS en langage courant) est un moteur de rendu JavaScript qui se démarque de ses concurrents par une architecture qui se veut efficace et performante. Aux côtés de Facebook, React est également utilisé par Instagram, Netflix, Airbnb, WhatsApp ou encore Atlassian. React propose une logique best of breed React peut être qualifié de moteur de rendu Web. Pour gérer la structure applicative d'un site web sous React, Facebook a développé Flux. Une architecture très souple En termes de performance, React optimise les opérations sur le DOM en utilisant un DOM virtuel. Un moteur de rendu orienté composant Autre particularité, React est orienté composants. Pour manipuler le Virtual DOM, React fait appel à JSX. React n'est pas encore en version stable

Tutorial XMLHTTPRequest Robloche nous propose ici un tutorial passionnant sur l'utilisation des requêtes serveur en JavaScript. Ce tutorial a été remis à jour en aout 2017 pour tenir compte des évolutions des navigateurs. L'objet XMLHTTPRequest permet de réaliser des appels au serveur depuis la page HTML. Il s'agit d'appels AJAX (Asynchronous JAvascript XML). Aujourd'hui, tous les navigateurs acceptent ce mode de fonctionnement, sans incompatiblité particulière. Présentation Comme leur nom ne l'indique pas, les objets XMLHTTPRequest permettent de récupérer toutes sortes de données, et pas seulement des fichiers XML. > Masquer le code JavaScript var xhr_object = new XMLHttpRequest(); xhr_object.open("GET", location.href, false); xhr_object.send(null); if (xhr_object.readyState == 4) alert("Requête effectuée !") Comment ça marche ? Note : Ces fonctions sont détaillées en section 6. [haut de la page] À quoi cela peut-il servir ? Note : La section 5 présente un exemple concret d'utilisation. Synchrone Vs. Propriétés

Vim Tips for Java #2: Using exuberant-ctags - Vincent Liu ctags is a great tool for programmers. It creates an index to your source code to allow you to trawl through them for cross referencing. While the way it works doesn't look as snazzy as nicely formatted javadoc output like Netbeans, it does its job well enough for you to read up a field or method definition whenever you need it. You'll need to install exuberant-ctags separately, which you can find on its website. A requirement of using ctags, is that you'll need to have the Java source code available for ctags to parse them into a searchable index file for vim. exuberant-ctags -R --language-force=java -f.tags /opt/sun-jdk-1.5.0.08/share/ This command generates a '.tags' index file in my home directory. autocommand FileType java set tags=~/.tags This should now allow you to jump to any definition in the Java API, whenever you need to look it up from your code. public class TestClass { String s = new String(); } Move your cursor under to the word 'String' and press ctrl-].

Blog “How do I share the code between several components?” is one of the first questions that people ask when they learn React. Our answer has always been to use component composition for code reuse. It is not always obvious how a certain pattern can be solved with composition. To ease the initial adoption and learning, we included certain escape hatches into React. Three years passed since React was released. In this post, we will consider the problems commonly caused by mixins. Why Mixins are Broken # At Facebook, React usage has grown from a few components to thousands of them. However it’s inevitable that some of our code using React gradually became incomprehensible. This doesn’t mean that mixins themselves are bad. Mixins introduce implicit dependencies # Sometimes a component relies on a certain method defined in the mixin, such as getClassName(). These implicit dependencies make it hard for new team members to contribute to a codebase. Mixins cause name clashes # Solution # Context #

Dynamisez vos sites web avec Javascript ! Bienvenue à toutes et à tous, Qui n'a jamais entendu parler du JavaScript ? Créé dans les années 90 en tant que simple langage de script, JavaScript est désormais un des poids lourds du développement Web ! Qui plus est, il se démocratise au sein d'autres environnements comme les serveurs avec le célèbre Node.js, les applications pour smartphones et tablettes, avec PhoneGap d'Adobe, les applications pour Windows 8, mais aussi les logiciels multiplateformes. Bref, JavaScript est partout ! Mais avant de se targuer de créer des applications pour serveurs, tablettes et Windows, il faut d'abord apprendre la base et s'intéresser aux origines : le JavaScript au sein des pages Web. Voici quelques exemples de ce qui est réalisable grâce au JavaScript : Sur ce, bonne lecture !

Blog Archive » Operations on a Graph Database (Part 1 - Nodes) Graph databases are still quite unfamiliar to many developers. This is the first post in a series discussing the operations a graph database makes available to the developer. Just like there are only so many different things you can do on a relational database (like CREATE TABLE or INSERT), there are only so many things you can do on a graph database. It is worth looking at them one at a time, and that’s the goal of this series. To recap, a graph database contains nodes and edges, or MeshObjects and Relationships (as we call them in InfoGrid), or Instances and Links (as the UML would call them), or Resources and Triples (as the semantic web folks would call them), or boxes and arrows (as we draw them on a white board). Nodes are those objects in a graph database that can stand on their own, they don’t depend on anything else. To create a node in a graph database is one of its basic operations. MeshObject createMeshObject() and voila, you have one. deleteMeshObject( MeshObject toDelete )

Twitter and the Architectural Challenges of Life Streaming Appli Because Twitter is getting more popular, every glitch in the service is now felt more acutely. Going without Twitter for many people is even harder than going without email, and so outages lead to complaints. Complaints pile up and become debates, asking questions like: should Twitter be converted into a protocol and become decentralized? Is that the way to scale Twitter and make it more reliable? To me, the answer to decentralization is a firm no. The question that people should be asking, though, is how to properly scale Twitter and, for that matter, the whole slew of other life streaming applications. What is the Problem? To understand the challenge facing Twitter and other life streaming applications look at the diagram below. How to manage all of this is pretty obvious until one starts thinking about how to generate the stream for R1. If the user view can not be computed on the fly, then the only other answer is that it is pre-generated. Relational Database - Likely the Wrong Way

Related: