===== Question 2 =====
En vous basant sur le code HTML suivant,
<code html>
<section>
<h1>Titre</h1>
<ul>
<li>Élément 1</li>
<li>Élément 2</li>
</ul>
</section>
</code>
Quel combinateur applique la couleur bleue aux éléments de notre liste ?
- <code css>
section + li {
color: blue;
}
</code>
pour créer un nouvel instance sur cette classe.
<code smalltalk>
"Instanciation d'une collection via ne... w: 4
Array new: 2
OrderedCollection new: 1000
</code>
Donc premier cas de figure, j'utilise new.
Deu... ple où je vais passer une collection littérale.
<code smalltalk>
OrderedCollection withAll: #(7 7 3 33)
</code>
Une collection littérale commence par un **''#(
css sass html}}
====== Optimisez la lecture du code ======
Notes et transcriptions du cours [[https:... syntaxe est importante et nous permet d’écrire du code plus organisé, certes ; mais seule, elle n’est pa... es sélecteurs, ou autrement dit, les "nester" :
<code sass>
.nav {
text-align: right;
.nav__lin... urple {
color: #a5b4fc;
}
}
}
</code>
Vous obtenez une hiérarchie de sélecteurs clair
n n'affichant que les informations suivantes : le code postal, la commune, le prix actuel et la surface.... affichage ? (Plusieurs réponses possibles).
1.
<code sql>
SELECT valeur_fonciere_actuelle AS valeur,
code_postal AS cp,
commune AS commune,
surface AS surface
FROM bien_immo
</code>
2.
<code sql>
SELECT valeur AS valeur_fonciere
tionnel, est le nom d'un fichier. Par exemple :
<code python>
url_for('static', filename='css/bootstrap/bootstrap.min.css')
</code>
Ceci générera le lien suivant : ''/static/css/b...
* **''%% {{ }} %%''** Affiche le résultat du code Python
* **''%% {% %} %%''** Code Python à interpréter
* **''%% {# #} %%''** Commentaires
<code>
<
ez les modules et les classes pour découper votre code ======
===== Pourquoi structurer son code ? =====
Plus les projets de programmation se complexifient... us de classes, bibliothèques et fonctions à votre code, il devient plus ardu de découvrir où se cachent ... voir ce que font les différentes parties de votre code.
Cela pose moins de problèmes lorsque vous début
s dessus, on doit écrire notre CSS comme ceci :
<code css>
a:hover {
// Insérer ici les propriétés CSS à appliquer
}
</code>
D'où il sort ce ''a'' qu'on a mis avant la pseu... va s'appliquer au sélecteur ====
Dans le bout de code ci-dessous, on va appliquer une couleur différent... element .
On a la structure suivante en HTML :
<code html>
<body>
<div class="mon-element">
<h1>Ma
mmune, contenant les mots clés SELECT et FROM :
<code sql>
SELECT [...] FROM [...] ;
</code>
Souvent, d'autres mots clés seront ajoutés, comme par exemple '... celle qui renvoie une table sans la modifier :
<code sql>
SELECT * FROM entity ;
</code>
Voici une capture de la réponse renvoyée :
{{request_select01_P2C
me manière que vous le feriez avec une colonne.
<code sql>
SELECT
CONCAT(first_name, last_name) AS full_name
FROM
customer;
</code>
Dans ce cas précis, il serait pertinent d'ajout... es tout en insérant un séparateur de son choix.
<code sql>
SELECT
CONCAT_WS(' ', first_name, last_name) AS full_name
FROM
customer;
</code>
Vous pouvez également enchaîner plusieurs fonct
b css sass html}}
====== Quiz : Structurer son code ======
Notes et transcriptions du cours [[https:... les rendre plus spécifiques ;
- refactoriser le code afin d’éviter les répétitions ;
- réorganiser v... te : le principe du DRY est de refactoriser votre code, d’éviter les répétitions.
++++
===== Question ... ropriétés de votre premier bouton ci-dessous :
<code css>
.btn {
background-color: #001534;
color:
du CSS, avec une syntaxe différente.
Prenons ce code CSS :
<code css>
.nav {
text-align: right;
}
.nav .nav__link {
font-size: 15px;
padding-left: 3... __link .nav__link--purple {
color: #a5b4fc;
}
</code>
Et si je vous dis, que grâce à Sass, on pourrait le réécrire comme ceci :
<code sass>
.nav {
text-align: right;
.nav__lin
vous pouvez utiliser sur vos collections.
===== Code compact =====
Juste un exemple, ci -dessous le code que vous devriez écrire par exemple en Java pour parcourir une collection.
<code java>
ArrayList<String> strings = new ArrayList<S... n person:persons)
strings.add(person.name());
</code>
Je veux parcourir une collection ''persons'', p
nt web css sass html}}
====== Simplifiez votre code ======
Notes et transcriptions du cours [[https:... u importe le langage que vous utilisez, écrire du code, rajouter des lignes, créer un immense plat de sp... vigilant dès le début, vous allez finir avec une codebase CSS chaotique sans vraiment réaliser comment ... chasse aux pokémons, euh... aux répétitions !
<code html>
<body>
<h2>Différents exemples de boutons
''SHOW COLUMNS FROM aliment;''
On obtient :
<code>
+-------------+--------------+------+-----+-----... ------+------+-----+---------+----------------+
</code>
Bon, maintenant, voyons à quoi ressemble la com... cette colonne, puis décortiquons-la ensemble :
<code sql>
ALTER TABLE aliment ADD vitamines_c FLOAT;
</code>
Ici, on signale à MySQL :
* De modifier la s
esoin de déclarer la propriété display: grid; :
<code css>
.conteneur {
display: grid;
}
</code>
Ensuite, il faut préciser quelques éléments supplémenta... nts déclarés côté HTML de la manière suivante :
<code html>
<div class="conteneur">
<div class="box... >
<div class="box">🐋 Élément 9</div>
</div>
</code>
La classe CSS ''.box'' permet d'ajouter un peu
