/bootstrap/cache • On *nix operating systems this can be achieved by chown -R www-data:www-data storage bootstrap/cache chmod -R ug+rwx storage bootstrap/cache (where www-data is the name and group of the time. After than set proper permissions on files. $ chown -R www-data.www-data /var/www/laravel $ chmod -R 755 /var/www/laravel $ chmod -R 777 /var/www/laravel/app/storage https://riptutorial.com/ 120 here laravel-datatables This package is created to handle server-side works of DataTables jQuery Plugin via AJAX option by using Eloquent ORM, Fluent Query Builder or Collection. Read more about this

similaires pour de nombreuses applis • Composants de haut-niveau réutilisables (faible couplage) • Règles de codage et d’architecture • Code sûr et efficace • Facilite les tests et la gestion de projets complexes des infos • Front Controller – Traitement et dispatch des requêtes grâce aux routes – (bootstrap, ré-écriture des URL, …) • Object Relational Mapping5 – Active Record, Table Data Gateway, Data Mapper formatted) URL • Les URL doivent être explicites : – Manipulées par l’utilisateur – Utilisées pour le référencement • Cohérence avec l’implémentation MVC : http://app.host.tld/controller/action[/key/val]

application : invention www en 1990 (v0.9) – Connexion, GET, réponse, fermeture • HTTP 1.0 (1996) – Entêtes de requête (Host, Referer, User-Agent, …) et réponse (Content-Type, Set- Cookie, Location, …) • HTTP #sl ide=id.p19 2https://caniuse.com/#feat=http2 3https://http3-explained.haxx.se/fr/ 1 Codes de réponse • 1xx : Information • 2xx : Succès • 3xx : Redirection • 4xx : Erreur Client • 5xx : Erreur Serveur Remplacement partiel d’une ressource • DELETE : Suppression d’une ressource • HEAD : Demande l’entête de la réponse, sans la ressource • TRACE, OPTIONS, CONNECT idempotentes sûres Echanges HTTP • Requête GET

(DGR) 2022 Applications distribuées • Motivation : répartir l’exécution sur plusieurs machines – Principe : Les composants/services communiquent par le réseau – Problèmes : Hétérogénéité systèmes, langages SOAP • Exemple9 requête/réponse • Introduction à SOAP10 (fr) • Créer un service web WS (SOAP) nécessite WSDL et UDDI : – SOAP : Echange de messages XML sur le réseau – WSDL : Web Service Description (contenu) inchangé – Idempotence : plusieurs appels donnent le même résultat REST • L’appel d’une ressource avec des verbes différents produira un résultat différent : Effet Route Verbe URI (ressource) Description

Fondation pour améliorer la sécurité des webapps • Fondée en 2004, internationale, sans but lucratif • Référence principale dans le domaine • Propose : – Top 10 (web et mobile2) : Méthode3, CVSS4, CWE5 – HTML – SQL – Javascript – … Injections SQL • Modifier les requêtes envoyées au SGBD • Obtention d’un résultat non prévu par le développeur • Deviner la structure du code pour l’exploiter • SQL est puissant modification du DOM (Exemple11) Cross Site Request Forgery (CSRF - Sea Surf) • Principe : – Faire réaliser à quelqu’un une action à son insu, avec ses propres infos d’authentifi- cation (credentials)

ries 2 { #nav { width: 200px; } #nav li {float: left; margin: 0 0 0 .5em; border: none;} } 3. Règle CSS import @import url(style600min.css) screen and (min-width: 600px); Media Queries6 width, orientation, aspect-ratio, device-aspect-ratio, color, color-index, monochrome, resolution, scan, grid • Règles CSS selon medium (souvent min-, max-width) • Opérateurs : only, not, and • Au moins 3 layouts : : mobile, tablet, desktop • Resolution breakpoints : 320, 480, 600, 768, 1024, 1200px • Souvent ces règles sont utilisées pour : – agrandir la taille du texte – agrandir la taille des zones cliquables

données – Authentification optionnelle du client • Certificats (clé publique associée au certificat) Rôle d’un certificat • Garantir le lien entre une entité physique et une entité numérique : – Intégrité des autorités publiques ou de gouvernance de l’Internet • Rôle : – Vérifier et garantir les informations sur l’entité – Emettre, délivrer et révoquer les certificats – Leur assigner une période de validité validité – Maintenir la liste des certificats valides/révoqués 2 • Certificats auto-signés : – usage interne – pas de tiers de confiance Contenu d’un certificat X509 • version de X.509 (v3, depuis 1996)

Automatisation du déploiement (R. Emourgeon4) ? – Vos présentations ? Vos propositions ? • Support : ghpages5 (source6), partage fichiers : teams7 Projets • Faire pour apprendre • Les rôles dans une équipe de de développement web, workflow • Ne pas réinventer la roue ou tout faire soi-même • Critères d’évaluation d’un projet • En profiter pour apprendre des choses qui vous intéressent • Avant le 1er octobre HE-Arc9 – S’inscrire10 Choix des projets • Contrainte : appli basée sur des données • Choix – Besoin réel – Données existantes : dbpedia11, opendata12, … – S’inspirer de l’existant : 2https://www.alinekeller

des différentes implémentations – Conversions avec BabelJS10 • JavaScript : implémentation Firefox (réf. MDN) • Variantes (à transpiler) : – Typescript11 : variante fortement typée, avec des classes (MS) 26https://developer.mozilla.org/en/docs/Web/Events/DOMContentLoaded 27https://nodejs.org 28https://www.reddit.com/r/node/comments/nx9qqr/deno_vs_nodejs_a_comparison_you_need_to_know/ 29https://www.npmjs.com 30https://colorlib var noeud = $("p"); // select node(s) noeud.remove(); Références • Une réintroduction à JavaScript34 • How does it feel to learn JS in 201635 • Référence MDN36 • Tutoriels The Modern JS Tuto37 w3schools38

tâches fréquentes : – Manipulations DOM – Manipulations CSS – Réponse aux évenements du navigateur – Effets visuels et animations – Requêtes et réponses Ajax • Abstraction implémentations différents navigateurs sélectionne les éléments de classe "post" var node = $('

New

'); // un nouveau noeud • Pour être sûr que le document est chargé : $(document).ready(function(){ console.log("prêt!") }); ou $(function() find() – Frères : sibling(), next(), prev() • Filtrage – first(), last(), eq() – filter(), not() – Référence4 Modifications de contenu • Accès au contenu : – text() : get/set le texte entre les balises