Blame view

index.html 7.81 KB
68aaa919b   Rémi Emonet   first content
1
2
3
4
5
  <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"/>
68aaa919b   Rémi Emonet   first content
6
          <style type="text/css">
24d20a791   Rémi Emonet   uni style
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
           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;
           }
68aaa919b   Rémi Emonet   first content
37
        </style>
68aaa919b   Rémi Emonet   first content
38
39
40
41
42
43
      </head>
  
      <body class="">
          <h1><span class="var-title"></span></h1>
          <h2>Slides et Cours</h2>
          <div>
24d20a791   Rémi Emonet   uni style
44
45
46
47
48
          <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>
d5d1cc9a3   Rémi Emonet   ...
49
          <a class="tile" href="cours-05.html">Slides 5 <br/> Thymeleaf, DI, JPA</a>
ec2b53553   Rémi Emonet   git + secu
50
51
          <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>
d5d1cc9a3   Rémi Emonet   ...
52
          <a class="tile" href="cours-06.html">Slides 6 <br/> DI, Security, JS</a>
d6a497a35   Rémi Emonet   pub cm8
53
54
          <a class="tile" href="cours-07.html">Slides 7 <br/> Vue, Rest</a>
          <a class="tile" href="cours-08.html">Slides 8 <br/> Vue, github, hotels, etc</a>
24d20a791   Rémi Emonet   uni style
55
          </div>
b162727fa   Rémi Emonet   deb c2
56
57
  
          <h2>Code des séances</h2>
24d20a791   Rémi Emonet   uni style
58
          <div>
a75f52475   Rémi Emonet   cm pwa etc
59
60
              <a class="tile" data-code-date="09-13"></a>
              <a class="tile" data-code-date="09-29"></a>
f2bf972dd   Rémi Emonet   go
61
62
63
              <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>
d6a497a35   Rémi Emonet   pub cm8
64
              <a class="tile" data-code-date="10-27"></a>
24d20a791   Rémi Emonet   uni style
65
          </div>
68aaa919b   Rémi Emonet   first content
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
  <!--
          <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>
24d20a791   Rémi Emonet   uni style
92
93
94
              <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>
769f8125b   Rémi Emonet   tp2 for ref
95
              <a class="tile" href="tp2.pdf">TP 2 (SPRING) <br/>Sujet</a>
24d20a791   Rémi Emonet   uni style
96
              <a class="tile" href="more-installation.html">Installation <br/>sur votre laptop</a>
b162727fa   Rémi Emonet   deb c2
97
              <!--
769f8125b   Rémi Emonet   tp2 for ref
98
99
100
101
102
103
                   <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>
                   <!--
                 -->
b162727fa   Rémi Emonet   deb c2
104
105
              
              <!--
68aaa919b   Rémi Emonet   first content
106
107
108
          <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>
b162727fa   Rémi Emonet   deb c2
109
              -->
68aaa919b   Rémi Emonet   first content
110
111
112
113
114
115
116
117
          <!--
          <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>
68aaa919b   Rémi Emonet   first content
118
          <p style="clear:both; padding-top: 2em; text-align: left;">¹ from https://vimeo.com/140075655</p>
b162727fa   Rémi Emonet   deb c2
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
  
  
  
  
  <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');
ef52bdc52   Rémi Emonet   go
142
          e.href = 'raw/cours-' + d + '.zip';
b162727fa   Rémi Emonet   deb c2
143
144
145
146
          e.textContent += '[fichiers du '+d+']';
      });
          
          </script>
68aaa919b   Rémi Emonet   first content
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
  <!-- 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>