Catégorie : Ateliers
TUTO : un serveur web personnel avec un Orange pi
Apprends à créer et configurer ton propre serveur web Mini serveur web | Cout : environ 30 euros | Temps : environ 1h30 Cette semaine je vais t’apprendre à monter un petit serveur web économique pour tester tes projets. C’est aussi un moyen ludique de mettre un orteil timide dans le monde merveilleux des DevOps. 1/ Le matériel nécessaire…
Vérificateur de palindromes en JavaScript
Nous allons réaliser un petit script qui nous permettra de vérifier si un mot est un palindrome. Pour ce faire rien de plus simple, nous aurons besoin de HTML et de JavaScript. Étape 1: Mettre place une page index.html avec le script qui redirige vers la page de traitement script.js : <!DOCTYPE html> <html lang= »fr »> <head> <meta charset= »UTF-8″> <title>Palindrome</title> </head>…
Animer votre site avec Particle.js
Particle.js est une librairie JavaScript spécialement utilisée pour rendre les sites Web interactifs. Comment mettre en place Particle.js ? Il faut d’abord télécharger la librairie sur le github particle.js. Puis insérer sur votre page à animer les scripts de la bibliothèque. <script src= »js/particles.js »></script> <script src= »js/js/app.js »></script> Puis choisir le conteneur qu’on veut animer grâce a son id et appeler la fonction « particle-js ». On peut…
Comment déployer TWIG sans aucun framework ?
Pour déployer Twig sur un projet, vous devez avoir composer installé sur votre ordinateur. Pour commencer, créez un répertoire dans lequel vous créerez un autre dossier « pages » et un fichier « index.php » Ouvrez votre terminal et placez vous au niveau de votre projet : aliou-sow@ASUS-ALSO MINGW64 ~ $ cd ‘/d/web projects/atelier_twig’ aliou-sow@ASUS-ALSO MINGW64 /d/web projects/atelier_twig $ Initialisez composer avec la commande « composer init »…
Le Framework Foundation
Développé par ZURB, Foundation est un framework open-source. Il fournit une grille réactive, ainsi que des composants HTML et CSS, des modèles, des extraits de code, une typographie, des boutons, des formulaires, et certaines fonctionnalités optionnelles fournies par les extensions JavaScript. C’est un framework responsive : la conception graphique des pages Web s’ajuste de manière dynamique en tenant compte des caractéristiques de…