\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}
