76 lines
2.2 KiB
TeX
76 lines
2.2 KiB
TeX
|
\documentclass[a4paper,10pt]{article}
|
||
|
|
\usepackage{myXsim}
|
||
|
|
\usepackage{minted}
|
||
|
|
|
||
|
|
\author{Benjamin Bertrand}
|
||
|
|
\title{Interaction Homme machine sur le WEB- Cours}
|
||
|
|
\date{Février 2023}
|
||
|
|
|
||
|
|
\pagestyle{empty}
|
||
|
|
|
||
|
|
\begin{document}
|
||
|
|
|
||
|
|
\maketitle
|
||
|
|
|
||
|
|
\section{Language Javascript}
|
||
|
|
|
||
|
|
\begin{definition}[Javascript]
|
||
|
|
\hfill
|
||
|
|
\begin{minipage}{0.2\linewidth}
|
||
|
|
\includegraphics[scale=0.3]{./fig/JavaScript_logo}
|
||
|
|
\end{minipage}
|
||
|
|
\hfill
|
||
|
|
\begin{minipage}{0.7\linewidth}
|
||
|
|
\textbf{JavaScript} est un langage de programmation de scripts principalement employé dans les pages web interactives et à ce titre est une partie essentielle des applications web.
|
||
|
|
|
||
|
|
Dans les navigateurs, il a pour principale fonction de réagir aux évènements déclenchés par l'utilisateur et de modifier le code HTML ou CSS de la page consultée à travers la manipulation du DOM (document Object Model). On peut utiliser directement du language Javascript dans la console du navigateur accessible en pressant \texttt{F12}.
|
||
|
|
\end{minipage}
|
||
|
|
\hfill
|
||
|
|
\end{definition}
|
||
|
|
|
||
|
|
\paragraph{Remarque:} Rendez vous sur le lien suivant pour comprendre le lien entre le code HTML, CSS et javascript et le DOM.
|
||
|
|
|
||
|
|
\begin{center}
|
||
|
|
\url{https://gitlab.com/frederic-junier/parc-nsi/-/raw/master/docs/chapitre23/images/schema-dom.png}
|
||
|
|
\end{center}
|
||
|
|
|
||
|
|
\section{Corpus Python et Javascript}
|
||
|
|
|
||
|
|
\subsection*{Variables}
|
||
|
|
\begin{multicols}{2}
|
||
|
|
\inputminted[bgcolor=base3]{python}{./script/1B_var.py}
|
||
|
|
|
||
|
|
\inputminted[bgcolor=base3]{js}{./script/1B_var.js}
|
||
|
|
\end{multicols}
|
||
|
|
|
||
|
|
\subsection*{Types de base}
|
||
|
|
\begin{multicols}{2}
|
||
|
|
\inputminted[bgcolor=base3]{python}{./script/1B_type.py}
|
||
|
|
|
||
|
|
\inputminted[bgcolor=base3]{js}{./script/1B_type.js}
|
||
|
|
\end{multicols}
|
||
|
|
|
||
|
|
\subsection*{Conditions}
|
||
|
|
\begin{multicols}{2}
|
||
|
|
\inputminted[bgcolor=base3]{python}{./script/1B_conditions.py}
|
||
|
|
|
||
|
|
\inputminted[bgcolor=base3]{js}{./script/1B_conditions.js}
|
||
|
|
\end{multicols}
|
||
|
|
|
||
|
|
\subsection*{Boucles}
|
||
|
|
\begin{multicols}{2}
|
||
|
|
\inputminted[bgcolor=base3]{python}{./script/1B_boucles.py}
|
||
|
|
|
||
|
|
\inputminted[bgcolor=base3]{js}{./script/1B_boucles.js}
|
||
|
|
\end{multicols}
|
||
|
|
|
||
|
|
\subsection*{Fonctions}
|
||
|
|
\begin{multicols}{2}
|
||
|
|
\inputminted[bgcolor=base3]{python}{./script/1B_fonctions.py}
|
||
|
|
|
||
|
|
\inputminted[bgcolor=base3]{js}{./script/1B_fonctions.js}
|
||
|
|
\end{multicols}
|
||
|
|
|
||
|
|
|
||
|
|
\end{document}
|