Commit b162727faa0b8e414a5930f4f5de81c67e01594a

Authored by Rémi Emonet
1 parent 56ef305226
Exists in master

deb c2

Showing 5 changed files with 81 additions and 12 deletions

cours-01.html View file @ b162727
... ... @@ -68,7 +68,7 @@
68 68 - **projet**, avec quelques suivis brefs
69 69 - mixed sessions: courss/demo/exercices/TP {slide}
70 70 - classe inversée {slide}
71   -- Planning indicatif: 4h Vendredi matin {slide}
  71 +- Planning indicatif: 3h Vendredi matin {slide}
72 72 - Évaluation {slide}
73 73 - « théoriques » : QCM + questions ouvertes et exercices
74 74 - « pratique », projet : rapport, présentation, et démo
... ... @@ -3,8 +3,6 @@
3 3 <title>Programmation Web Avancée − 2017 − M1 DSC</title>
4 4 <meta name="year" content="2016"/>
5 5 <meta content="text/html; charset=UTF-8" http-equiv="content-type"/>
6   - <script type="text/javascript" src="jquery.min.js"></script>
7   - <script type="text/javascript" src="tools.js"></script>
8 6 <style type="text/css">
9 7 html, body {margin:0; padding:0;}
10 8 html {text-align: center; background: white; font-family: Arial;}
... ... @@ -26,9 +24,6 @@
26 24 outline: 2px solid black;
27 25 }
28 26 </style>
29   - <script>
30   - $(function(){ $("a").attr("target", "_blank"); });
31   - </script>
32 27 </head>
33 28  
34 29 <body class="">
... ... @@ -38,7 +33,10 @@
38 33 <a class="outlined" href="more-aide-transparents.html">Voir les slides?</a>
39 34 <a href="cours-01.html">Slides 1 <br/> introduction</a>
40 35 <a href="cours-02.html">Slides 2 <br/> HTML+CSS</a>
41   - <a href="cours-03.html">Slides 3 <br/> MVC, Spring+Thymeleaf</a>
  36 + <a href="cours-03.html" style="font-size:90%;">Slides 3 <br/> MVC, Spring+Thymeleaf</a>
  37 +
  38 + <h2>Code des séances</h2>
  39 + <a data-code-date="09-13"></a>
42 40 <!--
43 41 <a href="raw/cours-2.zip">Fichiers HTML et CSS du cours</a>
44 42 <a href="cours-03.html">Slides 3 <br/> Spring+Thymeleaf</a>
45 43  
... ... @@ -67,9 +65,10 @@
67 65 <div>
68 66 <a href="tp1.pdf">TP 1 (HTML+CSS) <br/>Sujet</a>
69 67 <a href="raw/tp1-base.txt">Le fichier <br/>du TP1</a>
70   - <!--
71 68 <a href="raw/test.mp4">A test video to download¹</a>
72   - <a href="more-installation.html">Installation <br/>on your laptop</a>
  69 +
  70 + <a href="more-installation.html">Installation <br/>sur votre laptop</a>
  71 + <!--
73 72 <a href="tp2.pdf">TP 2 (SPRING) <br/>Sujet</a>
74 73 <a href="tp3.pdf">TP 3 (REST+React) <br/>Sujet</a>
75 74 <a href="raw/libs-1.zip">TP 3 (REST+React) <br/>Bibliothèques JS</a>
76 75  
... ... @@ -77,9 +76,12 @@
77 76 <a href="raw/exam-2014.pdf">Examen Précédent</a>
78 77 <!--
79 78 -->
  79 +
  80 + <!--
80 81 <a href="more-links.html">Helpful <br/>Links</a>
81 82 <a class="vil" href="more-errors.html">Typical <br/>Problems</a>
82 83 <a href="more-attribution.html">Where images are borrowed?</a>
  84 + -->
83 85 <!--
84 86 <a href="raw/CORS.txt">The CORS config <br/>for TP3</a>
85 87 <a href="raw/cours7-endcode.zip">Code from <br/> cours-7's end</a>
86 88  
... ... @@ -88,9 +90,36 @@
88 90 <a href="raw/cours10-endcode.zip">Code from <br/> cours-10's end </a>
89 91 -->
90 92 </div>
91   - <!--
92 93 <p style="clear:both; padding-top: 2em; text-align: left;">¹ from https://vimeo.com/140075655</p>
93   --->
  94 +
  95 +
  96 +
  97 +
  98 +<script>
  99 + function forEachNode(nodes, f) {
  100 + for (var i = 0; i < nodes.length; i++) {
  101 + //f(nodes.item(i));
  102 + f(nodes.item(i), i, nodes); // ressemble à "map" de lundi
  103 + }
  104 + }
  105 + function forEachInSelector(sel, f) {
  106 + var nodes = document.querySelectorAll(sel);
  107 + forEachNode(nodes, f);
  108 + }
  109 +
  110 +
  111 + forEachInSelector("a", function(e, i) {
  112 + e.setAttribute("target", "_blank");
  113 + });
  114 +
  115 + forEachInSelector("*[data-code-date]", function(e, i) {
  116 + var d = e.getAttribute('data-code-date');
  117 + e.href = 'raw' + d + '.zip';
  118 + e.textContent += '[fichiers du '+d+']';
  119 + });
  120 +
  121 + </script>
  122 +
94 123 <!-- clicky Cla -->
95 124 <script type="text/javascript">
96 125 var clicky_site_ids = clicky_site_ids || [];
more-installation.html View file @ b162727
... ... @@ -39,7 +39,47 @@
39 39  
40 40 </head>
41 41 <body class="constrained">
42   -
  42 +<p><strong>This page lists the elements that you'll need to install on your computer to do web development.</strong></p>
  43 +<hr />
  44 +<h1 id="java-and-netbeans">Java and Netbeans</h1>
  45 +<p>Vous aurez besoin d'un SDK Java (<strong>JDK</strong>).</p>
  46 +<p>Les démos et le code donné utilisera Netbeans. Pour installer le bon Netbeans, il faut prendre la version « Java EE » (or « all ») la plus récente, téléchargeable sur le <a href="https://netbeans.org/downloads/">site de netbeans</a>.</p>
  47 +<p>Nous allons utiliser « maven » (une version vient avec Netbeans) qui va télécharger pas mal de choses. Vous devez donc créer et compiler un projet pour pré-télécharger tout celà (voir ci dessous).</p>
  48 +<h1 id="créer-un-projet-spring-avec-netbeans">Créer un projet Spring avec netbeans</h1>
  49 +<p>Dans Netbeans, aller dans « Tools&gt;Plugins » puis dans l'onglet « Available plugins » entrez « spring » dans le champs « Search ». Cocher les différents plugins qui apparaissent (en particulier « NB SpringBoot » et « Spring Web MVC »). S'ils sont déjà installés, ils apparaissent dans l'onglet « Installed ».</p>
  50 +<p>Après avoir installé ces plugins, créez un projet et compiler le, en suivant les étapes suivantes :</p>
  51 +<ul>
  52 +<li>« File &gt; New Project » et choisir « Maven &gt; Spring boot initializr »</li>
  53 +<li>à l'écran suivant (choix du nom du projet etc), pour un projet de test, garder les valeurs par défaut</li>
  54 +<li>ensuite, cocher les éléments suivants avant de faire suivant
  55 +<ul>
  56 +<li>security</li>
  57 +<li>dev tools</li>
  58 +<li>lombok</li>
  59 +<li>web</li>
  60 +<li>HATEOAS</li>
  61 +<li>REST Repository</li>
  62 +<li>Thymeleaf</li>
  63 +<li>JPA</li>
  64 +<li>H2</li>
  65 +</ul></li>
  66 +<li>à l'écran suivant choissisez l'endroit où stocker votre projet</li>
  67 +<li>une fois le projet créé, il se peut qu'une erreur soit detectée (si c'est le premier projet maven que l'on crée), on peut alors l'ignorer</li>
  68 +<li>faites un click droit sur votre projet « demo » puis faites « build » pour télécharger toutes les dépendances</li>
  69 +<li>ensuite essayer de lancer le projet avec « run » dans le menu contextuel (d'autres choses sont alors téléchargées)</li>
  70 +<li>visitez http://localhost:8080 pour voir si le serveur est bien joignable (si/comme nous avons ajouté « security », un mot de passe sera demandé)</li>
  71 +</ul>
  72 +<p>Félicitation, une bonne partie des choses à télécharger l'ont été, vous pouvez stopper le server (carré rouge) et supprimer votre projet :).</p>
  73 +<hr />
  74 +<h1 id="git">Git</h1>
  75 +<p>You will be asked to use the git version control system.</p>
  76 +<p>Please follow the installation instructions on <a href="https://git-scm.com/book/en/v2/Getting-Started-Installing-Git" class="uri">https://git-scm.com/book/en/v2/Getting-Started-Installing-Git</a>.</p>
  77 +<hr />
  78 +<h1 id="simple-text-editor">Simple text editor</h1>
  79 +<p>You can use Netbeans, emacs, or any text editor you like (including eclipse). You can also try this one <a href="https://atom.io/" class="uri">https://atom.io/</a> (and optionally <a href="https://atom.io/faq">disable the &quot;metrics&quot; package</a>).</p>
  80 +<hr />
  81 +<h1 id="if-you-prefer-eclipse-eclipse-spring-tool-suite">If you prefer Eclipse: Eclipse Spring Tool Suite</h1>
  82 +<p>We'll be using Spring for server side development. The easiest way to start with Spring is to use the Eclipse STS distribution, that can be downloaded at <a href="https://spring.io/tools/sts/all" class="uri">https://spring.io/tools/sts/all</a>.</p>
43 83 <!-- clicky Cla -->
44 84 <script type="text/javascript">
45 85 var clicky_site_ids = clicky_site_ids || [];
raw/cours-09-13.zip View file @ b162727

No preview for this file type

raw/test.mp4 View file @ b162727

No preview for this file type