05.JavaScript & DOM 19 décembre 2023 Développement web il3 JavaScript & DOM HE-Arc (DGR) 2022 JavaScript hier • Page web = HTML (+ CSS + JavaScript) • Exécuté par le browser (client) • Interprété Bonnes pratiques15 • Interface pour scripter le navigateur – Accès et modification du contenu via DOM 1https://emscripten.org/ 2http://webassembly.org/ 3http://www.espruino.com/ 4https://nodebots.io/ onsubmit, …) – Embarqués dans les balises (onXXX)

gratuit, OS (licence MIT) • Facilite le développement JS pour les tâches fréquentes : – Manipulations DOM – Manipulations CSS – Réponse aux évenements du navigateur – Effets visuels et animations – Requêtes raccourci pour jQuery() • Utilisation de sélecteurs CSS, id ou classes $(document); // retourne le DOM $("h3").hide(); // cache tous les éléments h3 $(".post"); // sélectionne les éléments de classe "post" ready(function(){ console.log("prêt!") }); ou $(function() { console.log("prêt!") }); Sélection dans le DOM • Sélection $("h1"); // noeud élément $("h1").text(); // noeud texte en lecture • Modification

Stockage dans la BDD et affichage (= exécution) par plusieurs clients • DOM based XSS – Exécutée lors de la modification du DOM (Exemple11) Cross Site Request Forgery (CSRF - Sea Surf) • Principe : souvent mal sécurisé (shodan.io16) • DoS • Spoofing (IP, DNS, ARP) 11https://www.owasp.org/index.php/DOM_Based_XSS 12https://www.owasp.org/index.php/CSRF 13https://www.xudongz.com/blog/2017/idn-phishing/

James Garret6, 2005 • Mise à jour sans rechargement intégral • Utilisation de Remote Scripting7 et de DOM • Historique de techniques de remote scripting 4https://www.mnot.net/blog/2012/09/05/patch 5https://soabits Principe 1. Envoi de requête HTTP 2. La réponse provoque l’éxecution de la fonction de rappel 3. Le DOM de la page est mis à jour • Applications – GUI ressemblant à des app natives – MAJ dynamiques de status == 200 • La réponse est dans l’attribut responseText • ou dans responseXML – Utilisation du DOM (getElementsByTagName(), ...) Réponse en XML Berger

注：如果你安装的是 Laravel 5.2 的 beta 版本，还要添加 "minimum-stability": "beta" 到 composer.json 文件。 添加 symfony/dom-crawler ~3.0 和 symfony/css-selector ~3.0 到 composer.json 的 require-dev 部分。 认证 配置文件 更新 config/auth 学院（LaravelAcademy.org）提供 Laravel 学院致力于提供优质 Laravel 中文学习资源 16 2、安装 & 设置 首次安装 在使用 Homestead 之前，需要先安装 Virtual Box/VMWare 和 Vagrant，所有这些软件包 都为常用操作系统提供了一个便于使用的可视化安装器。 安装 Homestead Vagrant 盒子 VirtualBox/VMWare

system requirements. Of course, all of these requirements are satisfied by the Laravel Homestead virtual machine, so it's highly recommended that you use Homestead as your local Laravel development environment 'uOHTNu3Au1Kt7Uloyr2Py9blU0J5XQ75'), 'cipher' => 'AES-256-CBC', Step 5 – Create Apache VirtualHost Now add a Virtual Host in your Apache configuration file to access Laravel framework from web browser. Create Apache and add below content. $ vim /etc/apache2/sites-available/laravel.example.com.conf This is the Virtual Host file structure. ServerName laravel.example.com DocumentRoot

dans le PATH : $ laravel new raidit $ cd raidit • Racine du site dans /public (lien symbolique ou virtual host) Le dépôt • Initialiser le dépôt $cd raidit $git init $git add . $git commit -m "Install git $git push --set-upstream origin master • Penser à ajouter sa clé publique à Github Apache • Virtual hosts – http-vhosts.conf (activer dans httpd.conf) – Un par site – Pointer dans /public • AllowOverride

your local development environment. Vagrant provides a simple, elegant way to manage and provision Virtual Machines. Laravel Homestead is an official, pre-packaged Vagrant "box" that provides you a wonderful SSH key, as well as the folders you wish to be shared between your main machine and the Homestead virtual machine. Don't have an SSH key? On Mac and Linux, you can generally create an SSH key pair using your liking, run the vagrant up command from your Homestead directory. Vagrant will boot the virtual machine, and configure your shared folders and Nginx sites automatically! To destroy the machine

autosigné) • Obtenir le certificat et la clé privée du serveur • Configurer httpd. Pour Apache : – virtual host (port 443), ssl.conf, (ports.conf) • Création de l’arborescence sécurisée • Démarrage serveur

does not provide a server to you. But it’s a service that connects to DigitalOcean and other VPS - virtual private server - providers like Hetzner, AWS, Vultr and more and it creates a server for you on