Présentation | Web: Client 2

class: main-title

<h1>Web: Client 2</h1>

<h2>Plan de cours</h2>

---

<h1 class="slide-only">Présentation</h1>

<ul>
<li>Communication via <strong>Discord</strong></li>
<li>Bureau: 1131A</li>
<li>Ressources du cours: <a href="https://jh.shawinigan.info" target="_blank" rel="noopener noreferrer">https://jh.shawinigan.info</a></li>
</ul>

<p><br>
<strong>À votre tour!</strong> 🙂</p>

<ul>
<li>Quel est votre intérêt par rapport au développement Web?</li>
</ul>

---
class: section-title

<h1>Plan de cours</h1>

---

<h1 class="menu">Plan de cours</h1>

<ul>
<li><a href="https://cshaw.jhoffman.ca/sessions/2023H/1SU/420-1SU-SW.pdf" target="_blank" rel="noopener noreferrer">420-1SU-SW</a><br><br></li>
<li>Pondération hebdomadaire<br>
<span style="color: darkblue; font-weight: bold;">1h Théorie</span> - 
<span style="color: darkgreen; font-weight: bold;">2h Laboratoire</span> - 
<span style="color: darkorange; font-weight: bold;">1h Autonome</span><br><br></li>
<li>Rendre les <strong>interfaces web</strong> statiques plus <strong>interactives</strong> et fonctionnelles pour l’utilisateur. Une gestion dynamique du contenu du côté client offre une <strong>meilleure expérience utilisateur</strong> et facilite l’utilisation des applications web.</li>
</ul>

---

<h1 class="menu">Compétence</h1>

<p>Effectuer le développement d’applications Web transactionnelles</p>

<ul>
<li>Programmer la logique applicative du côté client.

<ul>
<li>Utilisation du langage JavaScript</li>
<li>Manipulation dynamique du DOM</li>
<li>Événements et programmation asynchrone</li>
<li>Formulaires dynamiques et validations</li>
<li>Introduction aux concepts d'expérience utilisateur(UX) et librairie CSS</li>
<li>Outils de développeur des navigateurs web</li>
</ul></li>
</ul>

---

<h1>Démonstration de l'objectif du cours</h1>

---

<h1 class="menu">Évaluations</h1>

<ul>
<li>10%, C03 - Quiz #1: JavaScript à la console</li>
<li>5%, C04 - Laboratoire #1: Structure du DOM</li>
<li>10%, C07 - Quiz #2: Manipulation du DOM</li>
<li>5%, C10 - Laboratoire #2: Événements et formulaires</li>
<li>10%, C11 - Quiz #3: Événements et formulaires</li>
<li>20%, C12 - Laboratoire #3: Application CRUDL personnalisée</li>
<li>40%, C16 - Final: Application CRUDL à modifier<br><br></li>
<li>Les évaluations sont <strong>individuelles</strong></li>
</ul>

---

<h1 class="menu">Varia</h1>

<ul>
<li>Tout retard à la remise d’un laboratoire entraîne une pénalité de <strong>10% par jour de retard</strong> à partir de la date de remise.</li>
<li>Les présences seront prises au début de chaque cours.<br><br></li>
<li>Vous êtes responsable de votre réussite, je suis là pour vous guider et vous aider dans votre apprentissage.</li>
</ul>

---
class: section-title

<h1>Introduction à JavaScript</h1>