L'évolution de JavaScript

Les humbles débuts (1995)

JavaScript a été développé par Brendan Eich chez Netscape pour apporter de l'interactivité aux sites Web. Initialement appelé Mocha, puis LiveScript, il a gagné son nom actuel pour s'aligner sur la popularité de Java. Les premières utilisations étaient basiques, comme l'ajout de simples validations de formulaire.

Exemple de code 1995 :

<script>
  alert('Welcome to the 90s Web!');
</script>

En savoir plus sur la création de JavaScript sur MDN Web Docs.

La normalisation ECMAScript (1997)

Pour unifier la syntaxe, ECMAScript a été créé. ECMAScript 3 (1999) a introduit des améliorations qui ont jeté les bases de la cohérence du navigateur. ECMAScript 5 (2009) a encore modernisé JavaScript avec un mode strict et des méthodes de tableau natives comme forEach.

Exemple de méthode de tableau :

['apple', 'banana', 'cherry'].forEach(fruit => console.log(fruit));

Explorez les détails d'ECMAScript sur ECMA International.

AJAX et le Web dynamique (années 2000)

AJAX (JavaScript asynchrone et XML) permet aux applications Web telles que Gmail et Google Maps d'actualiser les données sans recharger les pages, marquant ainsi la transition vers des expériences Web plus riches.

Exemple de requête AJAX :

const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/data', true);
xhr.onreadystatechange = () => {
  if (xhr.readyState === 4 && xhr.status === 200) {
    console.log(xhr.responseText);
  }
};
xhr.send();

Les frameworks révolutionnent JavaScript

L'avènement de jQuery (2006) et de MooTools a simplifié les interactions DOM et introduit une compatibilité robuste entre navigateurs.

Exemple Vanilla JS vs jQuery :

// Vanilla JavaScript (2005)
document.querySelector('#btn').addEventListener('click', () => alert('Clicked!'));

// jQuery (2006)
$('#btn').click(() => alert('Clicked!'));

Plongez dans l'impact de jQuery dans la documentation jQuery.

L'ère moderne : ES6 et au-delà (2015)

ECMAScript 2015 (ES6) a apporté des mises à jour majeures, améliorant les pratiques de codage avec let, const, les littéraux de modèles, les fonctions fléchées, les classes et les modules.

Exemple ES6 avec syntaxe de classe :

class Person {
  constructor(name) {
    this.name = name;
  }
  greet() {
    console.log(`Hello, my name is ${this.name}`);
  }
}
const person = new Person('Alice');
person.greet(); // Hello, my name is Alice

Référence pour les mises à jour ES6 sur MDN ECMAScript 2015.

Node.js apporte JavaScript aux serveurs (2009)

Node.js a permis à JavaScript de s'affranchir des limites du navigateur, lui permettant de s'exécuter sur des serveurs et ouvrant la voie au JavaScript full-stack.

Exemple Node.js (création de serveur) :

const http = require('http');
http.createServer((req, res) => {
  res.writeHead(200, {'Content-Type': 'text/plain'});
  res.end('Hello, world!');
}).listen(3000);
console.log('Server running at http://localhost:3000/');

Explorez Node.js sur le site officiel de Node.js.

7. Frameworks et bibliothèques : React, Vue et Angular

React.js (2013) a apporté une architecture basée sur les composants, tandis que Vue.js (2014) a mis l'accent sur la facilité d'utilisation. Angular (2016) a réorganisé le développement d'applications Web avec TypeScript et une gestion d'état puissante.

Exemple de composant React :

function App() {
  return <h1>Hello, React!</h1>;
}

En savoir plus sur React sur React Docs.

TypeScript : sécurité des types pour JavaScript (2012)

TypeScript a introduit le typage statique, ce qui facilite la détection des erreurs pendant le développement.

Exemple TypeScript vs JavaScript :

<script>
  alert('Welcome to the 90s Web!');
</script>

TypeScript : parce que JavaScript pourrait utiliser un peu plus de discipline

Shafayet Hossain ・ 14 octobre

#javascript #webdev #débutants #programmation

Découvrez TypeScript sur le site officiel de TypeScript.

Révolution de la programmation asynchrone

De l'enfer des rappels aux promesses et à l'async/wait, l'approche JavaScript de la programmation asynchrone a évolué pour une meilleure lisibilité et maintenabilité.

Exemple de transition :

['apple', 'banana', 'cherry'].forEach(fruit => console.log(fruit));

Détails sur l'évolution asynchrone chez MDN Async Functions.

JavaScript en 2024 et au-delà

L'avenir de JavaScript réserve des propositions telles que les décorateurs, les types d'enregistrement et de tuple et la correspondance de modèles, reflétant son adaptabilité pour répondre aux besoins des développeurs.

En savoir plus sur les fonctionnalités à venir dans les propositions TC39.

Mon site Web : https://Shafayet.zya.me

Un mème pour toi ???

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!