lrdlg
122 lines
5.7 KiB
HTML
122 lines
5.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>1re tronc commun — Numérique</title>
|
|
<meta name="robots" content="noindex">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500;700&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="../assets/theme.css">
|
|
<link rel="stylesheet" href="../assets/numerique-1re.css">
|
|
</head>
|
|
<body class="classe-tc">
|
|
|
|
<header class="entete">
|
|
<div class="entete__interieur entete__interieur--large">
|
|
<nav class="ariane" aria-label="Fil d'Ariane">
|
|
<a href="../index.html">Mes cours</a><span aria-hidden="true">/</span><strong>1re tronc commun</strong>
|
|
</nav>
|
|
<h1>Les cours de l'année</h1>
|
|
<p class="entete__meta">1re année · Formation numérique · 2026-2027</p>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="contenu contenu--large">
|
|
|
|
<p class="chapeau">Trente-cinq cours de deux périodes, répartis en six grandes parties. Tu peux revenir sur la page d'un cours quand tu veux, pour revoir ce qu'on a fait.</p>
|
|
|
|
<ul class="apercu">
|
|
<li><svg viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="13" rx="2"/><path d="M8 21h8M12 17v4"/></svg><span>La machine</span></li>
|
|
<li><svg viewBox="0 0 24 24"><path d="M12 3l8 4v5c0 5-3.4 8.2-8 9-4.6-.8-8-4-8-9V7z"/></svg><span>Moi en ligne</span></li>
|
|
<li><svg viewBox="0 0 24 24"><path d="M21 12a8 8 0 1 1-3.2-6.4"/><path d="M3 20l1.6-4.2"/><path d="M21 4v5h-5"/></svg><span>Communiquer</span></li>
|
|
<li><svg viewBox="0 0 24 24"><path d="M4 4h16v16H4z"/><path d="M8 9h8M8 13h8M8 17h5"/></svg><span>Produire</span></li>
|
|
</ul>
|
|
|
|
|
|
<div id="corps"></div>
|
|
|
|
</main>
|
|
<footer class="pied">
|
|
<div class="pied__interieur">Formation numérique · 1re année · M. Courcelle</div>
|
|
</footer>
|
|
|
|
<script>
|
|
"use strict";
|
|
var MODULES=[
|
|
{n:1,titre:"La machine et mes données",quand:"De la rentrée au congé d'automne",
|
|
note:"On découvre ce qu'il y a dans un ordinateur, où vont les fichiers qu'on enregistre, et comment ranger son espace de travail.",
|
|
blocs:[
|
|
{n:1,t:"Ouvrir le cours",href:"1TC-NUM_bloc-01_ouvrir-le-cours.html"},
|
|
{n:2,t:"Ce qu'il y a dans la boite",href:"1TC-NUM_bloc-02_ce-quil-y-a-dans-la-boite.html"},
|
|
{n:3,t:"Où va ce que j'enregistre",href:"1TC-NUM_bloc-03_ou-va-ce-que-j-enregistre.html"},
|
|
{n:4,t:"Comment ça circule",href:"1TC-NUM_bloc-04_comment-ca-circule.html"},
|
|
{n:5,t:"Extensions et logiciels"},
|
|
{n:6,t:"Exporter vers la bonne destination"},
|
|
{n:7,t:"Organiser son espace",eval:true}]},
|
|
{n:2,titre:"Moi en ligne",quand:"Du congé d'automne à Noël",
|
|
note:"Ce que les autres voient de toi sur internet, les traces que tu laisses, et comment réagir quand quelque chose dérape.",
|
|
blocs:[
|
|
{n:8,t:"Ce que les autres voient de moi"},
|
|
{n:9,t:"Les traces que je laisse sans le savoir"},
|
|
{n:10,t:"Reprendre la main sur ses réglages"},
|
|
{n:11,t:"Lire les signaux, PEGI et cyberdépendance"},
|
|
{n:12,t:"Quand ça dérape, réagir"},
|
|
{n:13,t:"Évaluation et campagne de prévention",eval:true}]},
|
|
{n:3,titre:"Communiquer et interagir",quand:"De janvier au congé de détente",
|
|
note:"Écrire un courriel qui tient la route, choisir le bon outil selon la personne à qui tu t'adresses, et connaître tes droits.",
|
|
blocs:[
|
|
{n:14,t:"Le paysage des outils"},
|
|
{n:15,t:"Une adresse email qui tient la route"},
|
|
{n:16,t:"Cc, Cci et les autres"},
|
|
{n:17,t:"La nétiquette"},
|
|
{n:18,t:"Choisir l'outil selon l'interlocuteur"},
|
|
{n:19,t:"Droits et responsabilités"},
|
|
{n:20,t:"Communiquer pour de vrai",eval:true}]},
|
|
{n:4,titre:"Produire un document",quand:"Du congé de détente au congé de printemps",
|
|
note:"Construire un vrai dossier au traitement de texte : structurer le texte, maîtriser la page, l'habiller et l'enrichir.",
|
|
blocs:[
|
|
{n:21,t:"Choisir son outil et prendre ses repères"},
|
|
{n:22,t:"Structurer le texte"},
|
|
{n:23,t:"Maitriser la page"},
|
|
{n:24,t:"Habiller le document"},
|
|
{n:25,t:"Enrichir le document"},
|
|
{n:26,t:"Tableaux et formes"},
|
|
{n:27,t:"Le dossier",eval:true}]},
|
|
{n:5,titre:"Penser comme une machine",quand:"Du congé de printemps à juin",
|
|
note:"Donner des instructions à un ordinateur : la variable, le logigramme, puis un vrai programme qu'on teste et qu'on améliore.",
|
|
blocs:[
|
|
{n:28,t:"Réactiver, ce que la machine sait faire"},
|
|
{n:29,t:"La variable"},
|
|
{n:30,t:"Écrire son logigramme"},
|
|
{n:31,t:"Du logigramme au programme"},
|
|
{n:32,t:"Tester, déboguer, optimiser",eval:true}]},
|
|
{n:6,titre:"L'intelligence artificielle en question",quand:"Fin juin",
|
|
note:"Comprendre ce qu'une IA fait vraiment, où elle se trompe, et comment décider si on s'en sert ou pas. Ces trois cours ne sont pas cotés.",
|
|
blocs:[
|
|
{n:33,t:"Ce que fait une IA"},
|
|
{n:34,t:"Ce qu'une IA se trompe à faire"},
|
|
{n:35,t:"Choisir, formuler, décider"}]}
|
|
];
|
|
|
|
var corps=document.getElementById("corps");
|
|
MODULES.forEach(function(m){
|
|
var cartes=m.blocs.map(function(b){
|
|
var et=b.eval?'<div class="ets"><span class="et eval">Évaluation</span></div>':"";
|
|
var in_='<span class="n">'+b.n+'</span><div><h3>'+b.t+'</h3>'+et+'</div>';
|
|
return b.href
|
|
? '<a class="bloc" href="'+b.href+'">'+in_+'</a>'
|
|
: '<div class="bloc vide">'+in_+'</div>';
|
|
}).join("");
|
|
var s=document.createElement("section");
|
|
s.className="partie";
|
|
s.innerHTML='<div class="partie-tete"><span class="p">Partie '+m.n+'</span><h2>'+m.titre+'</h2>'
|
|
+'<span class="champ">'+m.quand+'</span></div><p class="partie-note">'+m.note+'</p>'
|
|
+'<div class="blocs">'+cartes+'</div>';
|
|
corps.appendChild(s);
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|