Comment je suis passé de graphiste à développeur front-end en 5 mois

2017 a été une année cahoteuse mais excitante pour moi. J'ai quitté mon travail de graphiste en mars et suis entré dans le labyrinthe du monde du codage. Cinq mois plus tard, j'ai enfin trouvé un emploi de développeur front-end chez Tenten.co.

Ayant été développeur front-end à plein temps pendant six mois, j'aimerais partager mon histoire sur pourquoi et comment j'ai fait pivoter mon chemin de vie. C'est pour ceux qui pourraient être aussi impuissants mais ambitieux que moi.

Pour être clair, cet article n'est pas rédigé du point de vue d'un développeur ou d'un concepteur chevronné capable d'illustrer une feuille de route claire à suivre. Ce n'est pas non plus un cours intensif pour apprendre le développement front-end. Il existe de nombreux tutoriels sur ce sujet, et j'en énumérerai quelques-uns plus tard dans l'article.

Souvenez-vous que le chemin parfait (universel) pour tous les individus n'existe pas.

Mon parcours

J'étais un graphiste de 24 ans sans aucune expérience en matière de codage. À l'école, mes résultats aux examens de mathématiques, de physique, de chimie et de sciences étaient terriblement bas. Ces sujets m'ont fait peur avec des formules, des nombres et des erreurs ennuyeux et complexes. Les choses qui m'intéressaient à l'époque étaient toujours la beauté créée par la peinture, la musique ou les mots. Naturellement, j'ai choisi l'anglais comme spécialité et j'ai été fasciné par la littérature, la culture, la photographie et le design à l'université.

Comment j'ai appris à concevoir par moi-même à l'université et est finalement devenu graphiste après l'obtention de mon diplôme, c'est l'histoire d'un autre jour. Le fait est que, tout au long de ma vie jusqu'à l'année dernière, j'avais rêvé d'être écrivain, photographe, critique de cinéma, chanteur et designer, mais je n'ai jamais pensé être développeur en aucune circonstance.

Pourquoi j'ai voulu coder

Pour moi, la conception graphique sert à résoudre un problème avec des formes visuelles attrayantes soutenues par des systèmes ou des structures invisibles.

Alors que le monde est confronté à tant de problèmes critiques, je pense que le design thinking pour résoudre les problèmes peut et doit aider à résoudre certains de ces problèmes. Bien sûr, je n'essayais de mettre en page quelque chose de beau que la première fois que j'ai ouvert Photoshop. Pourtant, plus j'en apprenais sur le design, plus j'avais envie de m'engager dans des problèmes critiques avec le design graphique.

Mais, après de nombreux efforts pour réaliser mon ambition, j'ai été profondément déçu de l'impact que le graphisme pouvait avoir à Taiwan (ou peut-être dans le monde entier?).

Il ne fait aucun doute que je suis toujours conscient de la puissance et de l'importance d'un bon design. Mais la plupart du temps, les concepteurs ne sont autorisés qu'à traiter le «problème du client», au lieu de s'attaquer aux «vrais problèmes du client». Les concepteurs passent la plupart du temps à deviner les souhaits de leurs clients sans données et analyses approfondies, mais seulement intuition, expérience ou bon sens.

J'étais fatigué de ce jeu deux ans après ma carrière de graphiste.

C'est à ce moment-là que j'ai décidé de me pencher sérieusement sur le sujet de développement frontal toujours en vogue sur Medium.

J'ai trouvé qu'être un développeur avec des compétences en conception vous permettait d'avoir beaucoup plus de contrôle et d'autorité sur chaque cas et client. En outre, travailler sur le développement Web ou des applications vous permet de propager efficacement les informations.

J'ai quitté mon poste de graphiste fin février. Sans plan élaboré et avec des économies limitées en banque, j'ai commencé mon parcours de transformation en développeur front-end.

Que faire

Faire le premier pas est toujours difficile. Mais si vous reconnaissez la raison qui vous propulse, les choses deviennent plus simples. Par exemple, si votre objectif de devenir développeur est d'être mieux payé dès que possible, vous devriez apprendre les choses à la mode sur le marché.

Dans mon cas, parce que j'ai réalisé que mon objectif actuel était de gagner le pouvoir de combiner le design et les compétences en développement, je me suis concentré sur la mise en valeur des deux capacités.

Alors, je me suis fixé un objectif et j'ai dressé une liste des tâches requises avec ma compréhension superficielle du développement front-end:

1. Objectif

Obtenez un emploi de développeur front-end

2. Comment atteindre l'objectif

Construisez mon site de portfolio pour mettre en valeur mes capacités

3. Tâches à faire

  • Apprendre HTML, CSS, jQuery / JavaScript
  • Site de portfolio de conception
  • Préparation des travaux de portfolio

Au début, je ne me suis attribué que ces tâches. Mais au fur et à mesure que je lis plus d'articles, de tutoriels ou d'exigences professionnelles, je mets ces compétences sur la liste en cours de route:

  • Toupet
  • Gorgée
  • CS50
  • Unix de base
  • Wordpress de base
  • Jekyll
  • Connaissances de base AWS
  • Connaissances de base en réseau

Remarque: pour être sûr, l'explosion des informations sur le Web m'a bombardé de plus de choses à apprendre. Au cours des cinq mois, j'avais mis une fois Node.js, React.js, PHP et plus sur la liste. Les tâches ci-dessus sont celles que j'ai réellement effectuées à la fin.

Pour suivre le plan, je me suis fixé un objectif de travail de 48h / semaine. Cela signifiait que je devais travailler huit heures par jour avec un seul jour de congé par semaine. Toggl m'a aidé à suivre mes performances.

Aussi, j'ai pris un objectif à long terme -> objectif mensuel -> agenda hebdomadaire -> méthode d'agenda quotidien pour faire mon programme d'apprentissage , et Asana était mon meilleur assistant pour gérer ces tâches.

Où apprendre

J'ai essayé d'apprendre de nombreuses plateformes, tutoriels ou articles en cours de route. Voici la liste des ressources et mes pensées à chacune d'elles:

Plateformes d'apprentissage

À l'époque, je détestais les tutoriels qui me montraient des lignes de codes avec lesquelles je ne savais pas quoi faire. Certains ont supposé que j'en savais tout, ou ils m'ont dit de l'ignorer pour l'instant. S'il vous plaît, je n'ai vraiment pas compris même une ligne du code à l'écran, parce que j'étais un DÉBUTANT TOTAL .

Ce genre de conférences m'a fait mal et m'a fait mépriser moi-même. En général, il n'y a pas de plateforme parfaite pour tout apprendre. J'ai essayé d'être aussi flexible que possible, sautant entre chacun d'eux.

  • Codecademy-Beaucoup de gens l'ont recommandé, mais j'étais assez frustré par ses tutoriels à l'époque. Je suis toujours resté dans la pratique sans aucun indice.
  • CodeÉcole-J'ai passé beaucoup de temps ici, car les professeurs expliquent clairement pourquoi. Conseillé.
  • Cabane dans les arbres -Celui avec le plus de publicités sur Youtube! Treehouse a fait un excellent travail en marketing, ce qui fonctionne (du moins pour moi en tant que débutant perdu à l'époque). Il couvre tellement de sujets, dont certains m'ont vraiment été utiles. Par exemple, il est difficile de trouver un didacticiel décent de Wordpress pour les étudiants en développement front-end, mais Treehouse en a un.
  • freeCodeCamp - Un immense amour pour freeCodeCamp! Cette communauté a un chemin clair à suivre pour les débutants, et elle sait quand retirer les roues d'entraînement des étudiants. Une fois, j'étais inquiet de ce qu'il fallait faire après avoir appris le HTML, le CSS et le JavaScript de base, mais freeCodeCamp a placé de petits projets aux bons endroits dans la piste d'apprentissage. La communauté partage également d'excellents articles sur Medium et par e-mail. Hautement recommandé!

Chaîne Youtube

C'est le meilleur endroit pour apprendre gratuitement ou pour le plaisir. Les vidéos Youtube ne sont pas seulement idéales pour apprendre à fond certains sujets à partir de listes de lecture, mais sont également pratiques pour avoir un avant-goût de certaines connaissances intéressantes.

  • The Coding Train - Animé par Daniel Shiffman, professeur ITP de NYU, qui est le professeur le plus vigoureux que j'ai jamais vu, la chaîne propose des vidéos faciles à suivre.
  • thenewboston— Couvre presque tous les sujets auxquels je peux penser. L'hôte, Bucky, a le pouvoir de rendre les choses intimidantes faciles.
  • Academind - Fournit également toutes sortes de tutoriels. Facile à suivre. Conseillé.
  • Fun Fun Function - L'hôte Mattias Petter Johansson est un développeur qui avait déjà travaillé chez Spotify et Blackberry. Sa chaîne est un endroit agréable pour apprendre le JavaScript de manière simple.
  • Académie Linux- J'ai appris quelques connaissances de base sur AWS ici. Aimé!
  • Computerphile - Les vidéos ici sont toutes sur des trucs informatiques. Intéressant à savoir, mais je ne comprendrai probablement jamais vraiment de quoi ils parlent.
  • Eli the Computer Guy - J'ai appris ici des connaissances sur les réseaux ou les serveurs.
  • mycodeschool - Mon meilleur ami pendant que je prenais CS50. Cela explique clairement les choses en informatique. J'ai adoré.

Articles à lire

Les lectures sont un support parfait pour les sujets de chemin de vie ou d'inspiration pour moi. J'ai été pompé par de bons articles quand j'étais frustré tant de fois au cours des cinq mois. Voici quelques-uns de mes meilleurs guides de vie:

  • Pourquoi apprendre à coder est si difficile
  • J'ai appris à coder, à créer une application Web et à la lancer sur Product Hun en 2 mois
  • Pourquoi j'ai étudié à temps plein pendant 8 mois pour un entretien avec Google
  • Comment passer de l'amateur au développeur professionnel
  • Apprenez à coder en 2017, soyez embauché et amusez-vous en cours de route
  • Le guide ultime pour apprendre le développement Web Full Stack en 6 mois, pour 30 $

Autres ressources utiles

  • JavaScript: Comprendre les parties étranges - Excellent cours Udemy qui clarifie tant de parties déroutantes de JavaScript pour moi. Hautement recommandé.
  • CS50 à Harvard - Je savais que la connaissance de l'informatique n'était pas une connaissance indispensable pour postuler à un emploi de développeur front-end junior, mais je n'ai pas pu résister à la tentation de suivre ce cours car il avait l'air si intéressant! Rétrospectivement, cela valait mon temps précieux.
  • NYMY - Épisode 1 - Niveaux Pieter- NYMY est une émission de podcast animée par le talentueux designer Tobias van Schneider. Il a interviewé le créateur de NomadList Pieter Levels dans cet épisode. J'ai écouté l'histoire de Pieter plusieurs fois quand j'étais à terre. Ce spectacle d'une heure m'a fait découvrir les possibilités infinies d'être un codeur / concepteur.

Comment obtenir un emploi

Après environ 4 mois de codage et de conception non-stop, je connaissais enfin un peu le front-end. J'avais également réalisé près de 80% de mon site portfolio. Dans le même temps, mes économies restantes n'étaient suffisantes que pour que je vive encore quelques mois.

Il était temps de chercher un nouvel emploi.

Malheureusement, je n'avais pratiquement aucun choix. Peu d'entreprises voulaient un homme sans expérience / expérience de développement relative, et encore moins appréciaient la valeur de mes capacités de conception graphique. C'était aussi triste d'avoir moins de cinq opportunités d'emploi qui me convenaient peut-être. Du côté positif, la situation m'a obligé à me concentrer sur ces précieuses chances.

J'observais l'agence de design Tenten depuis au moins trois ans. C'est la seule et unique agence capable d'exploiter à la fois le design, le développement numérique et l'innovation à Taiwan. Je les ai sur ma liste «s'il vous plaît, engagez-moi» depuis longtemps, et je croyais que Tenten était la seule entreprise ici qui serait également vendue sur mes compétences multidisciplinaires.

Au cours des deux derniers mois de mon voyage, j'ai appris autant que possible sur le poste de développeur front-end junior de Tenten. En attendant, j'ai terminé mon site personnel. Quand le moment était venu, j'ai postulé pour le poste. En tant que plans de sauvegarde, j'ai également envoyé mon CV et mon portefeuille à cinq autres entreprises. Et j'ai attendu.

Et enfin…

En rétrospective

Avec le recul, je ne dirais toujours pas que me transformer de designer en développeur était facile, mais ce n'était pas aussi difficile que je le pensais non plus. La partie la plus difficile du processus n'a jamais été de comprendre ou d'écrire le code, mais d'avoir la puissante motivation qui vous fait avancer.

Félicitations si vous avez trouvé cette motivation. Si vous ne l'avez pas fait, essayez plus avant d'arrêter. Si vous n'essayez jamais, vous ne saurez jamais.

La leçon la plus importante que j'ai apprise en cours de route a été de commencer à faire quelque chose dès que possible. Je sais que c'est terrifiant de faire le premier pas pour construire quelque chose, mais c'est la seule façon d'apprendre vraiment quelque chose. N'oubliez pas que vous n'avez rien à perdre de toute façon.

Les jours et les difficultés après être officiellement devenu développeur sont une autre histoire.

Je suis tellement heureux d'avoir été développeur front-end chez Tenten depuis 6 mois maintenant. Le voyage d'apprentissage ne se termine jamais!

中文 版 連結 (Chinese Version) / Lire la suite de mon travail sur vinceshao.com