<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg">
<head>
<title>Programmation Web Avancée − 2017 − M1 DSC</title>
<meta name="year" content="2016"/>
<meta content="text/html; charset=UTF-8" http-equiv="content-type"/>
<style type="text/css">
html, body {margin:0; padding:0;}
html {text-align: center; background: white; font-family: Arial;}
h1,h2,h3,a {margin: 6px 0;}
h1,h2,h3 {clear: both;}
body {width: 800px;}
h1,h2 {box-sizing: border-box; width:800px; padding: 20px 0;}
body {display: inline-block;}
h1 {color: gray; margin-bottom: 2em;}
h2 {color: white; background: black; margin:0; margin-top: 120px;}
body>div {text-align: left;}
body>div>* {text-align: center; vertical-align: middle;}
.tile {margin-top: 5px; min-height: 2.3em;}
.tile>a {flex: 1 1 auto; }
.tile>a {margin: 2px; }
a[href$=".pdf"] { box-shadow: black 2px 2px 2px; }
a[href$=".zip"] { box-shadow: darkred 2px 2px 2px; }
a, .tile {background: rgb(225, 73, 56); color: white; text-decoration: none; font-weight: bold;}
.tile {display:inline-flex; box-sizing: border-box; width: 194px; padding: 15px; margin-bottom: 7px;}
a.tile {display: inline-block;}
.tile {margin-left: 4px; }
.tile:nth-child(4n+1) {margin-left:0;}
.tile.proj {min-height: 65px;}
.tile:hover {background: rgb(255, 127, 0);}
.outlined {outline: 1px solid black;}
.vil {
outline: 2px solid black;
}
</style>
</head>
<body class="">
<h1><span class="var-title"></span></h1>
<h2>Slides et Cours</h2>
<div>
<a class="outlined tile" href="more-aide-transparents.html">Voir les slides?</a>
<a class="tile" href="cours-01.html">Slides 1 <br/> introduction</a>
<a class="tile" href="cours-02.html">Slides 2 <br/> HTML+CSS</a>
<a class="tile" href="cours-03.html" style="font-size:80%;">Slides 3 <br/> MVC, Spring+Thymeleaf</a>
<a class="tile" href="cours-04.html">Slides 4 <br/> Projet, TP1</a>
<a class="tile" href="cours-05.html">Slides 5 <br/> Thymeleaf, DI, JPA</a>
<a class="tile" href="cours-git.html">Slides GIT <br/> (not so standalone)</a>
<a class="tile" href="raw/https-secu-utilisateurs.zip">Code <br/> (https, secu, users)</a>
<a class="tile" href="cours-06.html">Slides 6 <br/> DI, Security, JS</a>
</div>
<h2>Code des séances</h2>
<div>
<a class="tile" data-code-date="09-13"></a>
<a class="tile" data-code-date="09-29"></a>
<a class="tile" data-code-date="10-13"></a>
<a class="tile" data-code-date="10-20-js"></a>
<a class="tile" data-code-date="10-20-api"></a>
</div>
<!--
<a href="raw/cours-2.zip">Fichiers HTML et CSS du cours</a>
<a href="cours-03.html">Slides 3 <br/> Spring+Thymeleaf</a>
<a href="raw/cours-3.zip">Projet du cours 3 (tp2)</a>
<a href="cours-04.html">Slides 4 <br/> DI+JPA</a>
<a href="raw/cours-4-pre.zip">Projet du cours 4 (tp2)</a>
<a href="raw/cours-4-post.zip">Projet du cours 4 avec JPA (tp2)</a>
<a href="cours-05.html">Slides 5 <br/> GIT</a>
<a href="cours-06.html">Slides 6 <br/> Secu, React, Rest</a>
<a href="raw/cours-6-react-live.zip">Projet du cours 6 (react)</a>
<a href="raw/cours-6-LiveRest.zip">Projet du cours 6 (rest)</a>
<a href="raw/https-secu-utilisateurs.zip">Morceaux du cours 6 (https, secu, users)</a>
-->
<!--
<a href="export-cours-01.pdf">Slides 1, pdf <br/> (ne pas imprimer) </a>
<a href="export-cours-02.pdf">Slides 2, pdf <br/> (ne pas imprimer) </a>
<a href="export-cours-03.pdf">Slides 3, pdf <br/> (ne pas imprimer) </a>
<a href="export-cours-04.pdf">Slides 4, pdf <br/> (ne pas imprimer) </a>
<a href="export-cours-05.pdf">Slides 5, pdf <br/> (ne pas imprimer) </a>
<a href="export-cours-06.pdf">Slides 6, pdf <br/> (ne pas imprimer) </a>
-->
</div>
<h2>Other Resources</h2>
<div>
<a class="tile" href="tp1.pdf">TP 1 (HTML+CSS) <br/>Sujet</a>
<a class="tile" href="raw/tp1-base.txt">Le fichier <br/>du TP1</a>
<a class="tile" href="raw/test.mp4">A test video to download¹</a>
<a class="tile" href="tp2.pdf">TP 2 (SPRING) <br/>Sujet</a>
<a class="tile" href="more-installation.html">Installation <br/>sur votre laptop</a>
<!--
<a href="tp3.pdf">TP 3 (REST+React) <br/>Sujet</a>
<a href="raw/libs-1.zip">TP 3 (REST+React) <br/>Bibliothèques JS</a>
<a href="more-projects.html">Project <br/>Instructions</a>
<a href="raw/exam-2014.pdf">Examen Précédent</a>
<!--
-->
<!--
<a href="more-links.html">Helpful <br/>Links</a>
<a class="vil" href="more-errors.html">Typical <br/>Problems</a>
<a href="more-attribution.html">Where images are borrowed?</a>
-->
<!--
<a href="raw/CORS.txt">The CORS config <br/>for TP3</a>
<a href="raw/cours7-endcode.zip">Code from <br/> cours-7's end</a>
<a href="raw/cours-9-live-client.zip">The cours9 <br/>client code</a>
<a href="raw/cours9live-server.zip">The cours9 <br/>server code</a>
<a href="raw/cours10-endcode.zip">Code from <br/> cours-10's end </a>
-->
</div>
<p style="clear:both; padding-top: 2em; text-align: left;">¹ from https://vimeo.com/140075655</p>
<script>
function forEachNode(nodes, f) {
for (var i = 0; i < nodes.length; i++) {
//f(nodes.item(i));
f(nodes.item(i), i, nodes); // ressemble à "map" de lundi
}
}
function forEachInSelector(sel, f) {
var nodes = document.querySelectorAll(sel);
forEachNode(nodes, f);
}
forEachInSelector("a", function(e, i) {
e.setAttribute("target", "_blank");
});
forEachInSelector("*[data-code-date]", function(e, i) {
var d = e.getAttribute('data-code-date');
e.href = 'raw/cours-' + d + '.zip';
e.textContent += '[fichiers du '+d+']';
});
</script>
<!-- clicky Cla -->
<script type="text/javascript">
var clicky_site_ids = clicky_site_ids || [];
clicky_site_ids.push(100779706);
(function() {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = '//static.getclicky.com/js';
( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild( s );
})();
</script>
<noscript><p><img alt="Clicky" width="1" height="1" src="//in.getclicky.com/100779706ns.gif" /></p></noscript>
<!-- Histats.com START (aync)-->
<script type="text/javascript">var _Hasync= _Hasync|| [];
_Hasync.push(['Histats.start', '1,2767123,4,0,0,0,00010000']);
_Hasync.push(['Histats.fasi', '1']);
_Hasync.push(['Histats.track_hits', '']);
(function() {
var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true;
hs.src = ('http://s10.histats.com/js15_as.js');
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs);
})();</script>
<noscript><a href="http://www.histats.com" target="_blank"><img src="http://sstatic1.histats.com/0.gif?2767123&101" alt="javascript hit counter" border="0"></a></noscript>
<!-- Histats.com END -->
</body>
</html>