Skip to content

Instantly share code, notes, and snippets.

View TheShinriel's full-sized avatar

Shinriel TheShinriel

4 followers · 0 following
View GitHub Profile
@TheShinriel
TheShinriel / url_type.html
Last active September 25, 2023 15:43
Montre les différentes types d'url en html
<!-- URL Absolue -->
<!-- Inclus le protocole (HTTP, HTTPS) et le nom de domaine complet. -->
<a href="https://www.exemple.com/page.html">Lien</a>
<!-- URL Relative -->
<!-- Le chemin est relatif au path courant -->
<!-- Si on est sur l'url https://www.exemple.com/subPath/index.html -->
<!-- On ciblera alors => https://www.exemple.com/subPath/page.html -->
<a href="page.html">Lien</a>
@TheShinriel
TheShinriel / image-optimization.yaml
Created September 18, 2023 22:41
Optimise image by CI on PR
name: Compress images
on:
pull_request:
paths:
- "**.jpg"
- "**.jpeg"
- "**.png"
- "**.webp"
jobs:
image-optimization:
@TheShinriel
TheShinriel / Regex_commands.ts
Created August 31, 2023 08:14
Liste des commandes basiques de Regex
🏴‍☠️ Fiche Mémo de la Syntaxe Regex 🏴‍☠️
Flag : Tes Drapeaux de Navigation
g : Recherche globale, pour trouver tous les trésors, pas seulement le premier.
i : Insensible à la casse, parce que pour un pirate, "RHUM" c'est comme "rhum".
m : Multiligne, utile quand tes chansons de marins couvrent plusieurs lignes.
Ensembles de Caractères : L'Alphabet d'un Pirate
[abc] : N'importe quel caractère entre les crochets (a, b ou c).
[^abc] : N'importe quel caractère PAS entre les crochets.
@TheShinriel
TheShinriel / Regex_Methods.ts
Created August 31, 2023 07:59
Show methods for RegEx in javascript and typescript
// --- Test() ---
let treasureMap = 'I found Gold';
let pirateAction = /found$/i;
let pirateObjective = /rum$/;
// Output: true
console.log(pirateAction.test(treasureMap));
// Output: false
console.log(pirateObjective.test(treasureMap));
@TheShinriel
TheShinriel / Local and session storage functions.ts
Created August 3, 2023 13:24
// 🔍 Fonctions pour le stockage local et sessionStorage en JavaScript
// 🔍 Utiliser localStorage.setItem() pour stocker une valeur dans le stockage local
const userName = 'John Doe';
localStorage.setItem('user', userName);
// 🔍 Utiliser localStorage.getItem() pour récupérer une valeur du stockage local
const storedUserName = localStorage.getItem('user');
// 👉 Résultat : 'John Doe' (storedUserName contient la valeur 'John Doe')
@TheShinriel
TheShinriel / Fetch Functions.ts
Created August 3, 2023 13:19
const apiUrl = 'https://jsonplaceholder.typicode.com/posts';
// 🔍 Exemple 1 : Requête GET avec .then() et .catch()
fetch(apiUrl)
.then((response) => {
if (!response.ok) {
throw new Error('Erreur de réseau : ' + response.status);
}
return response.json();
})
@TheShinriel
TheShinriel / DOM functions.html
Created August 3, 2023 13:15
<!DOCTYPE html>
<html>
<head>
<title>Méthodes de manipulation du DOM</title>
</head>
<body>
<h1 id="title">Titre initial</h1>
<ul id="list">
<li>Élément 1</li>
<li>Élément 2</li>
@TheShinriel
TheShinriel / Promise Functions.ts
Last active August 3, 2023 13:01
// 🔍 Fonctions avancées liées aux Promesses en JavaScript/TypeScript
// 🔍 Fonction qui renvoie une Promesse résolue après un délai
function resolveAfterDelay(delay: number): Promise<string> {
return new Promise((resolve) => {
setTimeout(() => {
resolve(`Promesse résolue après ${delay} millisecondes`);
}, delay);
});
}
@TheShinriel
TheShinriel / Object JSON.ts
Last active August 3, 2023 12:45
// 🔍 Fonctions d'Objets et JSON en JavaScript/TypeScript
// 🔍 Object.keys() : Récupérer les clés d'un objet
const person: { [key: string]: any } = { name: 'John', age: 30, city: 'New York' };
const keys = Object.keys(person);
// 👉 Résultat : ['name', 'age', 'city'] (keys est un tableau)
// 🔍 Itération sur chaque clé et affichage de la clé et de la valeur
for (const key of keys) {
/*
@TheShinriel
TheShinriel / Parse Functions.ts
Created August 3, 2023 12:26
// 🔍 Fonctions de Parsing en TypeScript
// 🔍 parseInt() : Convertir une chaîne de caractères en un entier
const numString: string = '42';
const parsedInt: number = parseInt(numString);
// 👉 Résultat : 42 (typeof parsedInt est number)
// 🔍 parseFloat() : Convertir une chaîne de caractères en un nombre à virgule flottante
const floatString: string = '3.14';
const parsedFloat: number = parseFloat(floatString);