Candidature d'Elendil


Bonjour ou bonsoir selon l'heure à laquelle vous lirez cette petite candidature . Je la réalise dans l'espoir de rejoindre LanguageCraft en tant qu'intégrateur (HTML5 et CSS3). Sur ce, je vous souhaite une agréable lecture.


I. Présentation


Pour commencer, je me prénomme Yann (Elendil8 est mon pseudo minecraft), je suis âgé de seize années et je réside dans ce beau pays qu'est la Suisse.
Concernant mes passions, j'aime avant tout lire et écrire, mais je suis également passionné par le développement des nouvelles technologies: cependant, par dessus tout, j'aime apprendre. C'est cette association de facteurs qui m'a récemment conduit à me lancer dans l'apprentissage des langages du web, car tout cela m'intriguait au plus au point (Je suis de nature plutôt curieux ).

Je joue à Minecraft depuis si longtemps que j'ai cessé de compter les années ^^'. Tout cela pour dire que je connais le jeu de fond en comble, j'ai par ailleurs été l'administrateur du (anciennement 5e sur le classement des serveurs Minecraft roleplay français) serveur RolePlay Thinuviel, projet qui a rencontré pour le moins pas mal de succès! Après cela, je me suis peu à peu désintéressé à Minecraft afin de porter une attention toute particulière au développement web.

Pour terminer ma présentation, je possède TeamSpeak 3 que je maîtrise parfaitement, mais je m'apprête à télécharger Mumble dont le fonctionnement m'est pour le moment obscur. Je suis disponible les Week-End et les Mercredis. Je m'excuse de ces horaires mais je passe le BAC l'année prochaine ^^'.


II. Pourquoi l'intégration web?


Comme je vous l'ai dit précédemment, j'ai commencé il y a quelque temps à m'intéresser au fonctionnement d'internet du fait que je trouvais pour le moins idiot de consulter des millions de pages web par jours sans en comprendre le fonctionnement . C'est pourquoi j'ai décidé de me lancer dans l'apprentissage du fonctionnement d'internet.
Par la suite, je me suis rendu compte que l'intégration me plaisait bien. J'ai donc débuté dans le domaine en m'achetant le livre HTML/CSS pour les nuls. Trouvant le contenu de ce-dernier très peu fournit, j'ai décidé d'apprendre directement sur internet.

Comme beaucoup, j'ai suivis de nombreux cours sur OpenClassrooms, mais aussi sur divers sites tels que Alsacréation. Je maîtrise à présent les languages HTML5 et CSS3. J'ai avant tout cherché à diversifier mes sources de connaissances afin d'en tirer le meilleur enseignement possible.
Mon principal défaut réside dans mon manque de créativité, qui m'a souvent posé problème, que ce soit en IRL ou sur Minecraft, etc...
Pour tout dire, j'ai surtout progressé en bidouillant divers CMS comme CraftMyCms ou encore en modifiant des Templates HTML5/CSS3. Une grande part de mon apprentissage a donc été autodidacte. Je cherche à présent à apprendre le PHP et le MySql dans le but de créer un site dynamique. Mon rêve (c'est bien un rêve) serait de réaliser par mes propres moyens un CMS (Content Mangement System).

Enfin, je me suis intéressé aux Frameworks CSS existants sur le marché .
J'ai bien évidemment commencé avec Bootstrap, dont l'apprentissage m'a rapidement ennuyé. Cherchant une alternative à celui-ci, je suis tombé sous le charme du Framework Skeleton disponible ici: http://getskel.com/ .
Sa légèreté et sa simplicité m'ont grandement facilités la tâche!


III. Mon expérience


Je sais bien que vous cherchez des gens talentueux et d'expérience, mais pour être honnête, je n'ai jamais réalisé à proprement parler de site internet pour une quelconque personne . Je suis un intégrateur web tout juste sortit de la coquille et avançant de manière hésitante dans le domaine!

C'est pourquoi j'ai décidé de réaliser, à titre d'exemple, un nouveau site internet pour LanguageCraft. Je me suis ainsi permis, dans le but de rendre ma démonstration plus réaliste, de reprendre des images et du contenu de votre site et j’espère que cela ne vous gênera pas. De toutes manières, une fois que vous l'aurez vu, son contenu et lui seront immédiatement effacés.
Le site est disponible à cette adresse: http://demolc.livehost.fr
J'ai utilisé un hébergeur gratuit (https://www.livehost.fr/) afin que vous puissiez naviguer à votre guise sur ce site de présentation, d'autant plus que j'ai utilisé quelques scripts JS dont les sources sont présentées ci-dessous car je ne sais pas développer de scripts JavaScript. Encore une fois, si cet éléments vous gêne, je peux immédiatement retirer le site internet.

Je précise qu'il a été réalisé à l'aide du Framework Skeleton et de plusieurs scripts JS. Je n'ai en aucun cas utilisé de Template ou copié de code, la totalité du site a été réalisée par mes soins!

Sources nécessaires à sa création:

-------------
Inspiration:
-------------
http://eywek.fr/ ==> Effet parralax
http://languagecraft.tv/ ==> Images, contenu, etc...
http://ucancraft.fr/ ==> Image de fond


-------------------
Framework utilisé:
-------------------

http://getskel.com/ ==> Framework léger, simple, etc...

-----------------------------------------
Sources des scripts JavaScript utilisés:
-----------------------------------------

http://lab.hakim.se/forkit-js/ ==> Pour le ruban et les vidéos
http://lab.hakim.se/ ==> Pour le ruban et les vidéos
https://github.com/hakimel/forkit.js ==> Pour le ruban et les vidéos
http://www.scrolltotop.com/ ==> Bouton "Retour en haut"

Je peux, bien évidemment, vous fournir le code source sans aucun problème. Si vous trouvez le site un peu léger, je m'en excuse ^^. Concernant la partie "Présentation des membres" je n'ai pas pu trouver de script adéquat car j'aimerai qu'elle s'affiche dans une sorte de popup sur la page pour chaque membre . Il se peut que la compatibilité entre les divers navigateurs et scripts JS utilisés soit défaillante.
De surcroît, le site n'est pas Responsive pour l'instant car je n'ai pas pris le temps de l'adapter correctement aux écrans de petite taille avec les Medias Queries. Je peux aussi, sur votre demande, réaliser un site sans Framework ^^'.


IV. Pourquoi LanguageCraft?


Il faut avant tout savoir que je regarde vos vidéos depuis un bout de temps . Je connais par ailleurs Mr. Pintish en IRL, qui m'a souvent parlé de votre Team (Qu'en bien, ne le battez pas ).

Cependant, ma motivation principale reste le fait que je cherche depuis longtemps un moyen de mettre en oeuvre mes compétences, car c'est par la pratique que l'on apprend le mieux. De plus, j'adorerai participer à votre aventure, tout en vous aidant du mieux possible.

C'est pourquoi je réalise cette candidature. Honnêtement, intégrer une équipe d'une telle renommée relève du rêve . En bref, j'aimerai vous apporter quelque chose, tout en apprenant des gens plus doués que moi dans le domaine du développement web. J'espère sincèrement pouvoir vous être utile et tirer de cette éventuelle expérience, le meilleur des enseignements!


Merci, une fois encore, d'avoir pris le temps de lire ma candidature, j'espère que son contenu vous aura plu,
Elendil.


Annexe:



Edit: J'ai changé d'hébergeur car olympe rencontre actuellement quelques problèmes dus à une maintenance de leurs machines.

Salut Elendil, magnifique candidature et ton site me plais bien.
J'espère que tu te feras prendre! comme tu dis c'est par des occasions comme celles-ci qu'on avance.

Salut pintish, merci de tes encouragements et j'espère que ma candidature plaira à d'autre

Les trois jours réglementaires passés, je me permet de faire un petit "up"

Salut !
C'est Tony qui gère tous les codeurs, il est actuellement en déplacement, il devrait te répondre d'ici quelques jours

Aucun problème, merci de ta réponse Bill!

J'up à nouveau le sujet, histoire de le detterer un peu

Coucou Elendil,

Désolé pour le temps de réponse, comme l'a dit Bill, j'étais en déplacement, j'ai pris le temps de lire ta candidature, mais pas d'y répondre, puis je l'ai oubliée, donc tu as bien fait de up.

Je vais m'arrêter quelques secondes sur la forme de ta candidature : Je te félicite, j'aimerais en voir plus souvent des comme ça, c'est propre, complet, structuré et correctement écrit. Bref, bravo

Concernant le fond, j'ai déjà un intégrateur actuellement. En avoir un second ne serait pas un soucis si je pensais que vous pourriez vous compléter, mais j'ai l'impression que ça ne serait pas le cas :/
Tu as de bonnes idées, mais tu es encore "trop" débutant. Il y a des points "importants" sur lesquels tu dois encore expérimenter (la sémantique de ton code, l'accessibilité, etc).

Skel n'a pas l'air trop mal, bien que je trouve bizarre de gérer un système de grille en JS, j'ai tendance à préférer le JS pour des ajouts purement esthétiques/utiles, bref optionnels. Pour moi un site doit pouvoir continuer de fonctionner une fois le JS désactivé (ce point est vraiment une question de point de vu personnel, beaucoup de gros sites ne fonctionnent plus sans JS).

Petites questions :
Tu dis pouvoir faire un site sans framework. Serais-tu totalement à l'aise à partir d'une maquette, ou préfères-tu tout de même l'appui d'un framework ?
Maîtrises-tu des préprocesseurs de type Sass (avec Compass), Less ou encore Stylus ?
As-tu déjà utilisé des services de gestions de versions (Git...) ?
Le Responsive devenant quasi incontournable, es-tu totalement à l'aise avec ce concept ? Saurais-tu faire du Mobile First ?
Enfin, essayes-tu de te tenir au courant de ce qui existe, fais-tu de la "veille" ?

Voilà, je te laisse sur ces questions, je ne sais pas encore ce que je vais décider. De ton côté, entraîne toi, je vais peut-être te mettre à l'épreuve sur une maquette pour voir.

A bientôt !

Salut Tony, merci de ta réponse, je suis heureux de voir que ma candidature t'ai plus!

Comme tu l'as très bien dit, il est préférable qu'un site ne soit pas dépendant de JS car celui-ci est difficilement accessible aux mobiles.

Pour tout dire, je préfère coder sans Framework car l'utilisation d'un Framework facilite certes la tâche mais le temps d'adaptation est relativement long. De plus, j'ai un peu de mal avec le système des grilles. Je préfère donc le "Home Made" .


Pour être honnête, je n'ai jamais utilisé de préprocesseur tels que Less, bien que leur maîtrise soit fortement recommandée lors de l'utilisation d'un Framework comme Bootstrap pour l'adapter de manière correcte à nos besoin. Cependant, apprendre à m'en servir ne me gênerai nullement!

Je me débrouille bien avec l'utilisation des Media Queries et je pense donc être capable de créer un site plus ou moins Responsive, bien que je doute que ma technique soit parfaite, malgré que le concept soit plutôt simple.
Et, comme je l'ai dit précédemment, je suis passionné du développement des nouvelles technologies, j'ai donc pris l'habitude de me tenir au courant des News, aussi bien sur le plan technologique que sur le plan économique et politique (je suis en 1e ES, la culture générale est donc un élément majeur au sein de ma section). J'aime énormément lire, ce qui fait que j'ai tendance à avoir un peu trop souvent la tête plongée dans divers journaux (et tout ce qui peut se lire ).

Concernant Git, j'ai souvent utilisé cette plateforme pour récupérer des codes sources (notamment en JS) et je suis en train de suivre un cour complet à ce sujet sur Openclassrooms, mais j'essaie tout de même d'en savoir plus à ce sujet sur divers sites.

J'ose te demander de m'éclaircir sur la sémantique de mon code car j'ai en effet quelques problèmes de ce côté là: j'ai un peu de mal à me décider quelle balise utiliser au sein de mon code, mais je pense que cela viendra avec le temps

Enfin, ce serai un honneur pour moi que l'on m'accorde une une chance telle qu'une "mise à l'épreuve". Je précise que j'ai vraiment peu d'inspiration et j'insiste à nouveau sur le fait que mon esprit créatif me fait défaut.

Merci et à plus tard!

Yop !

Paradoxalement, c'est pas tout à fait vrai qu'un site est moins accessible aux mobiles à cause du JS, souvent les mobiles sont plus à jour sur les normes, etc. En revanche, les scripts sont parfois lourds pour le processeur par exemple, alors faut y penser.

Oui je te conseille d'apprendre à te servir d'un préprocesseur, chez LC on a adopté Sass. C'est un gain de temps pour la maintenabilité et le boulot en équipe !

Concernant ton code, le responsive est une chose, mais même si on choisi de faire un site non responsive, il est important de se rappeler qu'une fenêtre sur un PC se redimensionne : tes vidéos sont mal placées dès qu'on a un format de fenêtre plus petit qu'un 1920...
J'ai du mal avec les js chargé dans la balise head également, c'est mieux avant la fermeture du body je trouve.
La balise <header> existe en html5 (et ton doctype est html5) et devrait remplacer ton <div id="header"> par exemple.
Ou encore les membres des différentes équipes, ce sont des listes (sémantiquement parlant), et en faire un tableau est plus "facile", mais n'est pas correct.
Dernier exemple, la balise <center> n'existe plus en html5, c'est de la mise en forme, donc du CSS.

Essaye donc d'améliorer ton code, avec ce que je viens de dire et ce que tu apprends de ton côté (sass, git, etc), rend le responsive également pourquoi pas. Je te donnerais peut-être une maquette ensuite.

Quoi qu'il en soit, continue de t’entraîner, d'apprendre et reste passionné, c'est important

Salut Tony.

Concernant les script, je parlais plutôt de leur adaptation aux divers formats.

J'avais débuté l'apprentissage de Less, mais je vais donc m'orienter vers l'apprentissage de Sass.

J'essaie d'améliorer mon code et de rendre le site plus ou moins Responsive sur tes bons conseils.

Merci,
Elendil

Bonjour à tous, je passe simplement pour vous informer que je renonce (pour l'instant) à poursuivre mes efforts pour intégrer LanguageCraft. Je préfère en effet prendre le temps de poursuivre mon apprentissage dans de meilleures conditions afin de me représenter un jour sur ce même forum.
Cordialement,
Elendil.