These are chat archives for WildCodeSchool/faq_candidats

14th
Jul 2017
Remi200
@ponche
Jul 14 2017 10:34
@ClementCode pour l'animation sur le ticket, je le trouve un peu léger
@ponche essaye de faire une transition progressive, je pense que ça va me rendre.
@ClementCode et en plus le ticket ce met derrière, c'est pas très jolie.
Remi200
@ponche
Jul 14 2017 10:44
@ClementCode meme si tu n'est pas design, ton arrière plan n'est pas de bonne qualité, on voit les pixels, c'est pas agréable. tu peux pas essayer de prendre une image de meilleur qualité?
Assigyn
@Assigyn
Jul 14 2017 12:34
@ClementCode
@ClementCode Attention au Jquery, ta phrase se répète autant de fois qu'on clique, il faut que tu trouves un moyen de régler ca. Le ticket sort aussi de son cadre, essaye de faire en sorte que le cadre s'adapte
Ensuite effectivement la résolution d'image du background n'est pas bonne. Trouve une image qui fait au moins 1024px de large, de préference en 72 dpi
FunnyRose
@FunnyRose8_twitter
Jul 14 2017 14:25
Bonjour ! Tout d'abord merci pour tous vos conseils ! Du coup j'ai tout retravaillé, surtout au niveau de l'indentation et j'ai revu tous les cours OpenClassroom sur le HTML et CSS. J'ai changé les balises orphelines, les images et j'ai essayé de mettre une page plus responsive. Déjà je trouve que le site a une meilleure tête même si je sais qu'il y a beaucoup d'erreurs mais il a une bien meilleur allure que le précédent site je trouve :) Je vous laisse voir (il manque le JQuery c'est normal je voulais d'abord bien retravailler le design de mon site) https://jsfiddle.net/FunnyRose/4j9oq9vn/
ainsi que le texte à retravailler pour qu'il soit mieux centré avec les images
Remi200
@ponche
Jul 14 2017 14:44
salut, il a des personne qui aurais des idée de projet, pour s'entrainer à la programmation. j'ai fais un démineur, il est pas encore terminé mais il est jouable. si des personne sont intérrésé a regarder mon Démineur (est sur mon repository github) . je suis preneur
Assigyn
@Assigyn
Jul 14 2017 14:52
@FunnyRose Rapidement pour affiner un peu plus : ton header n'a pas besoin de classe, la valise header est une balise uniquement
Unique pas uniquement pardon, tu peux utiliser directement le sélecteur header dans le CSS, pas . header
Ensuite met tes titres directement dans tes <section>, la section englobe l'ensemble du contenu,
FunnyRose
@FunnyRose8_twitter
Jul 14 2017 14:59
pour les sections tu veux dire que ça sert à rien que je m'embête à trop détailler, j'ai juste à faire une section par titre ?
Remi200
@ponche
Jul 14 2017 15:01
@FunnyRose8_twitter les titres doivent être dans la section
FunnyRose
@FunnyRose8_twitter
Jul 14 2017 15:01
pour le header si j'enlève class ça me fout tout mon titre h1 en l'air et redevient en html
Assigyn
@Assigyn
Jul 14 2017 15:03
Mets header h1 au lieux de .header h1 ;)
Remi200
@ponche
Jul 14 2017 15:03
@FunnyRose8_twitter tu a juste besoin de remplaer .header par header et le tour est jouré
c'est vrai que t'as des class inutiles
FunnyRose
@FunnyRose8_twitter
Jul 14 2017 15:04
je pense en avoir pas mal d'inutiles oui
Remi200
@ponche
Jul 14 2017 15:04
comme <footer class="footer" >
ça sert a rien tu as qu'un seul footer
FunnyRose
@FunnyRose8_twitter
Jul 14 2017 15:05
OH oui vous avez raison c'est magique ça marche ! mon html s'est retransformé XD
Oui du coup j'ai enlevé tous les "class" et inséré les titres dans les sections
Remi200
@ponche
Jul 14 2017 15:08
mais sinon, ton site est pas mal, il manque juste une animation
les couleurs sont homogère, facile a lire.
@FunnyRose8_twitter j'ai pas compris, il faut mettre quoi dans "buy your ticket" ?
@FunnyRose8_twitter la responsive n'est pas gérer.
Remi200
@ponche
Jul 14 2017 15:15
@FunnyRose8_twitter si tu veux faire une liste de selection, c'est avec la balise <select> et <option>
FunnyRose
@FunnyRose8_twitter
Jul 14 2017 15:15
Je viens de changer en Your email et en bas j'ai mis un texte expliquant qu'il faut envoyer son mail pour faire une réservation
Remi200
@ponche
Jul 14 2017 15:16
je dois pas avoir la version a jour
FunnyRose
@FunnyRose8_twitter
Jul 14 2017 15:16
a cool merci. Pour la responsive tu parles de toute la responsive de la page web ou seulement ce petit détail ? (du coup je vais encore retravailler sur ça et ensuite je finirais avec le JQuery) Encore merci pour les conseils
non tu n'as pas la version à jour
Remi200
@ponche
Jul 14 2017 15:17
tous le responsive de la page, par exemple, pour les petit écrit tu fais ton menu en hauteur et non en ligne
vu qui a pas beaucop de largeur
avec les media query, il faut pas grand choses
FunnyRose
@FunnyRose8_twitter
Jul 14 2017 15:19
le menu en ligne je trouve que ça fait plus joli, quand on affiche la page tu te retrouve tout de suite avec ce menu et tu n'as qu'à cliquer dessus et ça t'amène directement au thème que tu veux (sans que tu t'embêtes à descendre de toi-même)
Remi200
@ponche
Jul 14 2017 15:20
pour un écran normal c'est bien. mais pour un petit écran le text s'écrase.
FunnyRose
@FunnyRose8_twitter
Jul 14 2017 15:21
Je pense que je ne maîtrise pas assez bien le sujet sur le responsive alors. Je retravaillerais ça après le JQuery du coup ^^ mais merci
Remi200
@ponche
Jul 14 2017 15:22
c'est du CSS ni plus ni moins
dans le CSS tu met une condition et t'execute le css qui est entre les accolage
accolade
FunnyRose
@FunnyRose8_twitter
Jul 14 2017 15:24
Je suis désolée mais par contre je n'ai pas compris ta dernière phrase
Remi200
@ponche
Jul 14 2017 15:25
c'est quoi que ta pas compriss?
FunnyRose
@FunnyRose8_twitter
Jul 14 2017 15:25
mettre une condition et d'exécuter le css entre les accolades (le sens de ta phrase en fait)
Remi200
@ponche
Jul 14 2017 15:27
oui c'est exactement pareil que t'as fais avant. selecteur CSS sont des conditons. puis tu met les instrution CSS dans les accolade.
en CSS il a un selecteur un peu spécial (les media querry)
FunnyRose
@FunnyRose8_twitter
Jul 14 2017 15:29
oui attend je regarde mes notes : je crois que j'ai celui du premier cours sur l'introduction au CSS
Remi200
@ponche
Jul 14 2017 15:30
recheche dans media query
FunnyRose
@FunnyRose8_twitter
Jul 14 2017 15:42
Alors je pense que y'a du mieux mais faut que je décale légèrement mon menu, mais sinon je crois que si tu diminues ta fenêtre ça va bien s'afficher
Remi200
@ponche
Jul 14 2017 15:43
le text explication pour l'envoi de mail est trop collé
quand je diminue la fenetre, je vois pas la fin des titres
FunnyRose
@FunnyRose8_twitter
Jul 14 2017 15:44
c'est bizarre mais moi ça s'affiche espacé
Remi200
@ponche
Jul 14 2017 15:44
quel navigateur tu utilise?
FunnyRose
@FunnyRose8_twitter
Jul 14 2017 15:45
google chrom
chrome
Remi200
@ponche
Jul 14 2017 15:45
ok, je vais testé avec chrome, te dit ou pas. moi j'ai testé avec mozilla
effectivement tu as raison. regarde avec mozilla
FunnyRose
@FunnyRose8_twitter
Jul 14 2017 15:47
ok je vais voir
oui tu as raison, ça mange le texte
Remi200
@ponche
Jul 14 2017 15:50
les media query ce met à la fin, sinon ça sert a rien ton CSS classique va l'écrasser, c'est inverse
FunnyRose
@FunnyRose8_twitter
Jul 14 2017 15:51
je viens de le mettre à la toute fin
Remi200
@ponche
Jul 14 2017 15:52
image.png
FunnyRose
@FunnyRose8_twitter
Jul 14 2017 15:53
En tout cas merci pour ton temps c'est super sympa de votre part de me guider, je reviendrais demain avec le JQuery et peut-être avec une amélioration de la page :)
Remi200
@ponche
Jul 14 2017 15:53
regarde la petit fenetre, les écrasser au maximun, on vois pas la fin des titres
et pas tous le menu
FunnyRose
@FunnyRose8_twitter
Jul 14 2017 15:54
j'ai mis du 25%
Remi200
@ponche
Jul 14 2017 15:54
après faut faire des test, que fais souvent comme test, c'est réduit la fenetre au minimun
FunnyRose
@FunnyRose8_twitter
Jul 14 2017 15:55
Ok
Remi200
@ponche
Jul 14 2017 15:55
image.png
un autre test c'est celui la : https://validator.w3.org/
ou, j'ai fais un imprim écran, je sais pas commetn j'ai fais
FunnyRose
@FunnyRose8_twitter
Jul 14 2017 15:56
ah oui je mets le lien de mon site et il m'indique si mon codage est conforme non ?
Remi200
@ponche
Jul 14 2017 15:57
oui c'est ça, mais je te conseil de mettre le text brute, sinon tu vas récolter tous les erreurs de JsFiddle si il en as
FunnyRose
@FunnyRose8_twitter
Jul 14 2017 15:57
oui y'a des trucs qui vont pas parfois avec JSFiddle, je m'en suis rendue compte après coup
Remi200
@ponche
Jul 14 2017 15:59
comme JsFiddle te rajoute le head, il peut avoir des erreur. et des element sur ton site, tu peu voir des erreus qui ne te concerne pas.
erreurs qui ne te concerne pas
Alix Ayoub
@AlixAyoub_twitter
Jul 14 2017 16:09
C'est un peu rassurant de voir que je ne suis pas la seule qui a tout fait en même temps - pas encore eu le temps de passer au jQuery
https://jsfiddle.net/alixayoub/z2gn2f6e/8/
Remi200
@ponche
Jul 14 2017 16:11
@AlixAyoub_twitter je trouve ça dommage que t'as pas centré ta page
@AlixAyoub_twitter ça fais bizarre la zone vide à droite
Alix Ayoub
@AlixAyoub_twitter
Jul 14 2017 16:13
zone vide à droite? Je vois pas ça - j'utilise Sublime puis firefox pour ouvrir le fichier
est-ce que ça pourrait être jsfiddle qui fait un truc bizarre?
FunnyRose
@FunnyRose8_twitter
Jul 14 2017 16:14
moi je vois le vide avec Google Chrome mais sinon rien à redire la page est superbe ! Je pense qu'ils aimeront beaucoup
Alix Ayoub
@AlixAyoub_twitter
Jul 14 2017 16:14
merci pour le retour, je vais voir ce qu'il se passe
Remi200
@ponche
Jul 14 2017 16:15
ok
je fais la track au bug et je dis si j'en trouve
Alix Ayoub
@AlixAyoub_twitter
Jul 14 2017 16:15
@ponche merci!
Remi200
@ponche
Jul 14 2017 16:15
pour info, tu candidate pour quel école?
Alix Ayoub
@AlixAyoub_twitter
Jul 14 2017 16:16
Strasbourg
Remi200
@ponche
Jul 14 2017 16:16
pas de lillois sur le chat
Alix Ayoub
@AlixAyoub_twitter
Jul 14 2017 16:16
hahaha, désolée
Remi200
@ponche
Jul 14 2017 16:17
@AlixAyoub_twitter pour les lien, si il sont morts, tu peux les remplacer par des ancres.
@AlixAyoub_twitter erreurs ligne 58
dans le html
@AlixAyoub_twitter il manque la balise head
Remi200
@ponche
Jul 14 2017 16:22
@AlixAyoub_twitter je vois des balise commentaire inutiles, vu que t'as mis de commentaire.
Alix Ayoub
@AlixAyoub_twitter
Jul 14 2017 16:24
@ponche si c'est celles entre li et les sections, dans le tuto que j'ai suivi c'est ce dont ils se servaient pour eliminer l'espace entre les elements. Ce qui est problablement bizarre a la fin
merci pour le tip pour les ancres!
jsfiddle refuse d'avoir head, meta et un autre truc
Remi200
@ponche
Jul 14 2017 16:25
a quoi ça sert?
JsFiddle dit que la balise head n'est pas utilise sur leur site. mais sur des site, c'est obligatoire. après, c'est une question de choix, des elèves on pas mis la balise et il sont pris, d'autre il l'ont mis.
Remi200
@ponche
Jul 14 2017 16:30
@AlixAyoub_twitter pourquoi tu veux supprimer les espace entre les balises?
Alix Ayoub
@AlixAyoub_twitter
Jul 14 2017 16:30
pour les commentaires, c'etait d'apres cette page: http://learn.shayhowe.com/html-css/positioning-content/#floats
vu que c'etait hier, c'est possible que j'ai garder des choses qui ne sont plus utiles
*que j'ai codé ça hier et recommençé du début ce matin
et merci pour ligne 58, je viens de voir le <p> qui était resté
Remi200
@ponche
Jul 14 2017 16:33
perso, j'ai utilisé le validateur W3C pour la trouvé
@AlixAyoub_twitter pour les comentaire, tu t'embete pour rien. a mon avis si ils disent cela c'est pour éviter de faire des noeud dans le DOM
et perso, qui à des noeuds en plus dans le DOM, ça me dérange pas du tous.
Alix Ayoub
@AlixAyoub_twitter
Jul 14 2017 16:36
c'est peut-etre une bonne idee pour des sites plus lourds apres si c'est ca
Remi200
@ponche
Jul 14 2017 16:37
@AlixAyoub_twitter tu peux m'expliquer pourquoi c'est une bonne idée? je vois pas l'interet.
je pense que c'est un vieux cour, il t'explique comment positionné avec des flottant, (un méthode à évité) . il a une nouvelle technologie qui s’appelle FlexBox
et FlexBox est largement mieux
Alix Ayoub
@AlixAyoub_twitter
Jul 14 2017 16:40
les flottants expliquent probablement pourquoi tu vois un grand vide sur le côté :D merci pour l'info et je repars dans tout ça
Remi200
@ponche
Jul 14 2017 16:42
@AlixAyoub_twitter je te conseil d'apprendre la technologie FlexBox. tu véras
Remi200
@ponche
Jul 14 2017 16:47
@AlixAyoub_twitter le Titres Wild Circus, les lettres ce touche.
et ton block rouge("TiCKETS >") cache ma lecture pour format mobile.
Alix Ayoub
@AlixAyoub_twitter
Jul 14 2017 17:12
might have fixed some of those (tickets and empty space) https://jsfiddle.net/alixayoub/z2gn2f6e/9/ flexbox is amazing.
Remi200
@ponche
Jul 14 2017 17:14
yes, flexbox is amazing.
does not use float
Assigyn
@Assigyn
Jul 14 2017 17:41
Si je peux donner un conseil quand même si le responsive est un peu difficile pour vous ne vous y attaquez pas, mieux vaut un code propre non responsive qu'un responsive maladroit. On peut parfaitement être admis sans, ça a été mon cas.
Remi200
@ponche
Jul 14 2017 17:41
@Assigyn il en a qui prenne pas de risque.
Assigyn
@Assigyn
Jul 14 2017 17:42
Quand on débute dans le code, vouloir courir avant de marcher est la meilleure méthode pour créer une catastrophe
Remi200
@ponche
Jul 14 2017 17:43
@Assigyn c'est un peu mon cas. mais je te rappele, que c'est une formation en 5 mois. t'auras pas le temps de marché.
Assigyn
@Assigyn
Jul 14 2017 17:44
Le responsive on ne vous le demande pas, on vous demande un code propre et bien agencé en HTML/CSS avec un soupçon de JS. Si vous n'êtes pas méga familier avec le responsive, pour le moment laissez le de côté
C'est pas pour rien que Bootstrap n'est abordé qu'en troisième épreuve : le responsive n'a de sens que si on connaît déjà bien les bases.
Remi200
@ponche
Jul 14 2017 17:45
@Assigyn moi, mon site est validé, tu veux pas regarder mon démineur?
et donné des idée d'amélioration, attention, j'ai pas fais un jolie design.
Assigyn
@Assigyn
Jul 14 2017 17:47
Donc je vous déconseille personnellement de perdre du temps avec de l'optionnel si la base vous est déjà difficile. Bossez à fond ce qui est indispensable à la validation, et si vous avez le temps et si vous êtes validé (car n'oubliez pas qu'il y a un risque que la solution 1 soit rejetée, et vous n'aurez plus que deux jours pour vous corriger), alors faites du responsive. Comme dit l'adage, work smarter, not harder ;)
Désolée je suis sur mobile, j'ai pas d'accès à un ordi avant dimanche, je le verrai plus tard :)
Remi200
@ponche
Jul 14 2017 17:49
ok, t'aurais pas des idée de projets simple. comme démineur, la tour de hanoi, casse brique. tout ce que j'ai dit, j'ai déja fais
Assigyn
@Assigyn
Jul 14 2017 17:50
Pourquoi pas du développement de plugin orienté utilisation front-end ? Tu seras plus souvent dans ce cas de figure
Remi200
@ponche
Jul 14 2017 17:50
c'est quoi? tu peux détaillé?
wolfcourt
@wolfcourt
Jul 14 2017 22:54
Bonsoir, j'avais une petite question concernant, le lien Robozzle a mettre sur le site web challenge, je ne trouves pas le lien de mon compte pour l'ajoute a celui ci
Remi200
@ponche
Jul 14 2017 22:54
@wolfcourt clique sur ton pseudo
@wolfcourt tu dois avoir un lien comme ceci : http://www.robozzle.com/user.aspx?name=remi200
wolfcourt
@wolfcourt
Jul 14 2017 23:45
Malheureusement, il n'y pas de moyens de cliqué sur mon nom
Remi200
@ponche
Jul 14 2017 23:45
passe en beta
wolfcourt
@wolfcourt
Jul 14 2017 23:45
mais merci qd meme j'ai le lien mtn
daccord
Remi200
@ponche
Jul 14 2017 23:46
tu candidat pour quel campus, quel écoles?
wolfcourt
@wolfcourt
Jul 14 2017 23:52
Orléans
Je dois rendre, tous le challenge pour avoir la chance d'etre a la journée d'immersion pour le 16 LOL
et toi ?