Vous cherchez une question qui combine la compréhension de quelques technologies web.

Question

J'enseigne un cours de développement web dans un département CS. J'ai déjà écrit la plupart des tests finaux, chaque question portant sur une fonctionnalité ou une technologie spécifique,

Je me demande si vous pouvez penser à/recommander une question qui combine les connaissances de quelques technologies

Le cours couvre principalement : HTML, CSS, JS, HTTP, Servlets, JSP et JDBC. (ainsi que AJAX, ORM, les problèmes de sécurité de base comme l'injection SQL et XSS, HTML5, les API REST).

EDITAR : Je vais super apprécier les questions avec réponses :-) merci !

Je donnerai la prime à la question la mieux classée, alors votez ! Honnêtement, j'aime la plupart des questions ici, merci à tous :-)

Answer 1

Expliquez la relation entre le DOM et chacune des technologies suivantes : HTML, CSS, JavaScript.

L'objectif est que la réponse indique clairement que l'étudiant comprend que le HTML génère une structure DOM, que le CSS affecte la façon dont cette structure est rendue et que le JavaScript affecte la façon dont cette structure est modifiée. Si vous comprenez comment tout cela est lié au DOM, tout le codage côté client devient simple.

Answer 2

Question amusante :-) Que penses-tu de...

En matière de développement web, vous devez séparer le contenu, le style et le comportement. Décrivez pourquoi vous le faites et quelles technologies différentes vous utilisez dans chaque couche. Tout acronyme doit être écrit en texte intégral lors de sa première utilisation. . (10 p)

ou...

Décrivez ce qui se passe dans un navigateur Web (étape par étape) lorsqu'une page Web est transférée sur Internet d'un serveur Web à un client via le protocole de transfert hypertexte. Considérez toutes les différentes technologies que vous avez utilisées dans ce cours. (10 p)

Answer 3

Expliquez ce qui se passe, et quelles technologies pourraient être utilisées, lorsqu'un utilisateur se connecte à un site web protégé en utilisant un formulaire de connexion qui définit un cookie HTTP. (En partant du formulaire HTML, en allant jusqu'à la base de données et en revenant au navigateur). Question bonus : Qu'est-ce qui change lorsqu'on utilise AJAX pour la connexion ?

Réponse (points principaux) :

• HTML : Formulaire (utilisant POST) avec des champs de saisie de texte et un bouton. Sécurité : Le formulaire est envoyé via HTTPS. La page de connexion elle-même devrait également être une page HTTPS (sinon, le formulaire pourrait être remplacé par mallory -> MITM).

• Javascript : Effectue une validation de base (par exemple, un mot de passe vide) et affiche un message d'erreur avant de l'envoyer au serveur.

• Servlet : Reçoit la demande POST, prend les paramètres nom d'utilisateur/mot de passe (en clair), calcule le hachage (salé) du mot de passe, rejette le mot de passe en clair.

• JDBC : Sélectionne le mot de passe haché dans la base de données. Utilisé pour comparer avec le mot de passe transmis.

• Servlet : En cas de succès, crée une nouvelle session (conduit à la création d'un en-tête de cookie). Prépare les objets qui seront utilisés dans la page JSP (et les stocke dans la session ou la portée de la requête).

• JSP : prépare la page HTML qui sera envoyée au navigateur.

• Navigateur : Il reçoit la réponse HTTP, définit le cookie et affiche la page.

Bonus (AJAX) : Le serveur n'a pas à préparer la page entière, mais envoie seulement les données et/ou les extraits HTML nécessaires au client. Le navigateur ne recharge pas la page entière, mais modifie la page actuelle à l'aide de JavaScript. Sécurité : AJAX ne peut pas effectuer de requêtes intersites, il est donc impossible qu'une page HTTP soumette les données de connexion via HTTPS.

Attention

Il convient de noter que ce document n'est pas destiné à être utilisé comme un HOWTO pour construire un mécanisme de connexion sécurisé. Cette description est simplifiée et ne couvre pas tous les aspects de la sécurité. Par ailleurs, en tant que question d'examen, elle devrait probablement être simplifiée davantage et adaptée au contenu du programme d'études.

Answer 4

Vous pouvez demander à ce qu'on vous explique comment mettre en œuvre le modèle MVC. Et dans ce modèle MVC, où chaque technologie est-elle utilisée ? Plutôt comment et pourquoi ?

Answer 5

Puisque les étudiants ont déjà développé un twitter simplifié pendant leur cours, vous pouvez poser une question comme quelles étapes supplémentaires ils feraient pour en faire un vrai site twitter ou un clone de celui-ci et demander de décrire chaque étape en partant du html jusqu'à l'ORM / base de données. Vous pouvez spécifier explicitement les technologies à utiliser.