Mise en place du site de la loterie Développeur Pascal 2024 côté "front"

- 15/05/2024 - 7 heures 2 minutes - Patrick Prémartin

Voici la rediffusion de la première partie du développement pour la mise en place d'une loterie afin de faire gagner un pass de 2 jours pour la conférence Delphi Summit 2024 à Amsterdam, des mugs Delphi collectors et des coupons d'accès à Zone Abo.

Le nom de domaine et son hébergement avaient été mis en place avant de démarrer le stream pour ne pas risquer l'apparition de mots de passe dans les vidéos.

Cette première session de travail a commencé par la recherche d'un thème de site web sur MonsterOne.

Peu de résultats correspondant aux recherches de "concours", "loterie" ou "giveaway" en HTML pur mais quand même quelque chose d'utilisable. Le choix d'un thème "pur" HTML a été fait car le site ne devait surtout pas dépendre d'extensions, de CMS ou d'un framework web inutilement lourd.

Le téléchargement fait nous avons consulté les pages, listé ce dont nous avions besoin et sommes passés au découpage des éléments nécessaires à cette loterie Développeur Pascal 2024.

La structure du site a été mise en place en PHP pour le routage sur la bonne langue, l'affichage de l'entête et du pied de page communs à toutes.

Les pages du site final ont été créées par copier coller d'éléments présents dans le template puis ils ont été adaptés et traduits en anglais et français.

Enfin nous avons fait un peu de JavaScript pour gérer le choix d'un ticket de participation sous forme d'une série de chiffres défilants seuls jusqu'à ce que le joueur les arrête un par un. Un peu de JS, un peu de jQuery, un peu de CSS ont été nécessaires pour y parvenir.

Certaines informations n'ont pas été affichées. Vous devez vous connecter pour y accéder.

Connexion Inscription


Liens associés

Ces liens s'ouvrent dans la même fenêtre que cette page. En cliquant dessus vous quitterez Serial Streameur.
Pensez à les ouvrir dans un nouvel onglet si vous préférez rester ici pour y revenir plus facilement.


Mots-clés associés

CSS, HTML, JavaScript, jQuery


Classement

Projets > Sites web > Loterie Développeur Pascal 2024