lafrite/2022-2023
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Feat(NSI): ajoute le deuxième exercice

Browse Source
This commit is contained in:
Bertrand Benjamin 2023-03-04 16:00:10 +01:00
parent 0e00d80273
commit 376be97f01
9 changed files with 93 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
1NSI/08_Interaction_web/exercises.tex
View File

@ -15,15 +15,53 @@
\end{minipage}
\end{center}
\item Passez la console en mode multiligne en pressant \texttt{CRTL+B}, saisir puis exécuter le code suivant.
\item Passez la console en mode multiligne en pressant \texttt{CTRL+B}, saisir puis exécuter le code suivant.
\begin{center}
\begin{minipage}{0.8\linewidth}
\inputminted[bgcolor=base3]{js}{./script/1E_interaction.js}
\end{minipage}
\end{center}
Interagir avec la page. Que se passe-t-il? Expliquer le code ci-dessus.
Interagir avec la page. Quelles sont les interactions possibles ? Comment ont-elles été programmées ?
\item Recharger la page. Qu'en est-il des interactions?
\item Recharger la page. Qu'en est-il des interactions ?
\end{enumerate}
\end{exercise}
\begin{exercise}[subtitle={Corpus du Javascript}, step={1}, origin={<++>}, topics={ Interaction web }, tags={ Javascript, Web }]
Pour réaliser l'exercice suivant vous devez ouvrir la console de votre navigateur (F12 le plus souvent).
Cet exercice propose des commandes javascript à vous d'extraire les spécificités du language et de le comparer au language Python.
\begin{multicols}{2}
\begin{enumerate}
\item \textbf{Opérations et variables}: exécuter les commandes suivantes les unes après les autres puis compléter les pointillées
\begin{center}
\begin{minipage}{\linewidth}
\inputminted[bgcolor=base3]{js}{./script/1E_ope_varia.js}
\end{minipage}
\end{center}
Pour la suite passer l'éditeur en mode multiligne (\texttt{CTRL-B})
\item \textbf{Conditionnement}
\begin{center}
\begin{minipage}{\linewidth}
\inputminted[bgcolor=base3]{js}{./script/1E_condi.js}
\end{minipage}
\end{center}
\item \textbf{Boucles}
\begin{center}
\begin{minipage}{\linewidth}
\inputminted[bgcolor=base3]{js}{./script/1E_boucles.js}
\end{minipage}
\end{center}
\item \textbf{Fonctions}
\begin{center}
\begin{minipage}{\linewidth}
\inputminted[bgcolor=base3]{js}{./script/1E_fonction.js}
\end{minipage}
\end{center}
\item Traduire les programmes précédents en Python.
\end{enumerate}
\end{multicols}
\end{exercise}

BIN
1NSI/08_Interaction_web/plan_de_travail.pdf
View File

Binary file not shown.

3
1NSI/08_Interaction_web/script/1E_boucles.js Normal file
View File

@ -0,0 +1,3 @@
for (let i = 5; i<10; i++){
console.log("allez " + i);
}

8
1NSI/08_Interaction_web/script/1E_condi.js Normal file
View File

@ -0,0 +1,8 @@
let age = prompt("Quel age as tu?")
if (age === 10) {
console.log("Tu as 10ans!")
} else if (age > 18) {
alert("Va voter!")
} else {
console.log("C'est pour bientot")
}

5
1NSI/08_Interaction_web/script/1E_fonction.js Normal file
View File

@ -0,0 +1,5 @@
function vousAlerte(texte) {
alert("Je vous alerte!")
alert(texte)
}
vousAlerte("Regarde derrière toi!")

18
1NSI/08_Interaction_web/script/1E_index.html
View File

@ -1,11 +1,13 @@
<!DOCTYPE html>
<head>
<title> "Languages" </title>
<title> "Langages" </title>
<meta charset="utf-8">
<body>
<ul id="langages">
<li> HTML </li>
<li> CSS </li>
</ul>
</body>
</html>
</head>
<body>
<h1>Langages du web</h1>
<ul id="langages">
<li> HTML </li>
<li> CSS </li>
</ul>
</body>
</html>

8
1NSI/08_Interaction_web/script/1E_index.js
View File

@ -1,8 +1,8 @@
>>> let languages = document.getElementById("languages")
>>> languages.style.color = "red"
>>> let item1 = languages.children[0]
>>> let langages = document.getElementById("langages")
>>> langages.style.color = "red"
>>> let item1 = langages.children[0]
>>> item1
>>> item1.innerHTML = 'HTML5'
>>> let item3 = document.createElement("li")
>>> languages.appendChild(item3)
>>> langages.appendChild(item3)
>>> item3.innerHTML = "Javascript"

10
1NSI/08_Interaction_web/script/1E_interaction.js
View File

@ -1,9 +1,9 @@
function apparition(){
list.style.visibility = "visible";
langages.style.backgroundColor = "white";
}
function disparition(){
list.style.visibility = "hidden";
langages.style.backgroundColor = "blue";
}
list.onmouseover = disparition ;
list.onmouseleave = apparition ;
list.onclick = function() { alert("Clic !") ; } ;
langages.onmouseover = disparition ;
langages.onmouseleave = apparition ;
langages.onclick = function() { alert("Clic !") ; } ;

17
1NSI/08_Interaction_web/script/1E_ope_varia.js Normal file
View File

@ -0,0 +1,17 @@
>>> let a = 1
...
>>> (a * 3 + 1) ** 2 / 5 - 1
...
>>> let b = "Hello"
...
>>> b + " World"
...
>>> typeof(a)
...
>>> typeof(b)
...
>>> a = b + a;
...
>>> const c = 1;
...
>>> c = c + 1;