Jamstack : Différence entre versions

De wikiducamp
Aller à : navigation, rechercher
Ligne 1 : Ligne 1 :
ébauche pour étude
+
{{stub}}
  
Source http://jamstack.org/fr/  
+
[[File:jamstackDOTorg-2016-12-29.png|400px]]
 +
 
 +
Source http://jamstack.org/
  
Source https://github.com/jamstack/jamstack.org/blob/master/src/fr/index.md (traduction par [[Frank]])
 
  
 
<p class="intro">
 
<p class="intro">
   La JAMstack est une manière idéale de bâtir des sites et des applications web performants, sécurisés et simples à mettre à jour.
+
   La <dfn>pile JAM</dfn> est une nouvelle manière de bâtir des sites et des applications web performants, sécurisés et simples à mettre à jour.
 
</p>
 
</p>
  
JAM signifie JavaScript, APIs and Markup (JavaScript, APIs et balisage). C'est l'association de technologies qui progresse le plus rapidement quand il s'agit de bâtir des sites et des applications web : plus de serveurs, hébergez tout votre partie cliente sur des CDNs et utilisez des APIs pour les parties dynamiques.
+
JAM signifie JavaScript, APIs et Markup (JavaScript, APIs et balisage). C'est l'empilement de technologies qui progresse le plus rapidement quand il s'agit de bâtir des sites et des applications web : plus de serveurs, vous hébergez toute votre partie cliente sur des CDNs et utilisez des APIs pour les parties dynamiques.
 +
 
 +
 
 +
== Javascript ==
 +
 
 +
With servers abstracted away by CDNs and APIs, sites are either database free (and generated up front) or consume hosted database services directly from the browser. JavaScript is in charge of any dynamic programming during the request/response cycle and runs entirely on the client.
 +
 
 +
Avec les serveurs abstraits par les CDN et les API, les sites sont soit libres de bases de données (et générés en front), soit consomment des services de base de données hébergés directement à partir du navigateur. JavaScript est en charge de toute programmation dynamique le cycle durant le cycle de requête / réponse et s'exécute entièrement sur le client.
 +
 
 +
== APIs ==
 +
 
 +
Today browsers are the operating system of the web, and are able to run complex applications completely client side. They are capable of consuming and interacting with an ever growing amount of APIs and services across domains and infrastructures.
 +
 
 +
 
 +
Aujourd'hui, les navigateurs sont le système d'exploitation du Web, et sont capables d'exécuter des applications complexes complètement côté client. Ils sont capables de consommer et d'interagir avec une quantité toujours croissante d'API et de services entre domaines et infrastructures.
 +
 
 +
== Markup ==
 +
 
 +
The JAMstack uses markup languages like HTML, CSS and Markdown to format and style our content, client-side JavaScript to make it interactive and engaging and APIs to add persistence, real-time sync, real-world interactions, comments, shopping carts, and so on.
 +
 
 +
La JAMstack utilise des langages de balisage comme HTML, CSS et Markdown pour mettre en forme et personnaliser notre contenu, JavaScript côté client pour le rendre interactif et attrayant et les APIs pour ajouter de la persistance, la synchronisation en temps réel, les interactions réelles, les commentaires, les fonctions de e-commerce et ainsi de suite.
 +
 
 +
 
 +
 
 +
== Slides ==
 +
 
 +
<script async class="speakerdeck-embed" data-id="12e277868f5941d1ae08ee37ed08fd5b" data-ratio="1.77777777777778" src="//speakerdeck.com/assets/embed.js"></script>
 +
 
 +
 
 +
== vidéo ==
 +
 
 +
 
 +
<iframe src="https://player.vimeo.com/video/163522126?title=0&byline=0&portrait=0" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
 +
<p><a href="https://vimeo.com/163522126">SmashingConf San Francisco 2016 - Mathias Biilmann: The New Front-end Stack. Javascript, APIs and Markup</a> from <a href="https://vimeo.com/smashingmagazine">Smashing Magazine</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
 +
 
 +
 
  
 
== Chantier en cours ==
 
== Chantier en cours ==

Version du 30 décembre 2016 à 08:20

Cet article est une ébauche. Vous pouvez m'aider à l'améliorer et le compléter. Merci.

JamstackDOTorg-2016-12-29.png

Source http://jamstack.org/

La pile JAM est une nouvelle manière de bâtir des sites et des applications web performants, sécurisés et simples à mettre à jour.

JAM signifie JavaScript, APIs et Markup (JavaScript, APIs et balisage). C'est l'empilement de technologies qui progresse le plus rapidement quand il s'agit de bâtir des sites et des applications web : plus de serveurs, vous hébergez toute votre partie cliente sur des CDNs et utilisez des APIs pour les parties dynamiques.

Javascript

With servers abstracted away by CDNs and APIs, sites are either database free (and generated up front) or consume hosted database services directly from the browser. JavaScript is in charge of any dynamic programming during the request/response cycle and runs entirely on the client.

Avec les serveurs abstraits par les CDN et les API, les sites sont soit libres de bases de données (et générés en front), soit consomment des services de base de données hébergés directement à partir du navigateur. JavaScript est en charge de toute programmation dynamique le cycle durant le cycle de requête / réponse et s'exécute entièrement sur le client.

APIs

Today browsers are the operating system of the web, and are able to run complex applications completely client side. They are capable of consuming and interacting with an ever growing amount of APIs and services across domains and infrastructures.

Aujourd'hui, les navigateurs sont le système d'exploitation du Web, et sont capables d'exécuter des applications complexes complètement côté client. Ils sont capables de consommer et d'interagir avec une quantité toujours croissante d'API et de services entre domaines et infrastructures.

Markup

The JAMstack uses markup languages like HTML, CSS and Markdown to format and style our content, client-side JavaScript to make it interactive and engaging and APIs to add persistence, real-time sync, real-world interactions, comments, shopping carts, and so on.

La JAMstack utilise des langages de balisage comme HTML, CSS et Markdown pour mettre en forme et personnaliser notre contenu, JavaScript côté client pour le rendre interactif et attrayant et les APIs pour ajouter de la persistance, la synchronisation en temps réel, les interactions réelles, les commentaires, les fonctions de e-commerce et ainsi de suite.

Slides

vidéo

SmashingConf San Francisco 2016 - Mathias Biilmann: The New Front-end Stack. Javascript, APIs and Markup from Smashing Magazine on Vimeo.

Chantier en cours

  • refactoriser travaux du 2016-357 sur l'apprentissage de netifly et autres CDN à la ligne de commande.
  • time-sheet : déploiement jekyll from scratch
  • tester interfaces-utilisateur mobiles

contrôle qualité

en vrac