These are chat archives for WildCodeSchool/faq_candidats

11th
Dec 2018
pysergent
@pysergent
Dec 11 2018 08:37
@FranckFerrero_twitter Oui c'est sur) j'aurai du faire un truc tout simple un peu moche ça aurait été plus facile a valider je pense...j'ai privilégié l’esthétique a la qualité du code j'aurai peut être pas du...
FERRERO Franck
@FranckFerrero_twitter
Dec 11 2018 08:43
@pysergent comme je t'ai dis ton wild circus fais avec le template es excellent
et je suis arriver a le mettre sur codepen
mais ya un peu de boulot dans le code source a manier
serais tu capable de m'expliquer la totalité du HTML et CSS que tu a générer avec le template ?
pysergent
@pysergent
Dec 11 2018 09:03
Je suis parti de ca https://www.free-css.com/free-css-templates/page232/justice ensuite j'ai adapté .Le probleme c'est qu il y a du bootstrap et jquery ...j'ai passé une demie journée a essayer d'importer le bootstrap et jquery en créant un "project"codeopen et non un simple pen mais ca rame vraiment trop chez moi et codeopen lag...j'étais obligé de rentrer le css petit a petit pour que la vérification du code fonctionne... bref c'était la merde!
FERRERO Franck
@FranckFerrero_twitter
Dec 11 2018 09:05
tu peu appeler les bibliotheque jquery et bootstrap du code pen en dans la balide <head>
c'est pas un soucis sa
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
a mettre en <head> et </head>
et ta la bibliotheque jquery
FERRERO Franck
@FranckFerrero_twitter
Dec 11 2018 09:29
@pysergent si je comprend bien ta telecharger
le .zip de ce site qui dois comporter a coup sure plusieurs dossier css jquery etc etc et ta modifier le code source du fichier .html
pysergent
@pysergent
Dec 11 2018 09:36
oui voila!! et le css aussi j'ai corrigé quelques trucs et adapté pour coller a la consigne
FERRERO Franck
@FranckFerrero_twitter
Dec 11 2018 09:37
comme ta pu dire l'utilisation d'un template tiers n'est pas une consigne
pysergent
@pysergent
Dec 11 2018 09:38
bien vu l'astuce du <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> si j'avais su....j'aurai du passer ici avant )
FERRERO Franck
@FranckFerrero_twitter
Dec 11 2018 09:38
mais pour la librairie css de bootstrap c idem
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
google es mon ami en 20s je te la trouve
pysergent
@pysergent
Dec 11 2018 09:41
oui je comprends l'idée....honnêtement j'y ai pas pensé... je suis de l'ancienne école ) tout doit être dans un fichier mais c'est vrai qu on peut importer ajd )
FERRERO Franck
@FranckFerrero_twitter
Dec 11 2018 09:42
l'idée d'utiliser un template n'est pas une mauvaise idée, mais sit u comprend pas ou tu sais pas manier le JS HTML ou CSS tu vas en chier
pysergent
@pysergent
Dec 11 2018 09:44
oui voila je comprenais le html et css mais pas le js et bootstrap jquery ect... donc j'ai préféré bosser sur l'autre projet que je comprenais entièrement .Même si c'est moins esthétique ...
FERRERO Franck
@FranckFerrero_twitter
Dec 11 2018 09:44
je viens de telecharger le template
<!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="css/icomoon.css">
les href sont en local
pysergent
@pysergent
Dec 11 2018 09:46
oui il aurait fallu que j'utilise googleapis
FERRERO Franck
@FranckFerrero_twitter
Dec 11 2018 09:46
si on suit la hierarchie du dossier. le fichier index.html demande dans le href de recuperer dans le dossier css le fichier animate.css
donc si tu met sa sur codepen a l'indentique sa faut rien
sa vaut sa
et sa emmene a un Invalid Request
pysergent
@pysergent
Dec 11 2018 09:49
oui , je comprends , alors qu'en utilisant ta méthode ca serait passé!
FERRERO Franck
@FranckFerrero_twitter
Dec 11 2018 09:50
peu etre que le dossier css/animate.css existe chez codepen mais surement ou peu etre bloquer avec un fichier .htaccess
pour pas te laisser acceder a cette ressource
<link rel="stylesheet" href="http://trucmuche.fr/css/animate.css">
donc faudrais trouver les css et mettre des liens non local
pysergent
@pysergent
Dec 11 2018 09:53
oui je vois l'idée ! enfin reste le fait que je comprends rien au bootstrap et jquery a partir de la je me serais mal vu rendre un truc dont je comprends que la moitié
FERRERO Franck
@FranckFerrero_twitter
Dec 11 2018 09:58
bootstrap c un framework CSS pour le developpement frontend
En gros sans rentrer dans des details c une liste de block css
ou dedans ta des balise HTML universelle on vas dire
style je prend l'exemple d'un bouton de validation de formulaire
<input type="submit" name="submit" class="btn-default" value="Valider">
ton bouton valider auras un design
sans avoir eu a coter du CSS
si tu utilise bien sure le bootstrap
si tu regarde les code source de plusieurs site tu verras souvent que les bouton on une class="btn"
FERRERO Franck
@FranckFerrero_twitter
Dec 11 2018 10:05
sa serais come si la class="btn" etais une valeur de réference en css
une valeur universelle
si tu cherche un peu de logique btn pourrais être l'abreviation de BuTtoN
pysergent
@pysergent
Dec 11 2018 10:13
oui j'avais compris la classe btn enfin j'aurai été incapable de réexpliquer a quoi servait le bootstrap sa définition ect ...
pysergent
@pysergent
Dec 11 2018 10:19
j''ai juste commencé le js sur openclassroom je bosserais le bootstrap/jquery après. Une fois que j'aurai bien compris le js. Mais c'est vrai que de la facon dont tu le présentes ca a pas l'air sorcier j'aurais peut être du approfondir a ce moment la.
c le lien du bootstrap non compresser
dedans tu as toute les balise html par default
si dans ton wild circus tu veut un bouton design par default sans le faire coter css
tu fais <input type="submit" name="submit" class="btn-default" value="Valider">
ton button seras come ceci
color: #333;
background-color: #fff;
border-color: #ccc;
les .btn comme a la ligne 2584
pysergent
@pysergent
Dec 11 2018 10:27
c'est pas non recommandé de mettre du css dans le html ?u alors parce que c'est du bootstrap ca passe?? sinon oui je vois l'idée
FERRERO Franck
@FranckFerrero_twitter
Dec 11 2018 10:28
si tu veux le boutton en vert
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}
aprés coter css de codepen si tu met du css tu ecrase le block bootstrap
exemple
par default
a { color;yellow }
disons que sur le css de bootstrap
tout les liens sont jaune
c un exemple
toi tu les veux bleu
coter css tu fais a { color:blue; }
tes liens seront bleu et non jaune par default du css bootstrap
pysergent
@pysergent
Dec 11 2018 10:31
oui ca pas l'air sorcier j'imagine que que tu peux utiliser pas mal d'attibuts css sur chaque boutton après comme changer la police la taille ect...
FERRERO Franck
@FranckFerrero_twitter
Dec 11 2018 10:32
tout a faits bootstrap c un css de default universelle
les button succes sont vert
les boutton warning sont rouge
apres rien n'empeche que si tu veut un boutton warning orange tu peu sans modifier le css de bootstrap
en css si ta 2 block identique le 2ieme seras celui pris
pysergent
@pysergent
Dec 11 2018 10:35
et bootstrap c'est que des bouttons en fait ?? si c'est que ca a l'air simple ouais! )
FERRERO Franck
@FranckFerrero_twitter
Dec 11 2018 10:35
non c pas que des boutons
as tu ouvert le lien que je tai donner
ta aussi les balise <ul> <ol> <dd> <dt>
pysergent
@pysergent
Dec 11 2018 10:37
a oui effectivement il va y avoir de quoi taffer pour tout maitriser )
en fait je crois que j'utilisais deja du bootstrap sans le savoir genre a:hover ...je croyais que c'était du css classique
FERRERO Franck
@FranckFerrero_twitter
Dec 11 2018 10:39
le site que ta pris en zip utilise la bibliotheque bootstrap
c pas pour sa que dans le code HTML il ont tout utiliser
il on pris que ce qui les insterrreser
pysergent
@pysergent
Dec 11 2018 10:40
oui ils ont juste pris quelques bouquins dans la bibliothèque en fait
FERRERO Franck
@FranckFerrero_twitter
Dec 11 2018 10:40
exactement
bootstrap enfaite c une liste que un developpeur peu etuliser coter HTML
si tu regarde dans le zip que ta decompresser
dans le dossier css
tu as un fichier bootstrap.css
et un fichier style.css
le fichier style.css dedans tu as des block css
par exemple body {}
dans le fichier index.html
si tu regarde bien la librairie bootstarp es avant le fichier style.css
ce qui veut dire que ce qui as dans le fichier style.css ecrase les block du fichier bootstrap.css
pysergent
@pysergent
Dec 11 2018 10:45
oui effectivement pour pas créer de conflit c'est ca ? comme avec ton explication des boutons?
FERRERO Franck
@FranckFerrero_twitter
Dec 11 2018 10:46
c'est pas une question de conflit
dans le fichier bootstrap.css tu as body {}
met celui qui a fait le templates a decider que le body par default de bootstrap ne lui convenais pas pour son design
alors il a mis dans le style.css un autre body comme il le voulais
puis comme dans le fichier index.html
le fichier style.css es lu apres le fichier bootstrap.css
pysergent
@pysergent
Dec 11 2018 10:48
oui enfin comme le style.css "domine" le fichier bootstrap c'est pas plus logique de faire le bootstrap d'abord par exemple?
FERRERO Franck
@FranckFerrero_twitter
Dec 11 2018 10:50
<!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="css/icomoon.css">
<!-- Themify Icons-->
<link rel="stylesheet" href="css/themify-icons.css">
<!-- Bootstrap  -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Magnific Popup -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Owl Carousel  -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<!-- Flexslider -->
<link rel="stylesheet" href="css/flexslider.css">
<!-- Theme style  -->
<link rel="stylesheet" href="css/style.css">
regarde
le premier css es animate
si dans le fichier css de icomoon il a un block similaire a animate
le block body prendras le dessus sur le block body de animate
c pour sa que le style.css est en dernier
il prend le dessus sur tout les block similaire qui sont dans style et garde tout les block des autres css
pysergent
@pysergent
Dec 11 2018 10:53
oui en fait si je comprends le mec a créer petit a petit chaque animate bottstrap ect ...et après a modifié son style.css pour les mettre a sa sauce
FERRERO Franck
@FranckFerrero_twitter
Dec 11 2018 10:54
en gros c sa
il a utiliser des css faits par des gens doués
et avec le fichier style.css il a mis tout a sa sauce pour avoir le rendu du site
pysergent
@pysergent
Dec 11 2018 10:59
oui en fait il a rien fait d’exceptionnel même si c'est un boulot monstre j'imagine... le plus dur c'est d'ecrire les css de chaque "animation" en fait...
FERRERO Franck
@FranckFerrero_twitter
Dec 11 2018 11:00
pas ta tout compris lol
le exceptionnelle que tu dis ta pas su le refaire sur codepen
si tu regarde le fichier bootstrap.css dans le dossier css
ta un block .btn
si tu regarde dans le style.css a la ligne 1092 ta aussi le block .btn
il a ecraser le .btn de bootstrap par sont .btn plus evoluer
.btn {
margin-right: 4px;
margin-bottom: 4px;
font-family: "Open Sans", Arial, sans-serif;
font-size: 16px;
font-weight: 400;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
padding: 8px 30px;
}
ou dedans il a mis des margin, l'ecriture est en 16px, le bouton a des coins arrondi avec border-radius
FERRERO Franck
@FranckFerrero_twitter
Dec 11 2018 11:05
que par default le bouton bootsrtap es tout simple
pysergent
@pysergent
Dec 11 2018 11:06
oui en tout cas merci pour tes lumières ! je comprends mieux maintenant !Non j'ai pas su le refaire je vais essayé pour m’entraîner ! je vais surement faire un cours en ligne openclassroom ou autre la dessus en même temps
pysergent
@pysergent
Dec 11 2018 11:11
enfin grace a toi je pense que j'arriverais a comprendre ca en détail ca un peu plus vite... tu me conseil java ou bootstrap:jquery d'abord j'ai commencé java mais tu me conseillerais quoi plutot ca d'abord??https://openclassrooms.com/fr/courses/1885491-prenez-en-main-bootstrap
FERRERO Franck
@FranckFerrero_twitter
Dec 11 2018 11:11
pour le wild circus le JS n'est que un plus
si tu utilise pas de JS pour ton wild circus sa ne seras pas eliminatoire
pysergent
@pysergent
Dec 11 2018 11:14
donc bootstrap d'abord et après js? le plus simple pour commencer c'est le bootstrap ou le js?
FERRERO Franck
@FranckFerrero_twitter
Dec 11 2018 11:15
fais un wild circus comme demander avec ce que tu métrise c le plus simple
pysergent
@pysergent
Dec 11 2018 11:17
pour le wild circus oui autant rester sur un truc simple je pense que c'est plus sur j'ai qu'un tout petit peu de js sur mon wild circus codeopen.io mais au moins je le comprends )
oui c'est l'idée ...j'en avais fais un encore plus simple sans js sans rien en fait... un truc moche mais efficace mais j'ai fait une fausse manip avec sublime donc je le retrouve plus. Ca aurait été le plus simple en fait!
FERRERO Franck
@FranckFerrero_twitter
Dec 11 2018 11:22
pense aussi que si tu passe le wild circus ta un entretien avec un formateur par la suite
ils sont tous differents mais si tu tombe sur un qui te prend a ton propre jeu sur le wild circus et demande des details sur ce que ta faits
sa serais dommage de lui repondre je sais pas
pysergent
@pysergent
Dec 11 2018 11:25
oui!! c'est pour ca que j'ai lâché l'affaire avec le getenjoyment ...si le formateur commence a m'interroger sur le bootstrap la se suis mort (enfin un peu moins depuis que tu m'as expliqué mais je suis encore loin du compte....)
FERRERO Franck
@FranckFerrero_twitter
Dec 11 2018 11:26
faut rester en tete aussi quon candidate pour une ecole qui au bout peu nous permettre davoir un diplome bac+2, donc niveau 3 equivalent a un curcus scolaire de BTS
eliminer les developpeur copier coller et que sa rends bien par chance
pysergent
@pysergent
Dec 11 2018 11:33
oui c'est normal ! c'est pour ca que j'ai pas utilisé le template bootstrap même si c'était pas explicitement interdit...alors que flexbox je sais gérer modifier ect...
pysergent
@pysergent
Dec 11 2018 13:38
sinon si tu vois encore des trucs sur https://codepen.io/pierre-yves/pen/NeWKNp hésite pas j'ai encore corrigé des détails j'espère que ca va passer...
FERRERO Franck
@FranckFerrero_twitter
Dec 11 2018 13:55
je regarde sa
c celui que ta refais ?
ta pas refais un autre pen
pysergent
@pysergent
Dec 11 2018 15:48
nan c'est ca !
pysergent
@pysergent
Dec 11 2018 21:09
j'ai corrigé le principal j'espère j'ai fais des test avec d autres validateurs html ca a l'air de passer...et ce code la je le comprends sans problème...
contrairement au getenjoyment ou j'aurais eut du mal a tout expliquer
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 11 2018 21:21
@pysergent Je pense que t'aurais eu moins de problème si tu avais fait l'exercice en suivant simplement les consignes, et seulement ensuite mis ta touche perso.
Le site est bien mais ça fait beaucoup beaucoup de donnée pour s'auto corriger
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 11 2018 21:28
Dans les choses qu'on nous demande de savoir pour l'entretient il y a le Test-driven development c'est pile ta situation je trouve
pysergent
@pysergent
Dec 11 2018 22:32
oui je devrais faire ca pour optimiser le tru
prendre chaque partie du code et le tester petit a petit
@Jack_Quark_twitter tu as pas trop de trucs a réviser ca va aller?
Ghost
@ghost~5c091fe5d73408ce4fb126ab
Dec 11 2018 23:30
@pysergent J'suis dedans la.. Je mate un peu le MVC.

@pysergent 7 notions suivantes :

Une base de données
Un modèle MVC
W3C
Test-driven development
CMS
SCRUM
Git

@pysergent J'ai pas l'impression qu'on nous demande de connaitre par coeur mais surtout de savoir de quoi on parle, etant donné que la formation concernera tout ça