(1,'Météo','weatherRequest','Affiche la météo et l\'heurelocale.', '/images/functions/weatherRequest.png', 'form', NULL, '[{\"name\":\"cityName\",\"type\":\"text\",\"label\":\"Entrez le nom d\'une ville :\",\"placeholder\":\"(e.g : Paris, FR)\"}]', 1, '2019-08-1600:00:00', '2020-04-1617:34:49', 1),
(2,'Nombre aléatoire','randomNumber','Génère un nombre aléatoire entre un minimum inclus et un maximum inclus.','/images/functions/randomNumber.png','form',NULL,'[{\"name\": \"min\", \"type\": \"integer\", \"label\": \"Entrez la valeur minimale :\", \"placeholder\": \"(e.g : 1)\"}, {\"name\": \"max\", \"type\": \"integer\", \"label\": \"Entrez la valeur maximale :\", \"placeholder\": \"(e.g : 100)\"}]',1,'2019-08-16 00:00:00','2020-04-21 14:43:40',2),
(3,'Quel âge avez-vous ?','calculateAge','Calcule l\'âgeselonladatedenaissance.', '/images/functions/calculateAge.png', 'form', NULL, '[{\"name\":\"birthDate\",\"type\":\"calendar\",\"label\":\"Entrez la date de naissance au format (dd/mm/yyyy) :\",\"placeholder\":\"Sélectionnez une date\"}]', 1, '2019-08-1600:00:00', '2020-04-1716:54:27', 1),
(4,'Conversion de Température','convertTemperature','Convertis des Degré Celsius en Degré Fahrenheit et l\'inverseaussi.', '/images/functions/convertTemperature.png', 'form', NULL, '[{\"name\":\"degree\",\"type\":\"float\",\"label\":\"Entrez la température\",\"placeholder\":\"(e.g : 23)\"},{\"name\":\"unitToConvert\",\"type\":\"select\",\"label\":\"Convertir en : \",\"options\":[{\"name\":\"Degré Celsius (°C)\",\"value\":\"°C\"},{\"name\":\"Degré Fahrenheit (°F)\",\"value\":\"°F\"}],\"placeholder\":\"\"}]', 1, '2019-08-1600:00:00', '2020-04-2116:52:11', 1),
(6,'Générateur de citations','randomQuote','Génère aléatoirement une citation ou un proverbe.','/images/functions/randomQuote.png','page',NULL,NULL,1,'2019-09-13 00:00:00','2020-04-22 10:23:43',1),
(12,'Raccourcisseurs de liens','linkShortener','Une URL trop longue ? Raccourcissez-là !','/images/functions/linkShortener.png','form',NULL,'[{\"name\": \"url\", \"type\": \"text\", \"label\": \"Entrez le lien à raccourcir :\", \"placeholder\": \"(e.g : https://divlo.fr)\"}, {\"name\": \"shortcutName\", \"type\": \"text\", \"label\": \"Entrez le nom du raccourci :\", \"placeholder\": \"(e.g : divlo)\"}]',1,'2019-12-11 00:00:00','2020-04-27 16:31:38',1),
(13,'Liste de choses à faire','toDoList','Prévoyez la liste de choses que vous devez faire.','/images/functions/toDoList.png','page',NULL,NULL,1,'2019-12-26 00:00:00','2020-04-27 16:34:34',1),
(14,'Juste Prix','rightPrice','Arriverez-vous à deviner le prix d\'unobjet?', '/images/functions/rightPrice.png', 'page', NULL, NULL, 1, '2020-04-2720:17:05', '2020-04-2721:59:22', 3),
(15,'Chronomètre','chronometerTimer','Gérer votre temps facilement (et adopter la technique Pomodoro).','/images/functions/chronometerTimer.png','page',NULL,NULL,1,'2020-04-29 09:28:08','2020-04-29 09:45:29',1),
(16,'Les méthodes des tableaux','arrayMethods','Et si on refaisait les méthodes natives de l\'objetglobal\"Array\"?', '/images/functions/arrayMethods.png', 'article', '<p><strong>JavaScript</strong>estunlangage<strong>orientéobjet</strong>,chaquetypecomme\"String\", \"Number\",...sontenréalitédesobjets. <br>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nCesontdes\"<a target=\"_blank\" href=\"https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux\">Objets globaux</a>\",quidisposedeméthodesbienutiles.😎 Pourquoijevousditça?<br>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nCaraujourd\"hui nous allons reproduire les méthodes de l\"objetglobal\"<a target=\"_blank\" href=\"https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/Array\">Array</a>\", c\"est un bon exercice pour progresser.<br>\n<br>\n\n\n\n\n\n\n\n\n\n\n\nNous allons réaliser une classe (syntaxe ES6+) qu\"onvaappeler\"DivloArray\"parexempleetreproduire6méthodes(push,forEach,map,filter,reverseetjoin),bienévidemmentlibreàvousd\"en faire plus. 😊 Je vais expliquer le code une méthode après l\"autredoncboutdecodeparboutdecode,sivousvoulezavoirlecodesourcecomplet,ilestdisponiblesurce<atarget=\"_blank\"href=\"https://gist.github.com/Divlo/4ffc8ed007d293372ee449d2647fcad9\">GitHubGist.</a><br>\n<br>\n\n\n\n\n\n\n\n\n\n\nDonctoutd\"abord, nous devons créer la classe avec un constructor et faire une nouvelle instance de cet objet dans une variable :<br>\n\n\n\n\n\n\n\n\n(Libre à vous de renommer les variables comme bon vous semble.) <br>\n</p><div class=\"vscode-editor\" style=\"color:#d4d4d4;background-color: #1e1e1e;font-family: Consolas, \'Courier New\', monospace;font-weight: normal;font-size: 14px;line-height: 19px;white-space: pre;\"><div><span style=\"color: #569cd6;\">class</span><span style=\"color: #d4d4d4;\"> </span><span style=\"color: #4ec9b0;\">DivloArray</span><span style=\"color: #d4d4d4;\"> {</span></div><div><span style=\"color: #d4d4d4;\"> </span><span style=\"color: #569cd6;\">constructor</span><span style=\"color: #d4d4d4;\">(</span><span style=\"color: #9cdcfe;\">array</span><span style=\"color: #d4d4d4;\">) {</span></div><div><span style=\"color: #d4d4d4;\"> </span><span style=\"color: #569cd6;\">this</span><span style=\"color: #d4d4d4;\">.</span><span style=\"color: #9cdcfe;\">array</span><span style=\"color: #d4d4d4;\"> = </span><span style=\"color: #9cdcfe;\">array</span><span style=\"color: #d4d4d4;\">;</span></div><div><span style=\"color: #d4d4d4;\"> }</span></div><div><span style=\"color: #d4d4d4;\">}</span></div><br>\n\n<div><span style=\"color: #569cd6;\">const</span><span style=\"color: #d4d4d4;\"> </span><span style=\"color: #9cdcfe;\">divloArray</span><span style=\"color: #d4d4d4;\"> = </span><span style=\"color: #569cd6;\">new</span><span style=\"color: #d4d4d4;\"> </span><span style=\"color: #4ec9b0;\">DivloArray</span><span style=\"color: #d4d4d4;\">([</span><span style=\"color: #b5cea8;\">57</span><span style=\"color: #d4d4d4;\">, </span><span style=\"color: #b5cea8;\">4</span><span style=\"color: #d4d4d4;\">, </span><span style=\"color: #b5cea8;\">2</span><span style=\"color: #d4d4d4;\">, </span><span style=\"color: #b5cea8;\">8</span><span style=\"color: #d4d4d4;\">, </span><span style=\"color: #b5cea8;\">16</span><span style=\"color: #d4d4d4;\">, </span><span style=\"color: #b5cea8;\">25</span><span style=\"color: #d4d4d4;\">]);</span></div></div><p><br>\n\n\n\n\n\n\n- Nous allons commencer par créer la première méthode très utilisée qui consiste à ajouter un ou plusieurs éléments à la fin d\"un tableau, je parle bien évidemment de la méthode <strong>push</strong>.</p><div class=\"vscode-editor\" style=\"color: #d4d4d4;background-color: #1e1e1e;font-family: Consolas, \'Courier New\', monospace;font-weight:
(17,'Est-ce un palindrome ?','isPalindrome','Un palindrome est un mot (ou phrase) qui peut s\'écriredanslesdeuxsens(ex:kayak).', '/images/functions/isPalindrome.png', 'form', NULL, '[{\"name\":\"string\",\"type\":\"text\",\"label\":\"Entrez la chaîne de caractères à vérifier :\",\"placeholder\":\"(e.g : kayak)\"}]', 1, '2020-05-0620:16:41', '2020-05-0709:32:02', 2);
