Bonjour, j'ai finis de lire le cours sur le HTML/CSS de openclassroom, de m'entrainer, faire les tp etc, mais pour aller plus loin, y a t il des sites pour mieux s'entrainer ? parce qu'on me dit que HTML/CSS vient avec la pratique, mais où trouver des exercices pour exercer la pratique

Merci

Au passage je compte par la suite apprendre le JS, vous avez des cours pour ça, des liens ? j'ai trouvé des cours sur openclassrooms (un pour apprendre la prog en JS sans contexte particulier et un Pour apprendre à faire du js pour le web) mais sur le forum programmation tout le monde a l'air unanime sur le fait que openclassroom soit un mauvais site pour la prog, qu'il ne soit bon que pour l'HTML/CSS... C'est dommage car j'aime beaucoup ce site, agréable à utiliser, format vidéo et texte, cours très bien illustrés...

Merci encore si vous savez me conseiller là-dessus

up

Hello !
Le mieux pour se faire la main est d'essayer de recréer un site qui te plait.
Pour le Js ou n'importe quel langage, c'est la même choses. Essaye de recréer quelque chose que tu connais déjà et qui te plait, ou refais le différemment en ajoutant la fonctionnalité qui t'a toujours manqué.

Il n'y a pas de meilleure exercice et en plus, plus tard, si tu deviens développeur professionnel, tu auras relativement peu de temps pour ce genre de chose alors c'est l'occasion !

parce qu'on me dit que HTML/CSS vient avec la pratique, mais où trouver des exercices pour exercer la pratique

Donne toi des défis justement et soit curieux, on surfe tous sur le web donc rencontre inlassablement du style CSS, pratique le positionnement, les sélecteurs, regarde comment sont fait les composants sur le web ( ce qui est extrêmement simple avec un navigateur moderne ) et essaye de les refaire avec ta sauce à toi.

mais sur le forum programmation tout le monde a l'air unanime sur le fait que openclassroom soit un mauvais site pour la prog, qu'il ne soit bon que pour l'HTML/CSS

C'est faux, les cours de OC sont à qualité variable, certains sont très bons, certains sont datés y a pas de noir / blanc.
De mémoire le cours sur PHP est complétement daté par exemple, ça dépend aussi grandement de l'instructeur / prof derrière le cours en question et s'il est mis à jour régulièrement, OC est assez transparent là dessus on peut pas leur reprocher ça.

Pour le JS , tu pourrais - par exemple - essayer de recréer le plus fidèlement possible un niveau de super mario ; tu trouveras pleins de ressources graphique sur internet car beaucoup de developpeur ont choisi de réaliser ça comme premier projet.

C'est un projet simple et ludique, mais il contient plusieurs problématique intéressantes et cela risque de t'occuper un moment (ce qui est vraiment normal au début).

Plus tard, pourquoi ne pas essayer de faire un mario-kart ou un f-zero à la sauce supernes , avec l'effet mode7 ; c'est moins compliqué qu'il n'y parait mais requiert d'avoir bien assimiler les bases

Et si tu galères, créer un sujet sur le forum et envoie moi un MP pour que je sois au courant (je ne viens pas là tout les jours), je pourrais t'aider et ça intéressera peut être des gens

Plus tard, pourquoi ne pas essayer de faire un mario-kart ou un f-zero à la sauce supernes , avec l'effet mode7

C'est quoi l'effet node7

Merci pour vos réponses, je vais essayer de reproduire des sites que je trouve sympa

"C'est quoi l'effet node7 "

L'effet mode7 , c'est une fausse représentation 3D basé sur une vue en 2D.
Dans tout les mario-kart on a une mini-carte du parcours quelque part à l'écran qui indique notre position et celle des concurrent.
Dans la version snes , cette mini-carte est en fait la vraie carte, tout le jeu est contenu/géré dans la mini-carte.

Chaque personnage est contenu dans un trapèze virtuel (4x plus large en haut qu'en bas) orienté vers la direction du joueur sur la carte et ce qu'on voit à l'écran (le circuit en pseudo 3D) n'est que le contenu des pixels situés dans ce trapèze.

Pour créer l'illusion d'une perspective, il suffit de déformer le contenu du trapèze sous la forme d'un rectangle de la taille de l'écran . C'est a dire qu'on s'arrangera pour que la ligne situé tout en haut du trapèze (et donc de l'écran) sera écrasé tandis que la ligne situé tout en bas sera elargie. L'ensemble provoquera un effet de perspective tout en remplissant l'écran entièrement.

Ce traitement est très rapide, ne necessite aucun calcul complexe et permet d'obtenir un très bon rendu (pour l'époque du moins)

Il permet également de gérer une illusion de déplacement en hauteur (comme le faisait "pilot wings" à l'époque de la snes) ; il suffit de faire varier la taille du trapèze virtuel entourant le jouer pour donner l'impression d'un éloignement ou d'un rapprochement de la distance du joueur par rapport au sol

https://www.youtube.com/watch?v=lzDQIMnfpj4&ab_channel=NIKMOE

Le 24 octobre 2020 à 14:22:10 fanthomas37 a écrit :
"C'est quoi l'effet node7 "

L'effet mode7 , c'est une fausse représentation 3D basé sur une vue en 2D.
Dans tout les mario-kart on a une mini-carte du parcours quelque part à l'écran qui indique notre position et celle des concurrent.
Dans la version snes , cette mini-carte est en fait la vraie carte, tout le jeu est contenu/géré dans la mini-carte.

Chaque personnage est contenu dans un trapèze virtuel (4x plus large en haut qu'en bas) orienté vers la direction du joueur sur la carte et ce qu'on voit à l'écran (le circuit en pseudo 3D) n'est que le contenu des pixels situés dans ce trapèze.

Pour créer l'illusion d'une perspective, il suffit de déformer le contenu du trapèze sous la forme d'un rectangle de la taille de l'écran . C'est a dire qu'on s'arrangera pour que la ligne situé tout en haut du trapèze (et donc de l'écran) sera écrasé tandis que la ligne situé tout en bas sera elargie. L'ensemble provoquera un effet de perspective tout en remplissant l'écran entièrement.

Ce traitement est très rapide, ne necessite aucun calcul complexe et permet d'obtenir un très bon rendu (pour l'époque du moins)

Il permet également de gérer une illusion de déplacement en hauteur (comme le faisait "pilot wings" à l'époque de la snes) ; il suffit de faire varier la taille du trapèze virtuel entourant le jouer pour donner l'impression d'un éloignement ou d'un rapprochement de la distance du joueur par rapport au sol

https://www.youtube.com/watch?v=lzDQIMnfpj4&ab_channel=NIKMOE

Il me semble que doom 1 et 2 fonctionnait selon ce principe

Il me semble que doom 1 et 2 fonctionnait selon ce principe

Dans mario-kart sur super-nes tout est entièremet plat. Il n'y aucun volume nulle part, même les murs ou les bonus sont plat car il s'agit d'une illusion de 3D plus qu'autre chose. Aucun calcul 3D ne rentre en compte dans ce jeu (la version super-nes uniquement)

Dans doom, il y a des murs, des escalier, du relief !
La technologie utilisé était le raycasting, un genre de raytracing du pauvre
https://fr.wikipedia.org/wiki/Raycasting

Pour t'entrainer reproduit une petite partie d'un site web, surtout n'essaie pas de choisir quelques chose de trop ambitieux au risque de te décourager.

Comme dans les jeux vidéos, fixe toi de petits objectifs que tu seras capable d' atteindre. C'est gratifiant de terminer quelque chose, ça stimule la motivation et l'envie de progresser

Par exemple: Reproduire un formulaire de connexion/inscription que tu pourrais d'ailleurs réutiliser par la suite quand tu commenceras le Php .

Un VDD a suggérer d'essayer de reproduire un site qui te plaît (je dirais plutôt une page mais pas un site). Pourquoi pas, mais dans ce cas, découpe la mission en plein de petite tâche courte et simples !

Objectif 1 : Faire la barre de navigation
Objectif 2 : Faire le formulaire de connexin
Objectif 3 : Faire 1/3 de la page d'accueil
etc ...

Un exercice qui est aussi très important, c'est d'essayer d'estimer à l'avance la durée de chacune des tâches. Savoir estimer un délai c'est une faculté très importante pour un développeur

Le 25 octobre 2020 à 10:11:41 B777X a écrit :
Un VDD a suggérer d'essayer de reproduire un site qui te plaît (je dirais plutôt une page mais pas un site). Pourquoi pas, mais dans ce cas, découpe la mission en plein de petite tâche courte et simples !

Objectif 1 : Faire la barre de navigation
Objectif 2 : Faire le formulaire de connexin
Objectif 3 : Faire 1/3 de la page d'accueil
etc ...

Un exercice qui est aussi très important, c'est d'essayer d'estimer à l'avance la durée de chacune des tâches. Savoir estimer un délai c'est une faculté très importante pour un développeur

Bonne idée de faire par petites parties

"Bonne idée de faire par petites parties"

Un code bien construit est toujours segmenté en petite partie facile à réaliser.