Bonnes Pratiques Web & Cloud
58.8K views | +4 today
Follow
Bonnes Pratiques Web & Cloud
Administration cloud et développement web
Curated by Mickael Ruau
Your new post is loading...
Your new post is loading...

Popular Tags

Current selected tag: 'ajax'. Clear
Scooped by Mickael Ruau
Scoop.it!

swagger-api/swagger-js: Javascript library to connect to swagger-enabled APIs via browser or nodejs

swagger-api/swagger-js: Javascript library to connect to swagger-enabled APIs via browser or nodejs | Bonnes Pratiques Web & Cloud | Scoop.it
Javascript library to connect to swagger-enabled APIs via browser or nodejs - GitHub - swagger-api/swagger-js: Javascript library to connect to swagger-enabled APIs via browser or nodejs
Mickael Ruau's insight:

Swagger Client is a JavaScript module that allows you to fetch, resolve, and interact with Swagger/OpenAPI documents.

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Getting Started with Ajax - DZone - Refcardz

Getting Started with Ajax - DZone - Refcardz | Bonnes Pratiques Web & Cloud | Scoop.it
Introduces Ajax, a group interrelated techniques used in client-side web development for creating asynchronous web applications.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

La méthode recommandée pour faire indexer des contenus AJAX en 2018 : SF publie une démo

La méthode recommandée pour faire indexer des contenus AJAX en 2018 : SF publie une démo | Bonnes Pratiques Web & Cloud | Scoop.it
Par défaut les moteurs de recherche ne cherchent pas à crawler et indexer les contenus chargés en Ajax. Utiliser cette technologie représente potentiellement un gros handicap pour avoir un bon référencement.
Mickael Ruau's insight:

Rappel : en mai 2018, Google changera son comportement sur les urls en #!

A partir du deuxième Trimestre de 2018, Google a annoncé qu’il allait cesser de gérer les URLs contenant des “#!” comme avant.Concrètement, quand le crawler va rencontrer ce type d’urls, il n’ira plus chercher la version alternative : il cherchera à crawler la page en Ajax directement !

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Selenium IDE: Implicit Wait – Add-ons for Firefox

Selenium IDE: Implicit Wait – Add-ons for Firefox | Bonnes Pratiques Web & Cloud | Scoop.it

This plugin allows Selenium IDE to automatically wait until the element is found before executing each command using a locator. It is equivalent to the implicit wait function available with Selenium 2 WebDrivers. It avoids having to insert waitForElementPresent before click, type, select..., and provides a command to deal with AJAX processing status. For more information, see the project page.

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Using CORS for Cross-Domain Ajax Requests | Constant Contact Tech Blog

When building complex client-side applications, at some point it usually becomes necessary to make Ajax requests to domains other than the one from which y
Mickael Ruau's insight:

Alternatives to CORS

If your web application must run in browsers that do not support CORS or interact with servers that are not CORS-enabled, there are several alternatives to CORS that have been utilized to solve the cross-origin communication restriction.

  • JSONP. This is a technique that exploits the HTML script element exception to the same-origin security policy.  Script tags can load JavaScript from a different domain and query parameters can be added to the script URI to pass information to the server hosting the script about the resources that you wish to access. The JSONP server will return JavaScript that is evaluated in the browser that calls an agreed upon JavaScript function already on the page to pass server resource data into your page.
  • OpenAjax Hub. This is an JavaScript Ajax library that allows integration of multiple client-side components within a single web application. Trusted and untrusted components to co-exist within the same page and communicate with each other as long as they all include the OpenAjax Hub JavaScript library. The framework provides a security manager to allow the application to set security policies on component messaging. Iframes are used to isolate components into secure sandboxes.
  • easyXDM. This is a JavaScript library that allows for string-based cross domain communication via iframes.  It works on the same principals as OpenAjax Hub but does not have the security manager component.
  • Proxied Iframe. This do-it-yourself technique involves including an iframe on your page from the domain you wish to communicate with.  This assumes that you are able to host pages on this other domain.  The JavaScript running in the iframe serves as a rest proxy to the server containing the resources you wish to access.  Communication between your application and the rest proxy will take place using post message.  Post message is part of the HTML5 standard, but there is also a jQuery implementation for non HTML5-compliant browsers.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Best Online JSON Viewer, Beautifier, Formatter, Analyser, Minify, Converter

Best Online JSON Viewer, Beautifier, Formatter, Analyser, Minify, Converter | Bonnes Pratiques Web & Cloud | Scoop.it
Online JSON Viewer, JSON Beautifier, JSON Formatter, Validator, Minify, - Convert JSON Strings to a Friendly Readable Format, into XML/CSV
Mickael Ruau's insight:
Welcome to the online JSON Viewer, JSON Formatter-Beautifier, JSON Validator, JSON Parser, JSON Minifier at codebeautiy.org. JSON is a data format that is gaining popularity and used extensively in many AJAX powered Websites. Many websites which offer API's, which will return data in JSON format. Often the JSON provided has whitespace compressed to reduce the size of the data transferred. This site gives you a quick and easy way to format the JSON so you can read it. JSON Viewer displays your image preview if data is image URL.

What can you do with JSON VIEWER ?

  • Beautify/Format your JSON.
  • Parse and Display your JSON in a tree view.
  • Minify/Compress your JSON.
  • Validate your JSON and help you to fix an error.
  • Convert your JSON into XML format.
  • Convert and export your JSON to CSV format.
  • Hover on image URL , JSON Viewer will display image.
  • Once you have created JSON Data. You can download as a file or save as link and Share.
  • JSON Viewer works well on Windows, MAC, Chrome, and Firefox.
  • JSON Pretty Print / Pretty JSON Tool
No comment yet.
Rescooped by Mickael Ruau from Web Increase
Scoop.it!

jQuery Autocomplete with Json

jQuery Autocomplete with Json | Bonnes Pratiques Web & Cloud | Scoop.it
Autocomplete, or word completion, is a feature in which an application predicts the rest of a word a user is typing. In graphical user interfaces, users can typically press the […]
The post jQuery Autocomplete with Json appeared first on jQuery Rain.

Via Jean-Jacques Roland
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Comment gérer une navigation en Ajax ? - Le blog de Clever Age

Comment gérer une navigation en Ajax ? - Le blog de Clever Age | Bonnes Pratiques Web & Cloud | Scoop.it
La problématique Pourquoi une navigation en Ajax ? Une navigation en Ajax a les avantages suivants par rapport à une navigation HTML standard : pas de rechargement complet de la page, seul le contenu demandé est chargé, ce qui permet de gagner au niveau du temps de traitement de la page et de la bande …
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

SimpleXML and JSON Encode in PHP – Part I

SimpleXML and JSON Encode in PHP – Part I | Bonnes Pratiques Web & Cloud | Scoop.it
With SimpleXMLElement it is often easy and looks like a very quick way to turn some XML into JSON. But not everything in PHP that has an easy interface works out of the box. In this three part series I'll cover the basics of using the json_encode() function on a SimpleXMLElement, will make problematic areas…
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

enable cross-origin resource sharing

enable cross-origin resource sharing | Bonnes Pratiques Web & Cloud | Scoop.it

To add the CORS authorization to the header using Apache, simply add the following line inside either the <Directory>, <Location>, <Files> or <VirtualHost> sections of your server config (usually located in a *.conf file, such as httpd.conf or apache.conf), or within a .htaccess file:

Header set Access-Control-Allow-Origin "*"
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Un focus sur l'API Javascript window.fetch au lieu de XMLHttpRequest

Un focus sur l'API Javascript window.fetch au lieu de XMLHttpRequest | Bonnes Pratiques Web & Cloud | Scoop.it
Un focus sur l'API Javascript window.fetch au lieu de XMLHttpRequest.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Security and Performance Tuning of a REST and Ajax Application

Security and Performance Tuning of a REST and Ajax Application | Bonnes Pratiques Web & Cloud | Scoop.it
In this article, we will look at advanced topics, such as security and performance. We will learn how to secure our application against XSS (cross-site scripting) attacks and how to improve the application's performance on both the server and the client sides.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Ben Edmunds - Logging Client Side Javascript Errors

Ben Edmunds - Logging Client Side Javascript Errors | Bonnes Pratiques Web & Cloud | Scoop.it
This seems to be something a lot of people don't know how to do so here's a quick intro. You might have a great error logging setup on the backend of your site but most people have no idea what's going on with the frontend. As an example, wouldn't it be great to be able to see what browser version that one user who always gets JS errors was actually using, or even track the user's id so you can reference their profile data to get in contact with them.

That's where logging client side javascript errors comes in handy. You'll need to add logging code on the frontend and a simple API on the backend. And as a disclaimer, this code is not 100% vetted, it's just a quick example to get you started.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

htmx - high power tools for html



htmx allows you to access AJAX, WebSockets and Server Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypertext

htmx is small (~8k min.gz'd), dependency-free, extendable & IE11 compatible
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

AJAX cross-domain – AWS

Deux documents ne provenant pas du même domaine ne peuvent pas accéder aux contenus respectifs :

  • Pas d’accès au DOM, aux cookies, aux URLs, …
  • Pas d’accès entre fenêtres et entre frames.

Cependant

  • Les scripts inclus avec <script> ont plein accès (conséquence : SOP ne peut pas bloquer le JavaScript injecté) ;
  • Autres balises violant la SOP (et pour cause) : <img>, <link>, <embed>, <object>, <iframe>, <bgsound>, <audio>, <video>, …
  • window.name viole la SOP (pas très utilisé) ;
  • window.postMessage : violation contrôlée de la SOP.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Inspecter un DOM qui bouge - Alsacreations

Inspecter un DOM qui bouge - Alsacreations | Bonnes Pratiques Web & Cloud | Scoop.it
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Best XML to JSON Online tool to convert XML to JSON String, URL and File

Best XML to JSON Online tool to convert XML to JSON String, URL and File | Bonnes Pratiques Web & Cloud | Scoop.it
XML to JSON Converter, Parser, Transformer Online Utility. Load form URL, Download, Save and Share
Mickael Ruau's insight:

What can you do with XML TO JSON Converter?

  • It helps to convert XML into JSON format.
  • Load XML URL or Open XML File from your Computer and start converting.
  • Once you are done with XML to JSON converting. You can download as a file or Create a link and Share.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Getting CORS Working

Recently I ran a workshop where I ran a small section of the workshop on CORS and how to enable it. In the past, I've found it to be very easy but this time around everything backfired and it didn't work. So after the workshop I went about understanding why the CORS demo it didn't work, and how to get it working.

Mickael Ruau's insight:

Cross Origin Resource Sharing - i.e. cross domain Ajax. The technical side of getting CORS to work has been explained in a lot more detail by Nicholas C. Zakas in his article Cross-domain Ajax with Cross-Origin Resource Sharing, (i.e. IE8, for reasons beyond most, use XDomainRequest - utterly bespoke - but that's Microsoft for you).

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Accès refusé

Documentation du navigateur Microsoft Edge pour l'erreur "XMLHttpRequest: Erreur réseau 0x41, Accès au réseau refusé."

Mickael Ruau's insight:

Un script a essayé d'accéder aux données à partir d'une source autre que l'hôte de la page actuelle. La stratégie d'origine suivie par Internet Explorer et d'autres navigateurs permet aux scripts d'accéder aux données uniquement à partir de sources avec les mêmes schéma, hôte et port de l'URL de la page actuelle.

Par exemple, si la page actuelle est https://employees.mycompany.com, vous ne pouvez pas accéder aux données à partir des URL suivantes :

Pour corriger cette erreur

  • Vérifiez si l'API que vous essayez d'appeler prend en charge JSONP ou CORS, qui sont deux approches qui autorisent en toute sécurité les scripts cross-origin.

  • Si vous essayez d'appeler une API REST, refactorisez cet appel vers votre code côté serveur, puis exposez un nouveau point de terminaison REST pour vos scripts côté client.

    Pour plus d'informations, recherchez la documentation en ligne relative à la stratégie d'origine, JSONP et CORS.

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

JavaScript Json - dofactory.com

JavaScript Json - dofactory.com | Bonnes Pratiques Web & Cloud | Scoop.it
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Deprecating our AJAX crawling scheme

Deprecating our AJAX crawling scheme | Bonnes Pratiques Web & Cloud | Scoop.it

Le moteur d'indexation de Google a progressé : les recommandations SEO changent pour le sites AJAX.

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Can You Now Trust Google To Crawl Ajax Sites?

Can You Now Trust Google To Crawl Ajax Sites? | Bonnes Pratiques Web & Cloud | Scoop.it
On October 14, Google announced it no longer recommends the Ajax crawling scheme they published in 2009. Columnist Mark Munroe dives into the question of whether this means you can now count on Google to successfully crawl and index an Ajax site.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

enable cross-origin resource sharing

enable cross-origin resource sharing | Bonnes Pratiques Web & Cloud | Scoop.it

If you don't have access to configure Apache, you can still send the header from a PHP script. It's a case of adding the following to your PHP scripts:

<?php header("Access-Control-Allow-Origin: *");
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

HTML5 Datalist example. Getting started with HTML5 datalist tag

HTML5 Datalist example. Getting started with HTML5 datalist tag | Bonnes Pratiques Web & Cloud | Scoop.it
HTML5 Datalist is a new html tag shipped with HTML5 specification. HTML5 Datalist can be used to create a simple poor man’s Autocomplete feature for a webpage.

In this tutorial we will go through the basics of HTML5 Datalist tag and check some quick examples of autocomplete.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Générateur de loader CSS pour votre site

Générateur de loader CSS pour votre site | Bonnes Pratiques Web & Cloud | Scoop.it
Ce générateur de loader CSS, créé par Wifeo, est à votre disposition gratuitement pour une utilisation personnelle ou professionelle sur votre site. Pour utiliser ce générateur de loader, choisissez le style qui vous interesse, puis vous aurez la possibilité de le personnaliser graphiquement.
No comment yet.