{"id":3946,"date":"2013-07-19T08:30:34","date_gmt":"2013-07-19T06:30:34","guid":{"rendered":"http:\/\/www.yanngraf.com\/"},"modified":"2017-07-14T17:17:18","modified_gmt":"2017-07-14T15:17:18","slug":"reapprendre-le-web","status":"publish","type":"post","link":"https:\/\/www.yanngraf.com\/fr\/blog\/reapprendre-le-web\/","title":{"rendered":"R\u00e9apprendre le web – mon exp\u00e9rience"},"content":{"rendered":"

Depuis que j’ai d\u00e9cid\u00e9 de changer d’horizon professionnel (et d’aller au Pays-bas<\/a>), j’ai l’impression de red\u00e9couvrir le web. Principalement du fait qu’il faut que j’actualise mon site internet (premi\u00e8rement). La mouture initiale date d’il y a d\u00e9j\u00e0 quatre ans! Maintenant elle craint un peu aujourd’hui. Du coup pour y arriver, je dois r\u00e9apprendre le web avant!<\/p>\n

Dans ces quatre petites ann\u00e9es tout a \u00e9volu\u00e9 tr\u00e8s vite. Maintenant on parle GIT, Css3, HTML5, Responsive, Mobile devices, et plein d’autres choses. Je dois dire que j’avais un peu laiss\u00e9 de c\u00f4t\u00e9 ces aspects en m’appuyant sur les agences avec lesquels nous avons travaill\u00e9 chez Terre des hommes. Mon job \u00e9tais plut\u00f4t orient\u00e9 plannings, d\u00e9lais, objectifs. J’avais coutume de dire que j’\u00e9crivais des mails et remplissait des fichiers emails!<\/p>\n

<\/p>\n

R\u00e9apprendre<\/h2>\n

La premi\u00e8re chose que j’avais envie d’apprendre \u00e9tait GIT. J’ai jamais rien compris comment \u00e7a fonctionnait vraiment. Je voyais bien que pleins de devs parlaient de ce truc mais sans trop savoir comment \u00e7a marchait. En cherchant je suis arriv\u00e9 sur le site Code School<\/a>, du e-learning pour les codeurs. Des vid\u00e9os, des tests de code en direct, de l’humour geek: nice quoi, mais 25$ par mois quand m\u00eame. En passant si quelqu’un veut m’expliquer comment int\u00e9grer GIT dans un d\u00e9veloppement de WordPress: il est bienvenu. Je n’ai toujours pas 100% capt\u00e9.<\/p>\n

Chez eux, j’ai d\u00e9marr\u00e9 aussi les cours HTML5\/CC3 et jQuery. Juste pour avoir une base des changements. Faut pas d\u00e9conner, je sais quand m\u00eame plus ou moins coder du CSS hein!<\/p>\n

Je passe pas mal de temps sur Smashing Mag<\/a>, CSS tricks<\/a> . J’ach\u00e8te des magazines et des livres de web designers. Hier, j’ai command\u00e9 \u00ab\u00a0Design d’exp\u00e9rience utilisateur : Principes et m\u00e9thodes UX<\/a>\u00a0\u00bb et \u00ab\u00a0Responsive Web design, N\u00b04<\/a>\u00a0\u00bb et un bouquin sur le SCRUM (mais \u00e7a c’est une autre histoire). Je vous dirais ce que valent ces livres une fois lu.<\/p>\n

J’ai d\u00e9couvert \u00ab\u00a0Sublime Text 2<\/a>\u00a0\u00bb pour l’\u00e9dition du code, avec le plugin STFP (pour l’upload direct) et le plugin pour la validation du code. Plein de petites choses qui aident vraiment au d\u00e9veloppement.<\/p>\n

Aussi j’ai d\u00e9couvert les grilles css (960.gs) et le framework Bootstrap (merci @reuno<\/a>)<\/p>\n

Apr\u00e8s il y les choses moins dr\u00f4les comme les \u00e9crans Retinas, la balise Viewport, etc. Mais voil\u00e0, il faut faire avec.<\/p>\n

Apprendre, r\u00e9apprendre, toujours. Mais c’est \u00e7a qu’est beau. D’ailleurs j’apprends aussi une nouvelle langue<\/a>.<\/p>\n

Et il reste beaucoup de chose que je veux int\u00e9grer: SaSS, fondamentaux du UX, anatomie d’une licorne, le dev sur iOS. Pas de quoi s’emb\u00eater, surtout que maintenant c’est l’\u00e9t\u00e9 et qu’on a plus envie de boire des bi\u00e8res que de taper du code non?<\/p>\n

J’esp\u00e8re bient\u00f4t pouvoir vous pr\u00e9senter ce nouveau site. C’est pour bient\u00f4t, mais j’ai encore beaucoup de chose \u00e0 apprendre avant.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"

Depuis que j’ai d\u00e9cid\u00e9 de changer d’horizon professionnel (et d’aller au Pays-bas), j’ai l’impression de red\u00e9couvrir le web. Principalement du fait qu’il faut que j’actualise mon site internet (premi\u00e8rement).<\/p>\n","protected":false},"author":4,"featured_media":3952,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[592],"tags":[],"class_list":["post-3946","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-non-classifiee"],"acf":[],"yoast_head":"\nR\u00e9apprendre le web - mon exp\u00e9rience- Yann Graf - Digital Projects<\/title>\n<meta name=\"description\" content=\"Depuis que j'ai d\u00e9cid\u00e9 de changer d'horizon professionnel. Mais du coup il va falloir r\u00e9apprendre le web avant et c'est bien ainsi.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.yanngraf.com\/fr\/blog\/reapprendre-le-web\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"R\u00e9apprendre le web - mon exp\u00e9rience- Yann Graf - Digital Projects\" \/>\n<meta property=\"og:description\" content=\"Depuis que j'ai d\u00e9cid\u00e9 de changer d'horizon professionnel. Mais du coup il va falloir r\u00e9apprendre le web avant et c'est bien ainsi.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.yanngraf.com\/fr\/blog\/reapprendre-le-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Yann Graf\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/yanngrafcom\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/yanngraf\" \/>\n<meta property=\"article:published_time\" content=\"2013-07-19T06:30:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-07-14T15:17:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.yanngraf.com\/wp-content\/uploads\/2013\/07\/girls-coder-school-hackers.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2007\" \/>\n\t<meta property=\"og:image:height\" content=\"1477\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Yann Graf\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@http:\/\/www.twitter.com\/yanngraf\" \/>\n<meta name=\"twitter:site\" content=\"@yanngraf\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Yann Graf\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.yanngraf.com\\\/fr\\\/blog\\\/reapprendre-le-web\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.yanngraf.com\\\/fr\\\/blog\\\/reapprendre-le-web\\\/\"},\"author\":{\"name\":\"Yann Graf\",\"@id\":\"https:\\\/\\\/www.yanngraf.com\\\/fr\\\/#\\\/schema\\\/person\\\/cb6cc65295b564034642b1d8e38e0fd3\"},\"headline\":\"R\u00e9apprendre le web – mon exp\u00e9rience\",\"datePublished\":\"2013-07-19T06:30:34+00:00\",\"dateModified\":\"2017-07-14T15:17:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.yanngraf.com\\\/fr\\\/blog\\\/reapprendre-le-web\\\/\"},\"wordCount\":536,\"image\":{\"@id\":\"https:\\\/\\\/www.yanngraf.com\\\/fr\\\/blog\\\/reapprendre-le-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.yanngraf.com\\\/wp-content\\\/uploads\\\/2013\\\/07\\\/girls-coder-school-hackers.jpg\",\"articleSection\":[\"Non classifi\u00e9(e)\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.yanngraf.com\\\/fr\\\/blog\\\/reapprendre-le-web\\\/\",\"url\":\"https:\\\/\\\/www.yanngraf.com\\\/fr\\\/blog\\\/reapprendre-le-web\\\/\",\"name\":\"R\u00e9apprendre le web - mon exp\u00e9rience- Yann Graf - Digital Projects\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.yanngraf.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.yanngraf.com\\\/fr\\\/blog\\\/reapprendre-le-web\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.yanngraf.com\\\/fr\\\/blog\\\/reapprendre-le-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.yanngraf.com\\\/wp-content\\\/uploads\\\/2013\\\/07\\\/girls-coder-school-hackers.jpg\",\"datePublished\":\"2013-07-19T06:30:34+00:00\",\"dateModified\":\"2017-07-14T15:17:18+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.yanngraf.com\\\/fr\\\/#\\\/schema\\\/person\\\/cb6cc65295b564034642b1d8e38e0fd3\"},\"description\":\"Depuis que j'ai d\u00e9cid\u00e9 de changer d'horizon professionnel. Mais du coup il va falloir r\u00e9apprendre le web avant et c'est bien ainsi.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.yanngraf.com\\\/fr\\\/blog\\\/reapprendre-le-web\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.yanngraf.com\\\/fr\\\/blog\\\/reapprendre-le-web\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.yanngraf.com\\\/fr\\\/blog\\\/reapprendre-le-web\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.yanngraf.com\\\/wp-content\\\/uploads\\\/2013\\\/07\\\/girls-coder-school-hackers.jpg\",\"contentUrl\":\"https:\\\/\\\/www.yanngraf.com\\\/wp-content\\\/uploads\\\/2013\\\/07\\\/girls-coder-school-hackers.jpg\",\"width\":2007,\"height\":1477,\"caption\":\"CC BY-NC-SA 2.0 - Flickr user suziea\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.yanngraf.com\\\/fr\\\/blog\\\/reapprendre-le-web\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.yanngraf.com\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"R\u00e9apprendre le web – mon exp\u00e9rience\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.yanngraf.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/www.yanngraf.com\\\/fr\\\/\",\"name\":\"Yann Graf\",\"description\":\"I'm a Digital Project Manager from Switzerland\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.yanngraf.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.yanngraf.com\\\/fr\\\/#\\\/schema\\\/person\\\/cb6cc65295b564034642b1d8e38e0fd3\",\"name\":\"Yann Graf\",\"description\":\"I am an experienced Digital Strategy Consultant based in Switzerland. After over seven year respectfully crafting and improving the digital presence of Terre des hommes, Nautilus and G-Star Raw, I am now a freelancer. Please have a look at my Portfolio\",\"sameAs\":[\"http:\\\/\\\/www.yanngraf.com\",\"https:\\\/\\\/www.facebook.com\\\/yanngraf\",\"https:\\\/\\\/x.com\\\/http:\\\/\\\/www.twitter.com\\\/yanngraf\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"R\u00e9apprendre le web - mon exp\u00e9rience- Yann Graf - Digital Projects","description":"Depuis que j'ai d\u00e9cid\u00e9 de changer d'horizon professionnel. Mais du coup il va falloir r\u00e9apprendre le web avant et c'est bien ainsi.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.yanngraf.com\/fr\/blog\/reapprendre-le-web\/","og_locale":"fr_FR","og_type":"article","og_title":"R\u00e9apprendre le web - mon exp\u00e9rience- Yann Graf - Digital Projects","og_description":"Depuis que j'ai d\u00e9cid\u00e9 de changer d'horizon professionnel. Mais du coup il va falloir r\u00e9apprendre le web avant et c'est bien ainsi.","og_url":"https:\/\/www.yanngraf.com\/fr\/blog\/reapprendre-le-web\/","og_site_name":"Yann Graf","article_publisher":"https:\/\/www.facebook.com\/yanngrafcom\/","article_author":"https:\/\/www.facebook.com\/yanngraf","article_published_time":"2013-07-19T06:30:34+00:00","article_modified_time":"2017-07-14T15:17:18+00:00","og_image":[{"width":2007,"height":1477,"url":"https:\/\/www.yanngraf.com\/wp-content\/uploads\/2013\/07\/girls-coder-school-hackers.jpg","type":"image\/jpeg"}],"author":"Yann Graf","twitter_card":"summary_large_image","twitter_creator":"@http:\/\/www.twitter.com\/yanngraf","twitter_site":"@yanngraf","twitter_misc":{"\u00c9crit par":"Yann Graf","Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.yanngraf.com\/fr\/blog\/reapprendre-le-web\/#article","isPartOf":{"@id":"https:\/\/www.yanngraf.com\/fr\/blog\/reapprendre-le-web\/"},"author":{"name":"Yann Graf","@id":"https:\/\/www.yanngraf.com\/fr\/#\/schema\/person\/cb6cc65295b564034642b1d8e38e0fd3"},"headline":"R\u00e9apprendre le web – mon exp\u00e9rience","datePublished":"2013-07-19T06:30:34+00:00","dateModified":"2017-07-14T15:17:18+00:00","mainEntityOfPage":{"@id":"https:\/\/www.yanngraf.com\/fr\/blog\/reapprendre-le-web\/"},"wordCount":536,"image":{"@id":"https:\/\/www.yanngraf.com\/fr\/blog\/reapprendre-le-web\/#primaryimage"},"thumbnailUrl":"https:\/\/www.yanngraf.com\/wp-content\/uploads\/2013\/07\/girls-coder-school-hackers.jpg","articleSection":["Non classifi\u00e9(e)"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/www.yanngraf.com\/fr\/blog\/reapprendre-le-web\/","url":"https:\/\/www.yanngraf.com\/fr\/blog\/reapprendre-le-web\/","name":"R\u00e9apprendre le web - mon exp\u00e9rience- Yann Graf - Digital Projects","isPartOf":{"@id":"https:\/\/www.yanngraf.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.yanngraf.com\/fr\/blog\/reapprendre-le-web\/#primaryimage"},"image":{"@id":"https:\/\/www.yanngraf.com\/fr\/blog\/reapprendre-le-web\/#primaryimage"},"thumbnailUrl":"https:\/\/www.yanngraf.com\/wp-content\/uploads\/2013\/07\/girls-coder-school-hackers.jpg","datePublished":"2013-07-19T06:30:34+00:00","dateModified":"2017-07-14T15:17:18+00:00","author":{"@id":"https:\/\/www.yanngraf.com\/fr\/#\/schema\/person\/cb6cc65295b564034642b1d8e38e0fd3"},"description":"Depuis que j'ai d\u00e9cid\u00e9 de changer d'horizon professionnel. Mais du coup il va falloir r\u00e9apprendre le web avant et c'est bien ainsi.","breadcrumb":{"@id":"https:\/\/www.yanngraf.com\/fr\/blog\/reapprendre-le-web\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.yanngraf.com\/fr\/blog\/reapprendre-le-web\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.yanngraf.com\/fr\/blog\/reapprendre-le-web\/#primaryimage","url":"https:\/\/www.yanngraf.com\/wp-content\/uploads\/2013\/07\/girls-coder-school-hackers.jpg","contentUrl":"https:\/\/www.yanngraf.com\/wp-content\/uploads\/2013\/07\/girls-coder-school-hackers.jpg","width":2007,"height":1477,"caption":"CC BY-NC-SA 2.0 - Flickr user suziea"},{"@type":"BreadcrumbList","@id":"https:\/\/www.yanngraf.com\/fr\/blog\/reapprendre-le-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.yanngraf.com\/fr\/"},{"@type":"ListItem","position":2,"name":"R\u00e9apprendre le web – mon exp\u00e9rience"}]},{"@type":"WebSite","@id":"https:\/\/www.yanngraf.com\/fr\/#website","url":"https:\/\/www.yanngraf.com\/fr\/","name":"Yann Graf","description":"I'm a Digital Project Manager from Switzerland","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.yanngraf.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/www.yanngraf.com\/fr\/#\/schema\/person\/cb6cc65295b564034642b1d8e38e0fd3","name":"Yann Graf","description":"I am an experienced Digital Strategy Consultant based in Switzerland. After over seven year respectfully crafting and improving the digital presence of Terre des hommes, Nautilus and G-Star Raw, I am now a freelancer. Please have a look at my Portfolio","sameAs":["http:\/\/www.yanngraf.com","https:\/\/www.facebook.com\/yanngraf","https:\/\/x.com\/http:\/\/www.twitter.com\/yanngraf"]}]}},"_links":{"self":[{"href":"https:\/\/www.yanngraf.com\/fr\/wp-json\/wp\/v2\/posts\/3946","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yanngraf.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yanngraf.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yanngraf.com\/fr\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yanngraf.com\/fr\/wp-json\/wp\/v2\/comments?post=3946"}],"version-history":[{"count":0,"href":"https:\/\/www.yanngraf.com\/fr\/wp-json\/wp\/v2\/posts\/3946\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.yanngraf.com\/fr\/wp-json\/wp\/v2\/media\/3952"}],"wp:attachment":[{"href":"https:\/\/www.yanngraf.com\/fr\/wp-json\/wp\/v2\/media?parent=3946"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yanngraf.com\/fr\/wp-json\/wp\/v2\/categories?post=3946"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yanngraf.com\/fr\/wp-json\/wp\/v2\/tags?post=3946"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}