frontend.tech mail.ru

frontend.tech-mail.ru

Source du site frontend.tech-mail.ru

Technoparc, automne 2024

Équipes

• npm run deploy crée le projet dans le répertoire .deploy.git et télécharge le résultat dans le référentiel GitHub frontend-park-mail-ru.github.io

  • Le commentaire de validation peut être spécifié entre guillemets comme argument de la commande : npm run deploy -- "Add awesome slides" (ne fonctionne pas encore)

• npm run build construit le projet dans le répertoire dist et quitte

• npm run show crée le projet dans le répertoire dist et démarre un serveur statique à partir de ce répertoire pour afficher le résultat. Le suivi des modifications des fichiers ainsi que la reconstruction et le rechargement automatiques du site sont également activés.

• npm run add-slides crée un modèle pour une nouvelle présentation dans le dossier source/slides

Développer des diapositives de cours

Vous pouvez installer npm i -g reload , accéder à cd source/ et exécuter reload -bv -p 8081 . Dans la fenêtre du navigateur qui s'ouvre, rendez-vous sur la page http://localhost:8081/slides/s1/

Structure du projet

• .deploy.git est utilisé pour déployer le site sur le référentiel frontend-park-mail-ru.github.io
• dist contient l'assembly du site
• tasks contiennent des tâches fastidieuses
• source contient les sources du site
  • source/lib contient les bibliothèques utilisées
    • source/lib/shower/themes/technopark/styles contient des fichiers avec des styles de thème Shower. Le répertoire contient des fichiers avec des styles pour différents formats d'écran. Lors du chargement de la page, le SAR est calculé et le fichier nécessaire avec les styles est sélectionné afin que la présentation soit aussi impressionnante que possible sur les écrans de tous formats.
  • source/pages contient des modèles de pages
  • source/slides contiennent des présentations pour des conférences
  • source/examples contient tous les fichiers d'exemple