Gestion de produits : outils et astuces pour optimiser votre flux de travail en tant que développeur | Christian Heilmann | Skillshare
Recherche

Vitesse de lecture


1.0x


  • 0.5x
  • 0.75x
  • 1 x (normale)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Gestion de produits : outils et astuces pour optimiser votre flux de travail en tant que développeur

teacher avatar Christian Heilmann, Principal Program Manager at Microsoft

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Leçons de ce cours

    • 1.

      Introduction

      3:24

    • 2.

      Éviter les erreurs pendant que vous développez

      4:00

    • 3.

      Configurer votre environnement optimal

      2:49

    • 4.

      Contrôle de version avant tout

      4:22

    • 5.

      Utiliser la collaboration en ligne

      4:56

    • 6.

      Aide les autres à comprendre votre travail

      1:36

    • 7.

      Réflexions finales

      0:47

  • --
  • Niveau débutant
  • Niveau intermédiaire
  • Niveau avancé
  • Tous niveaux

Généré par la communauté

Le niveau est déterminé par l'opinion majoritaire des apprenants qui ont évalué ce cours. La recommandation de l'enseignant est affichée jusqu'à ce qu'au moins 5 réponses d'apprenants soient collectées.

868

apprenants

1

projets

À propos de ce cours

Optimisez votre flux de travail et la collaboration de votre équipe aux côté du responsable programmes principal de Microsoft, Christian Heilmann !

En tant que développeur, il peut être facile de penser que ce que vous codez est ce qui définit votre carrière. Or, l'une des compétences essentielles que les bons développeurs possèdent est la capacité à communiquer leur code aux autres en vue d'une collaboration rationalisée. Rejoignez Christian dans son cours où ils partage ses meilleurs outils et conseils sur la manière de rendre votre code plus facile à comprendre et à enrichir, peu importe où vous en êtes.

Avec Christian, vous apprendrez à :

  • Évitez les erreurs et rationaliser votre processus à l'aide d'outils en ligne comme webhint et Visual Studio Code
  • Améliorer votre environnement de travail pour assurer la collaboration au sein d'une équipe distribuée
  • Adopter une mentalité axée sur le contrôle de version avant tout
  • Optimiser votre collaboration avec des pages GitHub et CodePen
  • Mieux documenter votre travail à l'aide de l'enregistrement d'écran

Que vous souhaitiez découvrir de nouveaux outils pour rationaliser votre flux de travail ou mieux communiquer votre code aux autres, ce cours fera de vous un développeur avec qui n'importe quelle équipe pourra facilement collaborer.

____

Le cours de Christian s'adresse aux développeurs de produits de tous niveaux, mais tous les autres apprenants sont les bienvenus.

Rencontrez votre enseignant·e

Teacher Profile Image

Christian Heilmann

Principal Program Manager at Microsoft

Enseignant·e

Chris Heilmann dedicated the last 20 years of his life to make the web work and thrive. As a lead developer on some of the largest web products he learned that knowledge is not enough without teamwork and good handover. He is the author of several JavaScript books and the Developer Advocacy handbook. He is currently a Principal Program Manager in Microsoft and spends a lot of time pondering how machine learning and AI can aid humans and replace jobs we're too important to do.

Voir le profil complet

Compétences associées

Développement Développement Web
Level: All Levels

Notes attribuées au cours

Les attentes sont-elles satisfaites ?
    Dépassées !
  • 0%
  • Oui
  • 0%
  • En partie
  • 0%
  • Pas vraiment
  • 0%

Pourquoi s'inscrire à Skillshare ?

Suivez des cours Skillshare Original primés

Chaque cours comprend de courtes leçons et des travaux pratiques

Votre abonnement soutient les enseignants Skillshare

Apprenez, où que vous soyez

Suivez des cours où que vous soyez avec l'application Skillshare. Suivez-les en streaming ou téléchargez-les pour les regarder dans l'avion, dans le métro ou tout autre endroit où vous aimez apprendre.

Transcription

1. Introduction: Notre monde a changé. Nous travaillons différemment en ce moment et beaucoup d'ingénieurs ont mal à faire entendre leurs informations et à les documenter. Bonjour là. Je suis Chris Heilmann. Je suis directeur de programme principal, mais j'étais développeur depuis plus de 20 ans. J' ai travaillé depuis 10 ans chez moi avec des équipes réparties dans le monde entier. Aujourd'hui, dans ce cours, je veux vous expliquer comment optimiser votre flux de travail en tant que développeur pour être compris et travailler facilement avec des personnes qui ne sont pas dans le même bâtiment que vous. En tant que chef de produit, mon travail principal est de m'assurer que le produit réussit. Cela signifie que je dois réfléchir à la façon dont il grandit, comment il fonctionne réellement et comment il peut être livré dans un certain laps de temps. Cela signifie que je dois demander à mes ingénieurs d'optimiser leur flux de travail et de me donner les informations dont j'ai besoin sans avoir à être quelqu'un qui travaille sur le code tout le temps. Dans ce cours, je vais parler de quelques choses. abord, je vais parler de la façon de configurer votre machine pour m'assurer que vous ne faites pas d'erreurs qui sont évitables. Deuxièmement, je vais vous parler de la façon de changer votre configuration pour le nouveau monde dans lequel nous vivons en ce moment. Parce que la plupart du temps, nous ne sommes pas seulement en train de développer, nous sommes également en réunions, et la plupart d'entre eux sont des vidéoconférences, donc c'est quelque chose que nous devrions considérer, comment réellement nous rendre plus efficace de cette façon. Nous allons également parler de contrôle des versions, assurant que tout ce que vous faites sera réellement conservé quelque part, et que vous ne pouvez pas faire d'erreurs et que vous ne pouvez pas perdre des choses là-bas. Je vais parler de la collaboration en ligne, comment vous pouvez réellement construire des choses avec lesquelles d'autres personnes peuvent collaborer et qu'elles peuvent travailler dessus pendant que vous êtes au lit ou que vous n'êtes pas disponible pour le moment. Nous allons parler d'aider les autres à documenter et à promouvoir votre travail. Comment vous pouvez réellement faire en sorte que les gens aient accès à ce que vous faites, afin qu'ils puissent démarrer la documentation et aussi en parler à d'autres personnes sans avoir à faire partie du processus tout le temps. L' une des compétences que j'espère que vous pourrez retirer de cela est la communication. Parce que j'ai trouvé dans ma carrière que peu importe à quel point vous êtes un développeur, tôt ou tard, il se résume aux compétences techniques pour s'assurer que les gens comprennent ce que vous faites, afin que les gens puissent vous donner les informations dont vous avez besoin et les opportunités dont vous avez besoin pour réussir dans votre carrière. L' une des choses que j'ai le plus appris en tant que développeur est que mon code n'est pas la chose la plus importante, mais comment je l'apporte aux gens, combien d'informations je donne autour de mon code, et comment je permets à d'autres personnes de faire leur travail basé sur mes informations est beaucoup plus important que le code lui-même. C' est quelque chose qui a été difficile à avaler pour moi en tant que développeur parce que j'adore le codage, mais en même temps, ça a fait ma carrière. Espérons que ce sera une compétence qui vous aidera mieux aussi. Je suis heureux que vous preniez ce cours parce que je veux que la prochaine génération et la nouvelle génération de développeurs commencent à embrasser le nouveau monde dans lequel nous vivons également. Ce n'est pas que nous soyons assis dans un bureau à côté d'un développeur senior et apprenons tout d'eux. Nous sommes tous répartis et nous travaillons tous dans des endroits différents, et c'est une liberté pour laquelle nous nous sommes battus et nous devrions embrasser. C' est une excellente occasion pour vous d'être quelqu'un avec qui est facile à travailler, bien qu'ils ne soient pas physiquement présents, et c'est quelque chose que vous pouvez apprendre dans ce cours. Dans cette classe, nous n'avons pas un exemple dans la galerie de projets juste pour copier et apprendre. C' est quelque chose qui devrait vous inspirer à faire la même chose à votre code. Vous allez en apprendre davantage sur différentes choses que vous pouvez faire pour rendre votre code plus facile à contribuer et plus facile à comprendre pour tout le monde là-bas. Alors jetez-y un coup d'oeil, ce que j'ai fait, en désaccord avec elle ou comme ça, et venez au forum de discussion pour parler de ce que vous avez appris de cette classe et des autres choses que vous avez trouvées que nous avons ratées. 2. Éviter les erreurs pendant que vous développez: Dans cette leçon, je veux que vous repensez ce que vous faites en tant que développeur, si vous êtes réellement besoin d'être la personne à tout savoir ou si vous pouvez réellement être la personne à tout savoir, ou s'il est logique d'embrasser réellement l'outillage moderne pour vous retirez une partie des connaissances parce que vous n'en avez pas besoin à ce moment, mais vous n'en avez besoin que lorsque c'est nécessaire. Je vais parler du sujet avec lequel je suis plus à l'aise ici en ce moment et qui est le développement web en règle générale. Je fais ça depuis un bon moment, et je pensais être un expert total en la matière. C' est pourquoi je revenais toujours à l'environnement de développement dans lequel je me sentais à l'aise. J' ai toujours pensé que je n'avais besoin que d'un éditeur de texte, je n'ai pas besoin de choses fantaisies, je peux aller sur n'importe quel site Web pour chercher des informations, et puis j'ai réalisé que je perds beaucoup de temps à faire ça. Je perds beaucoup de temps à accumuler des connaissances dans mon cerveau que je n'ai pas besoin d'avoir parce qu'un bon éditeur pourrait le faire pour moi, et je vais vous montrer maintenant comment utiliser Visual Studio Code, et un plug-in que vous aide à faire ces choses en une seule fois plutôt que d'avoir à connaître les connaissances, ou d'être la personne qui sait où regarder sur le web quand vous faites quelque chose de mal. Maintenant, c'est mon éditeur ici configuré dans Visual Studio Code. Visual Studio Code est un éditeur open source. C' est probablement le plus utilisé en ce moment. C' est le plus grand projet GitHub et très probablement vous l'utilisez aussi. Ce que vous n'utilisez peut-être pas encore, c'est un plugin appelé webhint. Webhint est un projet open source qui vous permet de valider vos projets web en fonction de différents problèmes. Comme, cela pourrait être la performance, pourrait être la compatibilité, pourrait être la validation et l'accessibilité. Webhint et lui-même est en fait un service aussi bien sur le web, ou c'est aussi un projet NPM. Si vous ne voulez pas utiliser la chose comme je vais vous montrer dans une seconde dans Visual Studio Code, vous pouvez également l'utiliser dans votre projet en tant que module NPM et dans le cadre de votre déploiement. Avant de mettre quelque chose dans votre noyau principal, vous pouvez réellement exécuter un webindice dessus, et de cette façon faire la même validation que je vais vous montrer en direct sur le projet avant de l'envoyer à votre chers collègues, et qu'on lui dise que vous avez fait quelque chose de mal. La grande chose à propos de webhint dans Visual Studio Code est qu'il est indépendant de la langue. Il couvre toutes les choses que vous faites pour le web. Il couvre JavaScript, CSS et HTML. Dans chacun d'eux, quand quelque chose ne va pas, alors il met en fait des lignes squiggly dessus. Si je déplace ma souris dessus, ça me dit ce qui se passe ici. Dans ce cas, c'est quelque chose qui n'est pas pris en charge par Internet Explorer, Safari, et je vais maintenant prendre la décision si je peux toujours l'utiliser. Mais c'est quelque chose que je peux envoyer mon testeur quand j'envoie le projet là-bas et dire « Ce projet n'a pas besoin de fonctionner dans Internet Explorer, alors s'il vous plaît ne pas le déposer et me le rendre. » Je sais déjà que c'est un problème, même si je ne savais pas que ces navigateurs ne le supportent pas. la même façon quand je vais à l'une des autres langues, quand je vais en JavaScript par exemple, et je ne me souviens pas comment quelque chose fonctionne. Si je vais par exemple ici et dire des dons et AddeVentListener, et je ne sais même pas ce qu'il fait. Tout ce que j'ai besoin de faire est d'ouvrir une accolade et ensuite il me donne l'explication en contexte, ce que j'ai besoin de savoir. Quand j'étais super fier de savoir toutes ces choses que j'ai réalisé, j'utilise beaucoup de ma puissance cérébrale pour des choses qui sont inutiles parce qu'un bon éditeur me permettrait aujourd'hui de me donner cette information et de me donner le auto-complétion avec un seul onglet, au lieu d'avoir à le savoir. Quand il s'agit de HTML, cela me donne vraiment beaucoup de problèmes d'accessibilité. si rouler dessus m'explique ce qu'il faut faire, et si j'ouvre le panneau pour obtenir plus d'explications ou même apprendre à le réparer directement dans mon éditeur. Pourquoi embrassez-vous cette idée en ce moment ? Nous avons toute cette technologie, nous avons toute cette connaissance de dizaines et de centaines de développeurs qui sont allés dans ces extensions de linting peut-il être webhint, soit ESLint, CSSLint, JShint, toutes les choses là-bas. Si vous recherchez des extensions ou Visual Studio Code, vous trouverez beaucoup de choses qui vous empêchent de faire erreurs avant de les envoyer à d'autres personnes pour les regarder. Vous n'avez pas besoin de dire aux gens que c'était la machine qui la connaissait, vous ne saviez plus le savoir et vous pouvez utiliser votre énergie cérébrale pour de meilleures choses. 3. Configurer votre environnement optimal: Dans cette leçon, je veux juste parler un peu de votre environnement. Je veux vous parler de quelques choses sur lesquelles vous devriez réellement dépenser un peu d' argent ou essayer d'amener votre entreprise à dépenser de l'argent pour vous, pour vous faciliter la collaboration avec des gens à l'extérieur de votre maison, et que vous n'avez pas à aller au bureau pour parler les uns aux autres. Cela signifie configurer votre environnement pour utiliser, par exemple, deux écrans au lieu d'un, mais aussi vous assurer que vous pouvez réellement enregistrer choses et communiquer avec les personnes pendant que vous travaillez. J' étais une personne qui n'utilisait qu'un ordinateur portable parce que je codais tout le temps sur la route et je pensais que c'était la seule chose dont j'avais besoin. J' ai appris qu'avec le nouvel environnement où je dois être sur des appels vidéo tout le temps, et faire mon codage, et mes tests, et toutes les choses en même temps, avoir un second moniteur est un très bon investissement. L' essentiel est que je change mes cours ici. Sur celui-ci, j'ai toujours mon éditeur de codage ouvert, j'ai toujours mon Git Workflow ouvert et ce genre de choses, et il y a que je fais toutes les choses que je dois faire en même temps, comme les documenter, avoir tous mes appels. En ayant ceci ici, ayant mes appels Zoom, ayant les appels de mon équipe sur l'autre moniteur, et en ayant une caméra au-dessus, je regarde aussi les gens directement dans les yeux plutôt que d'être la personne qui sur quelque chose, [inaudible] et ils m'entendent le faire, je suis en fait partie de la réunion, je suis en même temps efficace en faisant les choses que je voulais faire. Un autre gros investissement est quelque chose que l'on appelle les écouteurs. Malgré le son étrange, mais il est vraiment important dans les réunions que vous n'êtes pas la personne qui utilise réellement le microphone, c'est dans votre ordinateur pendant que vous tapez parce qu'ils sont super distrayant et vous ne voulez pas arrêter de taper juste pour dire quelque chose. Juste obtenir un casque sans distraction pour les gens là-bas est une chose merveilleuse pour être plus efficace dans votre collaboration avec d'autres personnes. Une autre chose que je continue à faire est de configurer différents profils, fois sur le système d'exploitation et dans mon navigateur aussi bien. La raison est que lorsque je partage quelque chose avec mes collègues, je ne veux pas que tout le reste du travail que je fais pour interférer avec cela, comme une mise à jour de l'éditeur en arrière-plan quand tout ce que je fais est une présentation vidéo de ce que j'ai fait avant. Assurez-vous que vous avez réellement des configurations différentes sur votre machine qui montrent uniquement ce qui est nécessaire et les choses que vous ne voulez pas partager ou que vous ne devriez pas partager, ne doivent pas être visibles. Avoir un profil différent dans les navigateurs et avoir un profil différent dans les systèmes d'exploitation, est un très bon moyen de s'assurer que vous ne montrez aux gens que ce que vous voulez vraiment leur montrer, et n'obtenez pas distractions pour vous surprendre. Que pouvez-vous faire à ce sujet ? L' essentiel est, pensez à différents profils dans vos paramètres. Pensez à ce que vous voulez réellement partager avec les gens, et si vous pouvez obtenir un second moniteur, même un ancien fera, c'est vraiment, vraiment une bonne chose d'avoir dans ce monde où nous vivons parce que vous voulez séparer votre flux de travail en tant que développeur à partir de votre flux de travail en tant que communicateur avec le reste de votre entreprise. 4. Contrôle de version avant tout: Dans cette leçon, je veux que tu embrasses une chose qui m'a sauvé tant de fois. Ça va dans un premier état d'esprit de contrôle de version. Il est très facile de démarrer un nouveau dossier sur votre disque dur et juste commencer à coder et vous construisez quelque chose. Alors tout peut mal tourner, votre machine peut mourir, votre disque dur peut mourir, et ensuite vous avez tout perdu. De plus, nous sommes en fait désordonnés quand nous faisons ça. Vous avez probablement un de ces dossiers en tant que développeur où c'est comme la version finale. Version vraiment finale cette fois, je veux dire v1, v2, cinq fichiers zip avec tout le code dedans. contrôle de version nous aide à contourner ce problème beaucoup mieux car il ne prend que le Delta des changements et nous permet d'aller de l'avant en arrière et d'annuler les choses que nous avons mal faites et de revenir à une certaine étape. Adopter le contrôle de version dès le départ est une très bonne idée pour non seulement la collaboration avec d'autres personnes car c'est la deuxième étape du contrôle de version. Mais juste pour s'assurer que vous ne perdez plus rien. Cela peut être aussi simple que d'utiliser le dossier Dropbox pour une partie de votre documentation, car cela peut également revenir à d'anciennes versions de celui-ci. Ou le dossier OneDrive ou tout ce que vous voulez utiliser Google Drive, il y en a beaucoup. Mais c'est aussi le secteur pour moi la plupart du temps quand je commence un nouveau projet, démarrer un nouveau projet Git chaque fois que je crée quelque chose. Cela me force également à m'assurer que le code que j' écris est assez bon avant de le mettre sur GitHub ou ailleurs. Bien sûr, vous pouvez également utiliser un repo Git privé. Mais c'est quelque chose qui me rend meilleur en tant que développeur parce que je collabore avance plutôt que de simplement faire des choses dans ma propre petite chambre noire et personne n'a besoin de le voir. J' ai réalisé que mon code devait fonctionner parce que quelqu'un d'autre le regarderait plus tard. C' est pour moi toute l'idée derrière l'open source aussi. Vous pourriez aussi bien commencer à collaborer avec vous-même en utilisant le contrôle de version à l'avance. J' étais très fier d'être une personne qui sait tout sur Git sur la ligne de commande. Chaque fois que j'ai réellement créé quelque chose pour Git, c'était mon environnement. Je suis allé au terminal et j'ai tout fait là-bas. Je me suis aussi rendu compte que c'est une chose cool à faire et vous donne beaucoup de pouvoir parce que je l'ai vraiment embrassé beaucoup plus tôt, mais de nos jours, nous avons de meilleures façons de le faire. Quand je démarre un nouveau projet de nos jours, je crée simplement un dossier, puis je saute dans le client de bureau GitHub. Le client de bureau GitHub a également un avantage pour moi. Cela me montre que j'utilise en fait différents référentiels et en fait quel projet je travaille, et cela me montre l'état d'entre eux. Vous pouvez voir par exemple ici une extension sur laquelle je travaille qu'il me demande de la télécharger en premier. A propos des changements que mes collègues ont fait que je manquerais normalement sur la ligne de commande. C' est un moyen très simple de commencer et de s'assurer que vous ne manquez pas quelque chose, et souvent j'ai dû faire une réserve Git et trouver tous les problèmes qui se produisent avec mon dépôt Git en le faisant sur la ligne de commande. Mais en utilisant l'éditeur de bureau, j'ai réalisé en ce moment il y a des fichiers modifiés et que je dois tirer de l'origine. Si je tire de l'origine, je reçois toutes les informations là-dedans. Ensuite, je peux revenir au projet lui-même et l' ouvrir dans mon éditeur par choix, puis commencer à partir de là aussi. Dans Visual Studio Code, il existe également un flux de travail Git intégré. La chose vraiment cool à ce sujet est que si vous jetez un oeil à votre explorateur de fichiers ici, vous voyez non seulement quand j'ai parlé d'armes plus tôt, lesquels d'entre eux ont des problèmes. Mais aussi les choses que j'ai changées. Quand je change quelque chose et qu'il est apparu ici que je dois faire quelque chose pour le renvoyer au dépôt. Je peux aller au workflow GitHub et en fait il suffit de taper la commande là et de la fusionner. Je n'ai pas besoin de garder une trace dans ma tête ce que j'avais changé, mais je peux le faire directement à partir de mon environnement de codage. Si vous n'êtes pas encore dans Git et que vous ne voulez pas vraiment en apprendre trop, prenez ces outils puissants car cela vous amènera dans la puissance de Git plutôt que d'avoir toutes les connaissances. Si vous êtes déjà un expert Git comme moi, ça pourrait avoir l'impression de tricher, mais ça me rend plus efficace. Ce que je veux que vous fassiez maintenant, c'est non seulement penser à ce que le contrôle de version est quelque chose que vous devez faire pour le travail. Mais quelque chose qui économise votre dos si vous le faites de la bonne façon. Pour être sûr que vous construisez quelque chose que vous ne pouvez pas perdre. Si vous partez réellement pendant quelques semaines et revenez au projet, vous pouvez réellement recommencer là où vous vous êtes arrêté sans avoir à vous inquiéter que le code ait bien tourné. La meilleure chose à faire avant d'arrêter votre travail de la journée est de vous assurer que toutes les versions contrôlant les choses que vous avez faites retournent dans le dépôt, afin que vos collègues puissent réellement voir ce que vous avez fait et travailler avec ce que vous avez fait sans avoir à vous réveiller ou à vous envoyer un e-mail. 5. Utiliser la collaboration en ligne: Dans cette leçon, je veux parler collaboration en ligne et de la façon de m'assurer que les gens peuvent voir ce que vous faites et peut-être vous aider rapidement à résoudre les problèmes qui y sont liés. C' était une tâche tout à fait. Vous deviez avoir un serveur ou vous deviez envoyer le code aux gens et ils devaient l'exécuter localement, ce qui a causé toutes sortes de problèmes, mais de nos jours avec l'utilisation de services gratuits, c'est beaucoup plus facile à faire. J' utilise deux choses pour amener les gens à collaborer avec moi, découvrir ce que je fais et me donner des informations sur ce que je pourrais faire mieux. C' est GitHub Pages et CodePen. CodePen est un service gratuit. GitHub Pages est quelque chose qui vient avec votre dépôt GitHub et vous ne le savez peut-être pas encore. Jetons un coup d'oeil comment mettre en place ça. La première chose que je veux vous montrer est ce que CodePen signifie. Dans CodePen, je peux juste obtenir un exemple rapide pour que les gens montrent quel est le problème. L' autre jour, un collègue de mon collègue voulait savoir sur Fetch et réellement former une API et obtenir un peu de lui et ne savait pas quoi faire. J' ai écrit ce petit exemple ici pour lui. Vous pouvez voir qu'il y a quelques lignes de HTML et que vous n'avez pas besoin de construire HTML autour d'elle, vous pouvez simplement écrire le HTML, que vous voulez avoir un peu de CSS et le JavaScript montrant ce que l'API Fetch peut faire. Comme c'est l'API Fetch, j'ai utilisé une API qui montre des photos de chien, donc chaque fois que vous cliquez dessus maintenant, vous pouvez voir une image de chien différente. C' est juste que je voulais le faire pour moi-même, mais aussi pour expliquer à mon collègue comment utiliser une API ouverte comme le dog.ceo/api dans ce cas pour jouer avec elle. La grande chose à propos de CodePen est que non seulement vous voyez le code, mais vous pouvez l'éditer. Vous pouvez l'intégrer dans d'autres systèmes comme des blogs, ou des référentiels, ou n'importe où vous voulez le montrer à d'autres personnes, et il est livré avec un éditeur vraiment puissant qui fait la complétion de code, codage couleur, et toutes les choses que vous voulez dans là gratuitement. Vous pouvez vous inscrire pour obtenir plus de fonctionnalités supplémentaires, comme vous pouvez devenir un présentateur dans CodePen et ainsi de suite et ainsi de suite. Mais il est juste sorti du module gratuit de base, vous pouvez faire beaucoup là-bas pour simplement montrer aux gens que quelque chose ne va pas. C' est tellement plus facile que d'écrire une longue description de ce qui se passe ou de quel est le problème. Réduisez simplement le problème que vous voulez avoir aide à la plus petite quantité possible, et placez-le dans un CodePen, envoyez cela aux gens, et ils peuvent commencer à le forger, éditer et à le renvoyer à vous. Un autre grand avantage d'utiliser quelque chose comme CodePen est que vous pouvez réellement utiliser des configurations. Si vous voulez utiliser SaaS ou quelque chose comme ça au lieu de CSS, vous pouvez également le configurer dans cet environnement. Vous n'avez pas besoin d'envoyer un fichier SaaS à l'un de vos collègues et de dire : « Voici comment vous configurez SaaS et faites-le fonctionner », et perdez beaucoup de temps de cette façon, mais vous leur envoyez simplement le CodePen et SaaS est automatiquement exécuté pour vous. C' est un moyen très puissant de faire avancer la collaboration. Si vous utilisez GitHub pour héberger votre code, vous devez déjà le code source. C' est quelque chose qui est facile pour les gens puis, par exemple, télécharger un fichier zip ou de le fork et de faire quelque chose avec. GitHub vous donne également GitHub Pages et c'est quelque chose que vous faites dans les paramètres. Dans les paramètres, vous pouvez faire défiler tout le chemin ici et là vous avez GitHub Pages. Vous pouvez voir que par exemple, le dépôt que j'ai ici en ce moment, est publié à ce dépôt. Les gens peuvent non seulement utiliser le code source, mais aussi aller regarder les différentes pages de celui-ci. Dans ce cas est une page avec des erreurs, et vous pouvez jeter un oeil au code, comment il fonctionne dans le navigateur. Vous n'avez pas besoin d'envoyer ce fichier à quelqu'un d'autre et d'espérer qu'il a correctement installé son ordinateur. GitHub Pages le fait automatiquement pour vous et vous pouvez le faire pour n'importe quelle branche de votre dépôt Git. C' est un moyen vraiment puissant de faire démarrer les gens. Une autre chose que GitHub vient avec, ce qui est vraiment intéressant, est qu'il vous dit réellement de faire la bonne chose. Dans ce référentiel de code en ce moment, je n'ai que du code. Je n'ai pas eu de lecture là-bas qui explique aux gens comment utiliser le code, ce qu'il faut faire avec. Il me demande en fait de mettre un fichier README là-dedans. Je peux cliquer dessus, créer un README, et je peux juste commencer à écrire un fichier README. De bons dépôts, comme un autre que j'ai pour l'un de mes exemples de code ici, donnez-moi une capture d'écran, donnez-moi des explications sur ce que la chose fait et comment l'utiliser. C' est quelque chose qui vient gratuitement si vous hébergez vos dépôts Git sur GitHub, et c'est quelque chose qui est assez facile à configurer. Pourquoi tu ne l'essaies pas ? Allez à CodePen, essayez quelque chose là-bas. Il y a une grande galerie de ce que font les autres, sorte que vous pouvez apprendre beaucoup de cela aussi. Mais essayez l'éditeur, place quelque chose, un exemple que vous avez toujours voulu montrer à un collègue, envoyez-lui le lien, puis discutez ensemble de ce que vous pourriez faire et laissez-les jouer avec. Intégrez le CodePen dans un autre produit comme dans un site Web HTML ou dans votre blog si vous en avez un, c'est un excellent moyen de montrer au monde ce qu' une certaine fonctionnalité fait avant qu'ils ne veulent vraiment l'essayer eux-mêmes. Quand il s'agit de repos GitHub, assurez-vous que vous avez un bon README sur chacun d'entre eux et réellement utiliser ces pages GitHub. Parce que si vous voyez quelque chose en action, c'est tellement plus puissant que d'obtenir le code et de l'essayer vous-même, et vous empêcherez les gens de vous poser beaucoup de questions parce qu'ils voient que cela devrait fonctionner. 6. Aide les autres à comprendre votre travail: En tant que développeur ou concepteur, vous n'êtes pas le seul à travailler sur le projet. Il y a des gens comme moi qui doivent documenter ce que vous faites et le montrer aux gens d'avance, même si ce n'est pas encore prêt. C' est un problème car je ne peux pas accéder au code que vous avez. Je n'ai probablement pas l'environnement pour l'exécuter. Votre tâche serait d'en faire un screencast, d'enregistrer quelque chose, me l' envoyer, et ensuite je pourrai en parler aux gens pendant que vous le développez encore. À l'époque, il était difficile de faire un screencast et de faire une narration à ce sujet, mais de nos jours, la plupart des systèmes d'exploitation ont quelque chose qui vous permet de le faire. Ne vous inquiétez pas si votre narration n'est pas parfaite. Il s'agit juste d'obtenir l'information là-bas. Une des choses les plus simples que j'ai trouvé est une extension au navigateur appelé Screenity. Celui-ci est juste une extension qui accède à votre appareil photo, accède à votre microphone, enregistre l'écran et crée un MP4 à partir de celui-ci. Il met également en évidence où vous cliquez sur les choses. Vous pouvez raconter des choses, vous pouvez réellement mettre en évidence les choses et griffonner dessus. C' est assez puissant et juste une extension pour les navigateurs Chromium que vous pouvez utiliser. Un autre que les gens utilisent est OBS Studio, c'est aussi pour toutes les plateformes. Il est conçu pour le streaming de jeu, donc il est intimidant à regarder. Moi, je ne me débrouille pas autant que je veux l'être, et c'est pour ça que j'ai besoin de toi. S' il vous plaît allez au forum de discussion et parlez-nous des choses que vous utilisez pour la visionnage qui vous ont rendu efficace, qui ont rendu les choses faciles pour vous. J' ai quelques idées, mais je n'ai pas toutes les idées. Vous êtes peut-être sur une autre plateforme. Alors s'il vous plaît partager avec les autres étudiants ce que vous utilisez pour faire votre screencast. N' oubliez pas qu'un screencast peut vous sauver beaucoup d'e-mails d' aller-retour expliquant comment exécuter du code. 7. Réflexions finales: C' est la fin de ce cours. J'espère que vous avez appris quelque chose aujourd'hui pour faire de vous un meilleur collègue avec qui travailler. Quelqu' un qui n'est pas dans la même pièce, qui n'a pas le même niveau de compétence, et qui nous donne des informations avec lesquelles nous pouvons travailler. Tôt ou tard, cela donnera un coup de pouce à votre carrière. Vous serez connu comme quelqu'un avec qui les gens peuvent travailler, pas quelqu'un qui travaille pour quelqu'un d'autre, et pas quelqu'un qui s'attend à ce que vous compreniez leur code et ayez leur configuration, mais quelqu'un qui vous donne des informations pour travailler, de documenter, et de parler à d'autres personnes de. Cela signifie également que vous adoptez la technologie plus que vous ne l'avez fait avant. Vous n'avez pas besoin de tout faire sur la ligne de commande, vous n'avez pas besoin de tout savoir, outillage a beaucoup évolué depuis les premiers jours de nos jours de développement et il est logique d'adopter réellement les nouvelles technologies. Merci d'avoir regardé. Je te vois dans un système de contrôle de version à proximité.