Préparation au DS

Code HTML

<div class="top">div : class top
<h1>h1</h1>
<ul id="tmpPlants" class="tmpExample">
<li class="A B tmpExample" id="item.A">li : class =A et B id=item.A</li>
<li class="A tmpExample" id="b">li : class =A id=b</li>
<li class="B tmpExample" id="c">li : class =B id=c</li>
</ul>
<footer> footer </footer>
</div>

Pour chaque sélecteur, encadrer les éléments sélectionnés

Selecteurs ('ul, li')
Selecteurs ('li:not(#b)')
Selecteurs ( "#item.A" )
Selecteurs ( ".A.B" )
Selecteurs ( ".top :first-child" )
Selecteurs ( "ul:first-child" )
Selecteurs ( "li:not(:hover)" )
Selecteurs ( "li.B + *" )
Selecteurs (".top :nth-child(2)")
Selecteurs (".top :nth-of-type(1)")
Selecteurs (".top :not(:last-child)")

Exemple :

Selecteurs ('h1')

------------- Auto correction

div : class top

h1

li : class =A et B id=item.A
li : class =A id=b
li : class =B id=c

Encadrez la selection ('ul, li')
Encadrez la selection ('li:not(#b)')
Encadrez la selection ( "#item.A" )
Encadrez la selection ( ".A.B" )
Encadrez la selection ( ".top :first-child" )
Encadrez la selection ( "ul:first-child" )
Encadrez la selection ( "li:not(:hover)" )
Encadrez la selection ( "li.B + *" )
Encadrez la selection (".top :nth-child(2)")
Encadrez la selection (".top :nth-of-type(1)")
Encadrez la selection $(".top :not(:last-child)")

DM

Indiquez les lignes selectionnées par le selecteur

🆘Exemple :

<article>
<p title="Strophe1" id="st"></p>
<header>
<h1></h1>
<h2></h2> </header>
<p class="refrain"></p>
<p title="Strophe4" id="str"></p>
<p class="refrain" id="ref4"></p>
<footer> date (1880 - 1918) </footer></article>

sélecteur

article>h1

ligne(s)

2,6,7,8

rien

🪛A compléter

<article> <p title="Strophe1" id="st"></p> <header> <h1></h1> <h2></h2> </header> <p class="refrain"></p> <p title="Strophe4" id="str"></p> <p class="refrain" id="ref4"></p> <footer> date (1880 - 1918) </footer></article>	sélecteur	ligne(s)
	p ~ p ~ p
	p:nth-child(2)
	article :last-child:not(p)
	[class $="n"]
	article :nth-of-type(-n+1)

Cours 2

Les balises → https://duponthtml.blogspot.com/p/balise.html

Les selecteurs → https://dupontcss.blogspot.com/p/selecteurs.html

La structure → https://dupontdom.blogspot.com/p/view-dom-svg.html

Microsoft : github

TD

https://microsoftedge.github.io/Demos/devtools-inspect/

les balises HTML → https://duponthtml.blogspot.com/p/balise.html

liens : https://www.youtube.com/playlist?list=PLZlA0Gpn_vH9xx-RRVNG187ETT2ekWFsq

roadmap : https://webdevsimplified.com/web-dev-roadmap.html

Exemple : Emmet

Vidéo

Vidéo relaxing times

A lire !

Les attentes de Monsieur Dupont

🧙🏽‍♂️Autonomie

Votre éditeur : visual studio code

🆘 Vidéo

Association des étudiants en Informatique d'Évry : le saviez vous ?

IA et moi !

👿 Choisir 5 numéros parmi 49 vous offre 1 906 884 combinaisons possibles.

Nous pouvons augmenter nos chances en choisissant jusqu'à 9 numéros !

----------------------- IA

Voici une manière simple et propre de le faire en JavaScript.
L’idée est de comparer tes numéros joués avec les numéros gagnants, puis de compter ceux qui apparaissent dans les deux listes.