Skip to content

Instantly share code, notes, and snippets.

@angelique-w
angelique-w / findThePrecious.html
Last active August 30, 2019 12:11
findThePrecious
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>FindThePrecious</title>
<meta name="author" content="Angélique Wons">
<meta name="description" content="Support the hunt for hobbits and other enemies of the tyrant Sauron : rewards against the capture dead or alive fellows who try to destroy the ring.">
<link rel="stylesheet" href="style.css"/>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
@angelique-w
angelique-w / index.html
Last active September 2, 2019 15:57
MaquettefFindThePrecious
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Find the precious!</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="main_page">
<nav>
angelique@angelique-VivoBook-S15-X530UA:[~] $ ls
Bureau examples.desktop Modèles Public Téléchargements wcs
Documents Images Musique snap Vidéos work
angelique@angelique-VivoBook-S15-X530UA:[~] $ ls Téléchargements
angelique@angelique-VivoBook-S15-X530UA:[~] $ pwd
/home/angelique
angelique@angelique-VivoBook-S15-X530UA:[~] $ cd Images
angelique@angelique-VivoBook-S15-X530UA:[~/Images] $ pwd
/home/angelique/Images
angelique@angelique-VivoBook-S15-X530UA:[~/Images] $ cd ..
.
├── fictional
│   ├── arrakis.jpeg
│   ├── coruscant.jpeg
│   └── cybertron.jpeg
├── inhabited
│   ├── arrakis.jpeg
│   ├── coruscant.jpeg
│   ├── cybertron.jpeg
│   └── earth.jpeg
@angelique-w
angelique-w / index.html
Created September 12, 2019 17:22
FindThePrecious Responsive
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Find the precious!</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav>
@angelique-w
angelique-w / git.md
Last active September 13, 2019 23:24

Git

Qu’est-ce que Git ?

Git est un système de gestion de versions décentralisé. C'est un logiciel libre créé par Linus Torvald, auteur du noyau Linux. C'est aujourd'hui le logiciel de gestion de versions le plus populaire.

Objectifs :

  • travailler à plusieurs sur le même code
  • historiser le code
  • gérer les versions
@angelique-w
angelique-w / index.html
Created September 14, 2019 14:02
FindThePrecious Flexbox
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Find the precious!</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav>
@angelique-w
angelique-w / history.txt
Last active September 20, 2019 14:00
quete terminal 3 linux
701 grep "France;2019;PHP" < wilders.csv | wc -l > php_france_2019.txt
702 grep JavaScript wilders.csv > javascript.csv
703 grep Toulouse javascript.csv > toulouse.csv
704 grep Biarritz javascript.csv > biarritz.csv
705 cat toulouse.csv biarritz.csv > javascript_biarritz_toulouse.csv
706 history > history.txt
707 history > hist.txt
Article de veille JS :
https://blog.nathanaelcherrier.com/fr/apprend-javascript-variables/
Article sur la notion de variable, base de la programmation, (en JS) permettant de répondre aux questions : qu'est-ce qu'une variable, quels sont les types de varaibles, comment créer et déclarer une variable, etc.
Article de veille CSS :
https://www.alsacreations.com/article/lire/1794-flexbox-ou-grid-layout.html
Que choisir entre Flexbox et Grid Layout ? Cet article donne des éléments pour comprendre la différence entre Flexbox et Grid Layout, comment les utiliser, leur manière de fonctionner (les deux modèles pouvant être utilisés conjointement).
Article de veille UX :
https://dzone.com/articles/ux-design-trends-to-look-for-in-2020