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

Playback-Geschwindigkeit


  • 0.5x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 2x

Produktmanagement: Tools und Tipps zur Optimierung Deines Workflows als Entwickler

teacher avatar Christian Heilmann, Principal Program Manager at Microsoft

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

    • 1.

      Einführung

      3:24

    • 2.

      Fehler bei der Entwicklung vermeiden

      4:00

    • 3.

      Deine optimale Umgebung einrichten

      2:49

    • 4.

      Versionskontrolle

      4:22

    • 5.

      Online-Zusammenarbeit nutzen

      4:56

    • 6.

      Anderen helfen, Deine Arbeit zu verstehen

      1:36

    • 7.

      Letzte Gedanken

      0:47

  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Jedes Niveau

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

856

Teilnehmer:innen

1

Projekt

Über diesen Kurs

Optimiere Deinen Workflow und deine Zusammenarbeit im Team mit dem leitenden Programmmanager von Microsoft, Christian Heilmann!

Als Entwickler ist es leicht zu denken, dass der Code, den Du schreibest, deine Karriere ausmacht. Ein wichtiger Aspekt davon ein guter Entwickler zu sein ist jedoch Deinen Code mit anderen für eine reibungslose Zusammenarbeit zu kommunizieren. Christian teilt seine Tools und Tricks, um deinen Code leichter verständlich zu machen und es anderen zu ermöglichen, dazu beizutragen, egal wo du bist.

Mit Christian lernst du Folgendes:

  • Vermeide Fehler und optimiere Deinen Prozess mit Online-Tools wie webhint und Visual Studio Code
  • Verbessere Deine Arbeitsumgebung für die verteilte Zusammenarbeit im Team
  • Entwickle eine Denkweise, bei der die Versionskontrolle am wichtigsten ist
  • Optimiere Deine Zusammenarbeit mit GitHub pages und CodePen
  • Dokumentiere Deine Arbeit besser mit Bildschirmaufnahme

Ganz gleich, ob Du Tools für die Optimierung Deines Workflows einsetzen oder Deinen Code besser kommunizieren möchtest, dieser Kurs macht dich zu einem Entwickler, mit dem es in jedem Team leicht ist, zusammenzuarbeiten.

____

Der Kurs von Christian ist für Produktentwickler auf allen Ebenen konzipiert, aber alle Kursteilnehmer:innen können daran teilnehmen.

Triff deine:n Kursleiter:in

Teacher Profile Image

Christian Heilmann

Principal Program Manager at Microsoft

Kursleiter:in

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.

Vollständiges Profil ansehen

Skills dieses Kurses

Entwicklung Webentwicklung
Level: All Levels

Kursbewertung

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen auf Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. Einführung: Unsere Welt hat sich verändert. Wir arbeiten derzeit anders, und viele Ingenieure haben ein Problem, ihre Informationen zu hören und die Informationen zu dokumentieren. Hallo, da. Ich bin Chris Heilmann. Ich bin Principal Program Manager, aber ich war früher ein Entwickler seit über 20 Jahren. Ich habe in den letzten 10 Jahren von zu Hause aus mit verteilten Teams auf der ganzen Welt gearbeitet. Heute, in diesem Kurs, möchte ich Ihnen erklären, wie Sie Ihren Workflow als Entwickler optimieren, um verstanden zu werden und leicht mit Menschen zusammenzuarbeiten , die nicht im selben Gebäude wie Sie sind. Als Produktmanager ist es meine Hauptaufgabe, sicherzustellen, dass das Produkt erfolgreich ist. Das heißt, ich muss darüber nachdenken, wie es wächst, wie es tatsächlich funktioniert und wie es in einer gewissen Zeit geliefert werden kann. Das bedeutet, dass ich meine Ingenieure dazu bringen muss, ihren Workflow zu optimieren und mir die Informationen zu geben , die ich brauche, ohne dass ich jemand sein muss, der ständig an dem Code arbeitet. In dieser Klasse werde ich über ein paar Dinge reden. Zuerst werde ich darüber sprechen, wie Sie Ihren Computer einrichten, um sicherzustellen , dass Sie tatsächlich keine Fehler machen, die vermeidbar sind. Zweitens werde ich darüber sprechen, wie Sie Ihr Setup für die neue Welt ändern können, in der wir gerade leben. Denn die meiste Zeit entwickeln wir uns nicht nur, wir sind auch in Meetings, und die meisten von ihnen sind Video-Meetings, also sollten wir darüber nachdenken, wie wir uns tatsächlich mehr effektiv auf diese Weise. Wir werden auch über Versionskontrolle sprechen, um sicherzustellen, dass alles, was Sie tun, tatsächlich irgendwo beibehalten wird, und Sie können keine Fehler machen und keine Dinge da draußen verlieren. Ich werde über Online-Zusammenarbeit sprechen, wie Sie tatsächlich Dinge bauen können, mit denen andere Menschen zusammenarbeiten können und sie daran arbeiten können, während Sie im Bett sind oder Sie im Moment nicht verfügbar sind. Wir werden darüber sprechen, anderen zu helfen, Ihre Arbeit zu dokumentieren und zu fördern. Wie Sie Menschen tatsächlich Zugriff auf das bekommen können, was Sie tun, damit sie die Dokumentation starten und auch andere Leute davon erzählen können, ohne tatsächlich Teil des Prozesses sein zu müssen. Eine der Fähigkeiten, die ich hoffe, dass Sie davon wegnehmen können, ist die Kommunikation. Weil ich in meiner Karriere festgestellt habe, dass, egal wie gut ein Entwickler Sie sind, früher oder später, es wird auf die Soft Skills kommen, um sicherzustellen, dass die Leute verstehen, was Sie tun, so dass die Leute Ihnen die Informationen geben können, die Sie brauchen und die Möglichkeiten, die Sie auch brauchen, um in Ihrer Karriere erfolgreich zu sein. Eines der Dinge, die ich als Entwickler am meisten gelernt habe , ist, dass mein Code nicht das Wichtigste ist, sondern wie ich ihn Leuten mitbringe, wie viele Informationen ich um meinen Code gebe und wie ich anderen Leuten erlaube, ihre Arbeit zu erledigen basierend auf meinen Informationen ist viel wichtiger als der Code selbst. Das war etwas, das für mich als Entwickler schwer zu schlucken war, weil ich das Programmieren liebe , aber gleichzeitig machte es meine Karriere. Hoffentlich wird es eine Fähigkeit sein, die Ihnen auch besser hilft. Ich freue mich, dass Sie diese Klasse nehmen, weil ich möchte, dass die nächste Generation und die neue Generation von Entwicklern jetzt beginnen, die neue Welt zu umarmen, in der wir leben. Es ist nicht so, dass wir tatsächlich in einem Büro neben einem Senior Developer sitzen und alles von ihnen lernen. Wir sind alle verteilt und arbeiten alle an verschiedenen Orten, und das ist eine Freiheit, für die wir tatsächlich gekämpft haben und wir sollten uns umarmen. Es ist eine großartige Gelegenheit für Sie, jemand zu sein, der leicht zu arbeiten ist, obwohl sie physisch nicht anwesend sind, und das ist etwas, das Sie in diesem Kurs lernen können. In dieser Klasse haben wir kein Beispiel in der Projektgalerie, nur zu kopieren und zu lernen. Es ist etwas, das Sie dazu inspirieren sollte, dasselbe mit Ihrem Code zu tun. Sie werden über verschiedene Dinge lernen, die Sie damit tun können, um Ihren Code einfacher beizutragen und für alle da draußen leichter zu verstehen. Werfen Sie einen Blick darauf, was ich getan habe, nicht damit einverstanden oder gefällt es, und kommen Sie in die Diskussionsrunde und sprechen Sie darüber, was Sie aus dieser Klasse gelernt haben und welche anderen Dinge Sie gefunden haben, die wir verpasst haben. 2. Fehler bei der Entwicklung vermeiden: In dieser Lektion möchte ich, dass Sie überdenken, was Sie als Entwickler tun, wenn Sie tatsächlich die Person sein müssen, die alles wissen kann, oder wenn Sie tatsächlich die Person sein können, die alles kennt, oder wenn es Sinn macht, moderne Werkzeuge tatsächlich zu etwas von dem Wissen weg, weil Sie es in diesem Moment nicht brauchen, aber Sie brauchen es nur, wenn es notwendig ist. Ich werde über das Thema sprechen, mit dem ich jetzt wohler bin , und das ist Web-Entwicklung in der Regel. Ich mache das schon eine ganze Weile, und ich dachte, ich wäre ein absoluter Experte darin. Deshalb ging ich immer wieder in die Entwicklungsumgebung zurück , in der ich mich wohl fühlte. Ich dachte immer, ich brauche nur einen Texteditor, ich brauche keine ausgefallenen Dinge, ich kann auf jede Website gehen, um Informationen zu suchen, und dann wurde mir klar, dass ich viel Zeit damit verschwende. Ich verschwende viel Zeit damit, Wissen in meinem Gehirn zu sammeln , das ich eigentlich nicht brauchen muss, weil ein guter Editor das für mich tun könnte, und ich werde Ihnen jetzt zeigen, wie Sie Visual Studio Code verwenden, und ein Plug-in, das hilft Ihnen tatsächlich, diese Dinge auf einmal zu tun, anstatt das Wissen kennen zu müssen, oder die Person zu sein, die weiß, wo im Internet schauen, wenn Sie etwas falsch machen. Jetzt ist dies mein Editor, der hier in Visual Studio Code eingerichtet ist. Visual Studio Code ist ein Open-Source-Editor. Es ist wahrscheinlich die meistgenutzte da draußen im Moment. Es ist das größte GitHub-Projekt und höchstwahrscheinlich verwenden Sie es auch. Was Sie vielleicht noch nicht verwenden, ist ein Plugin namens webhint. Webhint ist ein Open-Source-Projekt, mit dem Sie Ihre Webprojekte anhand verschiedener Probleme validieren können. So könnte es Leistung sein, Kompatibilität sein, Validierung und Zugänglichkeit sein. Webhint und sich selbst ist eigentlich ein Dienst als auch im Web, oder es ist auch ein NPM-Projekt. Wenn Sie das Ding nicht so verwenden möchten, wie ich Ihnen in einer Sekunde in Visual Studio Code zeige, können Sie es auch in Ihrem Projekt als NPM-Modul und als Teil Ihres Rollouts verwenden. Bevor Sie tatsächlich etwas in Ihren Hauptkern setzen, können Sie tatsächlich einen Webhint darauf ausführen, und auf diese Weise führen Sie die gleiche Validierung durch, die ich Ihnen live im Projekt zeigen werde , bevor Sie es an Ihre Kollegen und holen Sie es zurück, dass Sie etwas falsch gemacht haben. Das Tolle an Webhint in Visual Studio Code ist, dass es unabhängig von der Sprache ist. Es deckt alle Dinge ab, die Sie für das Web tun. Es umfasst JavaScript, CSS und HTML. In jedem von ihnen, wenn etwas schief läuft, dann legt es tatsächlich einige zerquetschige Linien darüber. Wenn ich meine Maus darüber bewege, sagt es mir, was hier vor sich geht. In diesem Fall ist dies etwas, das von Internet Explorer, Safari nicht unterstützt wird, und ich werde jetzt die Entscheidung treffen, ob ich es noch verwenden kann. Aber das ist etwas, das ich meinen Tester senden kann, wenn ich das Projekt da draußen schicke und sage: „Dieses Projekt muss nicht in Internet Explorer funktionieren, also bitte schreiben Sie es nicht zurück und geben Sie es mir zurück.“ Ich weiß bereits, dass dies ein Problem ist, auch wenn ich nicht wusste, dass diese Browser es nicht unterstützen. die gleiche Weise, wenn ich zu einer der anderen Sprachen gehe, wenn ich zum Beispiel in JavaScript gehe, und ich erinnere mich nicht, wie etwas funktioniert. Wenn ich zum Beispiel hier gehe und spenden und addEventListener sage, und ich weiß nicht einmal, was es tut. Alles, was ich tun muss, ist eine Klammer zu öffnen und dann gibt es mir die Erklärung im Kontext, was ich wissen muss. Als ich super stolz war, all diese Dinge zu wissen, die mir klar wurde, benutze ich eine Menge meiner Gehirnleistung für Dinge, die unnötig sind , weil ein guter Redakteur es mir heute erlauben würde , mir diese Informationen zu geben und mir die automatische Vervollständigung mit nur einer Registerkarte, anstatt es wissen zu müssen. Wenn es um HTML geht, es mir tatsächlich viele Barrierefreiheitsprobleme. wenn Roll over es mir erklärt, was zu tun ist, und wenn ich das Panel öffne, um mehr Erklärungen zu erhalten oder sogar zu lernen, wie man es direkt in meinem Editor repariert. Warum umarmen Sie diese Idee gerade jetzt? Wir haben all diese Technologie, wir haben all dieses Wissen von Dutzenden und Hunderten von Entwicklern , die in diese Linting Erweiterungen gegangen sind, könnte es Webhint sein, ob es ESLint, CSSLint, JSHint, all die Dinge da draußen. Wenn Sie nach Erweiterungen oder Visual Studio Code suchen, werden Sie viele Dinge finden, die Sie keine Fehler machen , bevor Sie sie an andere Personen senden, um sie anzusehen. Man muss den Leuten nicht sagen, dass es die Maschine war, die es wusste, man wusste es einfach nicht mehr, und man kann seine Gehirnkraft für bessere Dinge nutzen. 3. Deine optimale Umgebung einrichten: In dieser Lektion möchte ich nur ein wenig über Ihre Umgebung sprechen. Ich möchte über ein paar Dinge sprechen, für die Sie tatsächlich ein bisschen Geld ausgeben sollten , oder versuchen, Ihr Unternehmen dazu zu bringen, Geld für Sie auszugeben, um es Ihnen einfacher zu machen, mit Menschen außerhalb Ihres Hauses zusammenzuarbeiten, und dass Sie nicht gehen müssen ins Büro, um miteinander zu reden. Dies bedeutet, dass Ihre Umgebung beispielsweise zwei Bildschirme anstelle eines Bildschirms verwendet werden, aber auch sicherstellen, dass Sie tatsächlich Dinge aufzeichnen und mit Personen kommunizieren können , während Sie arbeiten. Früher war ich eine Person, die nur einen Laptop benutzt, weil ich unterwegs die ganze Zeit programmierte und dachte, das war das einzige, was ich brauchte. Ich habe gelernt, dass mit der neuen Umgebung, in der ich ständig Videoanrufe machen muss, meine Programmierung, meine Tests und all die Dinge gleichzeitig machen muss, ein zweiter Monitor eine wirklich, wirklich gute Investition ist. Die Hauptsache ist, dass ich meine Kurse hier ändere. Auf diesem habe ich immer noch meinen Codier-Editor geöffnet, ich habe immer noch meinen Git-Workflow geöffnet und diese Art von Dingen, und ich mache alle Dinge, die ich gleichzeitig tun muss, wie sie zu dokumentieren, alle meine Anrufe zu haben. Indem ich das hier habe, meine Zoom-Anrufe habe, die Anrufe meines Teams auf dem anderen Monitor haben und eine Kamera drauf habe, sehe ich den Leuten auch direkt in die Augen anstatt die Person zu sein, die Typen weg auf etwas, [unhörbar] und sie hören mich tun, ich bin tatsächlich Teil des Treffens, ich bin gleichzeitig effektiv, um die Dinge zu tun, die ich tun wollte. Eine weitere große Investition ist etwas, das Kopfhörer genannt wird. Trotz der seltsamen klingenden, aber es ist wirklich wichtig in Meetings, dass Sie nicht die Person sind, die tatsächlich das Mikrofon verwendet, das ist in Ihrem Computer, während Sie wegtippen, weil sie super ablenkend und Sie wollen nicht aufhören zu tippen, nur um etwas zu sagen. Nur ein ablenkungsfreies Headset für Menschen da draußen zu bekommen, ist eine wunderbare Sache, um effektiver in Ihrer Zusammenarbeit mit anderen Menschen zu sein. Eine andere Sache, die ich ständig mache, ist, verschiedene Profile einzurichten, sowohl auf dem Betriebssystem als auch in meinem Browser. Der Grund ist, wenn ich etwas mit meinen Kollegen teile, ich möchte nicht, dass all die andere Arbeit, die ich tue, um es zu stören, wie ein Editor, der im Hintergrund aktualisiert wird, wenn alles, was ich mache , ist eine Video-Präsentation von dem, was ich getan habe davor. Stellen Sie sicher, dass Sie tatsächlich verschiedene Setups auf Ihrem Computer haben, die nur zeigen, was notwendig ist und Dinge, die Sie nicht teilen möchten oder nicht freigeben sollten, nicht sichtbar sein sollten. Ein anderes Profil in Browsern zu haben und ein anderes Profil in Betriebssystemen zu haben, ist eine sehr gute Möglichkeit, sicherzustellen, dass Sie nur den Leuten zeigen, was Sie ihnen wirklich zeigen möchten, und keine Ablenkungen, um Sie zu überraschen. Was können Sie dagegen tun? Die Hauptsache ist, denken Sie über verschiedene Profile in Ihren Einstellungen nach. Denken Sie darüber nach, was Sie eigentlich mit Menschen teilen wollen, und wenn Sie einen zweiten Monitor bekommen können, wird sogar ein alter, es ist wirklich eine gute Sache, in dieser Welt zu haben, in der wir leben, weil Sie trennen wollen Ihren Workflow als Entwickler aus Ihrem Workflow als Kommunikator mit dem Rest Ihres Unternehmens. 4. Versionskontrolle: In dieser Lektion möchte ich, dass du eine Sache umarmst, die mich so oft gerettet hat. Das geht in eine Versionskontrolle erste Denkweise. Es ist sehr einfach, einfach einen neuen Ordner auf Ihrer Festplatte zu starten und einfach mit dem Programmieren zu beginnen und Sie bauen etwas. Dann kann alles schief gehen, Ihre Maschine könnte sterben, Ihre Festplatte könnte sterben, und dann haben Sie tatsächlich alles verloren. Darüber hinaus sind wir eigentlich chaotisch, wenn wir diese Dinge tun. Sie haben wahrscheinlich einen dieser Ordner als Entwickler, in dem es wie die endgültige Version ist. Wirklich endgültige Version dieses Mal meine ich es v1, v2, fünf ZIP-Dateien mit dem ganzen Code darin. Versionskontrolle hilft uns, dieses Problem viel besser zu umgehen , weil es nur das Delta der Änderungen erfordert und uns erlaubt, vorwärts und rückwärts zu gehen und Dinge rückgängig zu machen, die wir falsch gemacht haben und zu einer bestimmten Phase zurückkehren. Übernahme der Versionskontrolle im Voraus ist eine sehr gute Idee, nicht nur für die Zusammenarbeit mit anderen Menschen , denn das ist der zweite Schritt der Versionskontrolle. Aber nur dafür zu sorgen, dass du nie mehr etwas verlierst. Dies könnte so einfach sein wie die Verwendung des Dropbox-Ordners für einige Ihrer Dokumentation, da dies auch auf ältere Versionen zurückgehen kann. Oder OneDrive-Ordner oder was auch immer Sie Google Drive verwenden möchten, es gibt viele da draußen. Aber es ist auch für mich die meiste Zeit ein Netz, wenn ich ein neues Projekt starte, jedes Mal ein neues Git-Projekt zu starten, wenn ich etwas erstelle. Dies zwingt mich auch, tatsächlich sicherzustellen, dass der Code, den ich schreibe gut genug ist, bevor ich ihn tatsächlich auf GitHub oder anderswo auflege. Natürlich können Sie auch ein privates Git-Repo verwenden. Aber es ist etwas, das mich als Entwickler besser macht, weil ich im Voraus zusammenarbeite , anstatt nur Dinge in meiner eigenen kleinen Dunkelkammer zu tun , und niemand muss es sehen. Ich erkannte, dass mein Code funktionieren muss, weil jemand anderes später einen Blick darauf werfen würde. Das ist für mich auch die ganze Idee hinter Open Source. Sie können genauso gut mit sich selbst zusammenarbeiten, indem Sie die Versionskontrolle im Voraus verwenden. Ich war sehr stolz darauf, eine Person zu sein, die alles über Git in der Befehlszeile weiß. Wann immer ich etwas für Git erstellt habe, war das meine Umgebung. Ich bin gerade zum Terminal gegangen und habe dort alles getan. Ich erkannte auch, dass dies eine coole Sache ist und Ihnen viel Kraft gibt , weil ich es sehr früh angenommen habe, aber heutzutage haben wir bessere Möglichkeiten, das zu tun. Wenn ich heutzutage ein neues Projekt starte, erstelle ich eigentlich nur einen Ordner und gehe dann in den GitHub Desktop-Client. Der GitHub Desktop-Client hat auch einen Vorteil für mich. Es zeigt mir, dass ich tatsächlich verschiedene Repositories verwende und tatsächlich an welchem Projekt ich arbeite, und es zeigt mir den Zustand von ihnen. Sie können zum Beispiel hier eine Erweiterung sehen, an der ich arbeite , dass es mich auffordert, sie zuerst herunterzuladen. Über Änderungen, die meine Kollegen gemacht haben , die ich normalerweise in der Befehlszeile vermissen würde. Dies ist eine sehr einfache Möglichkeit, loszulegen und sicherzustellen, dass Sie nichts verpassen, und oft musste ich einen Git-Verstash machen und alle Probleme, die mit meinem Git-Repository vor sich gehen, herausfinden alle Probleme, die mit meinem Git-Repository vor sich gehen , indem ich es in der Befehlszeile tat. Aber durch die Verwendung des Desktop-Editors habe ich im Moment festgestellt es geänderte Dateien gibt und dass ich vom Ursprung ziehen muss. Wenn ich vom Ursprung ziehe, bekomme ich alle Informationen da drin. Dann kann ich zurück zum Projekt selbst gehen und es tatsächlich in meinem Editor nach Wahl öffnen und dann auch von dort starten. In Visual Studio Code gibt es auch einen integrierten Git-Workflow. Die wirklich coole Sache daran ist, wenn Sie einen Blick auf Ihren Datei-Explorer werfen, sehen Sie nicht nur, wenn ich zuvor über Waffen gesprochen habe, welche von denen Probleme haben. Aber auch die Dinge, die ich geändert habe. Wenn ich etwas ändere und es hier aufgetaucht ist , muss ich etwas tun, um es zurück an das Repository zu senden. Ich kann zum GitHub-Workflow gehen und tatsächlich den Befehl dort eingeben und zusammenführen. Ich muss nicht im Kopf behalten, was ich geändert hatte, aber ich kann das direkt von meiner Codierungsumgebung aus tun. Wenn du noch nicht auf Git stehst und nicht wirklich zu viel lernen willst, nimm diese leistungsstarken Tools, weil es dich in die Macht von Git bringt , anstatt all das Wissen zu haben. Wenn du bereits ein Git-Experte wie ich bist, könnte es sich wie betrügen anfühlen, aber es macht mich tatsächlich effektiver. Was ich möchte, dass Sie jetzt tun, ist nicht nur darüber nachzudenken , dass Versionskontrolle etwas ist, das Sie für die Arbeit tun müssen. Aber etwas, das tatsächlich Ihre Rückseite speichert, wenn Sie es richtig machen. Um sicherzustellen, dass Sie tatsächlich etwas bauen, das Sie nicht verlieren können. Wenn Sie tatsächlich für ein paar Wochen weggehen und zum Projekt zurückkehren, können Sie tatsächlich wieder anfangen, wo Sie aufgehört ohne sich Sorgen machen zu müssen, dass ein Code weit gegangen ist. Das Beste, was Sie auch tun sollten, bevor Sie Ihre Arbeit des Tages beenden, ist, sicherzustellen , dass alle versionskontrollierenden Dinge, die Sie getan haben, zurück in das Repository gehen, so dass Ihre Kollegen tatsächlich sehen können, was Sie getan haben und mit dem arbeiten, was Sie getan haben Sie getan haben, ohne Sie aufwecken oder Ihnen eine E-Mail senden zu müssen. 5. Online-Zusammenarbeit nutzen: In dieser Lektion möchte ich über Online-Zusammenarbeit sprechen und sicherstellen, dass die Leute sehen können , was Sie tun und Ihnen vielleicht schnell helfen können, wie Sie Probleme darin beheben können. Früher war dies eine ganz große Aufgabe. Sie mussten einen Server haben, oder Sie mussten den Code an Leute senden und sie mussten ihn lokal ausführen, was alle Arten von Problemen verursachte, aber heutzutage mit der Verwendung von kostenlosen Diensten ist es viel einfacher zu tun. Ich benutze zwei Dinge, um Leute dazu zu bringen, mit mir zusammenzuarbeiten und herauszufinden , was ich tue, und mir Informationen darüber zu geben, was ich besser machen könnte. Das ist GitHub Pages und ist CodePen. CodePen ist ein kostenloser Service. GitHub Pages ist etwas, das mit Ihrem GitHub-Repository geliefert wird und Sie wissen vielleicht noch nichts davon. Werfen wir einen Blick, wie man das tatsächlich einrichtet. Das erste, was ich Ihnen zeigen möchte, ist, was CodePen bedeutet. In CodePen kann ich tatsächlich nur ein schnelles Beispiel für Leute bekommen , um zu zeigen, was das Problem ist. Neulich wollte ein Kollege von mir etwas über Fetch wissen und tatsächlich einige API ausbilden und ihn holen und wusste nicht, was zu tun war. Ich habe dieses kleine Beispiel hier für ihn geschrieben. Sie können sehen, dass es ein paar Zeilen von HTML gibt und Sie nicht brauchen, um HTML zu konstruieren, Sie können einfach den HTML schreiben, dass Sie ein bisschen CSS und das JavaScript haben möchten, das zeigt, was die Fetch-API tun kann. Da es sich um die Fetch-API handelt, habe ich eine API verwendet, die Hundebilder anzeigt Jedes Mal, wenn Sie darauf klicken, können Sie ein anderes Hundebild sehen. Das war nur, dass ich es für mich selbst tun wollte, sondern auch meinem Kollegen erklären wollte, wie man eine offene API wie die dog.ceo/api in diesem Fall benutzt , um damit zu spielen. Das Tolle an CodePen ist, dass Sie den Code nicht nur sehen, sondern auch bearbeiten können. Sie können es in andere Systeme wie Blogs oder Repositories einbetten , oder überall, wo Sie es anderen Leuten zeigen möchten, und es kommt mit einem wirklich leistungsfähigen Editor, der Code-Vervollständigung, Farbcodierung und all die Dinge, die Sie in gibt es kostenlos. Sie können sich dafür anmelden, um einige zusätzliche Funktionen zu erhalten, wie Sie ein Moderator in CodePen werden können und so weiter und so weiter. Aber es gibt nur aus dem grundlegenden freien Modul, man kann dort viel tun, um den Leuten tatsächlich nur zu zeigen, dass etwas schief läuft. Es ist so viel einfacher, als eine lange Beschreibung zu schreiben , was vor sich geht oder was das Problem ist. Schneiden Sie einfach das Problem, bei dem Sie Hilfe haben möchten , auf die kleinste Menge, und legen Sie es in einen CodePen, senden Sie es an Leute, und sie können anfangen, es zu forschen , zu bearbeiten und zurückzuschicken für Sie. Ein weiterer großer Vorteil, etwas wie CodePen zu verwenden, ist, dass Sie tatsächlich Setups verwenden können. Wenn Sie SaaS oder so etwas anstelle von CSS verwenden möchten, können Sie dies auch in dieser Umgebung einrichten. Sie müssen keine SaaS-Datei an einen Ihrer Kollegen senden und sagen: „Hier ist, wie Sie SaaS einrichten und es funktionieren lassen“, und verlieren viel Zeit auf diese Weise, aber Sie senden ihnen einfach den CodePen und SaaS wird automatisch für Sie ausgeführt. Dies ist ein sehr leistungsfähiger Weg, nur um die Zusammenarbeit in Gang zu bringen. Wenn Sie GitHub verwenden, um Ihren Code zu hosten, müssen Sie dort bereits Quellcode eingeben. Das ist etwas, das für die Leute einfach ist, dann zum Beispiel eine ZIP-Datei herunterzuladen oder sie zu verzweigen und etwas damit zu tun. GitHub gibt Ihnen auch GitHub Pages und es ist etwas, das Sie in den Einstellungen tun. In den Einstellungen können Sie den ganzen Weg hier und dort scrollen, haben Sie GitHub Pages. Sie können sehen, dass zum Beispiel das Repository, das ich hier gerade habe, in diesem Repo veröffentlicht wird. Menschen können nicht nur den Quellcode verwenden, sondern können auch die verschiedenen Seiten davon betrachten. In diesem Fall ist eine Seite mit Fehlern, und Sie können einen Blick auf den Code werfen, wie er im Browser läuft. Sie mussten diese Datei nicht wirklich an jemand anderen senden und hoffen, dass sie ihren Computer ordnungsgemäß eingerichtet haben. GitHub Pages macht das automatisch für Sie und Sie können es für jeden Zweig in Ihrem Git-Repository tun. Das ist ein wirklich leistungsfähiger Weg, um die Leute anzufangen. Eine andere Sache, die GitHub mitkommt, was wirklich interessant ist, ist, dass es Ihnen tatsächlich sagt, das Richtige zu tun. In diesem Code-Repository habe ich gerade nur Code. Ich hatte dort keine Lektüre, die den Leuten erklärt , wie man den Code benutzt, was man damit macht. Es fordert mich tatsächlich auf, eine README-Datei dorthin zu legen. Ich kann darauf klicken, eine README erstellen, und ich kann einfach anfangen, eine README-Datei zu schreiben. Gute Repositories, wie ein anderes, das ich für eines meiner Codebeispiele hier habe, geben Sie mir einen Screenshot, geben Sie mir eine Erklärung, was das Ding tut und wie man es benutzt. Dies ist etwas, das kostenlos ist, wenn Sie Ihre Git-Repositories auf GitHub hosten, und es ist etwas, das ziemlich einfach einzurichten ist. Warum probierst du es nicht? Geh zu CodePen, probiere da etwas aus. Es gibt eine großartige Galerie von dem, was andere Leute tun, so dass Sie auch viel davon lernen können. Aber probieren Sie den Editor aus, richten Sie etwas ein, ein Beispiel, das Sie immer einem Kollegen zeigen wollten, senden Sie ihm den Link und diskutieren Sie dann gemeinsam, was Sie tun können und lassen Sie sie damit spielen. Einbetten Sie die CodePen in ein anderes Produkt wie in eine HTML-Website oder in Ihren Blog, wenn Sie eine haben, es ist eine gute Möglichkeit, der Welt zu zeigen, was eine bestimmte Funktion tut, bevor sie es tatsächlich selbst ausprobieren wollen. Wenn es um GitHub-Repos geht, stellen Sie sicher, dass Sie eine gute README für alle von ihnen haben und tatsächlich diese GitHub-Seiten verwenden. Denn wenn Sie nur etwas in Aktion sehen, ist es so viel leistungsfähiger, als nur den Code zu bekommen und ihn selbst auszuprobieren, und Sie werden Leute davon abhalten, Ihnen viele Fragen zu stellen, weil sie sehen, dass es funktionieren sollte. 6. Anderen helfen, Deine Arbeit zu verstehen: Als Entwickler oder Designer sind Sie nicht der einzige, der an dem Projekt arbeitet. Es gibt Leute wie mich, die dokumentieren müssen, was du tust und es den Leuten im Vorfeld zeigen müssen, obwohl es noch nicht fertig ist. Dies ist ein Problem, weil ich nicht auf den Code zugreifen kann, den Sie haben. Ich habe wahrscheinlich nicht die Umgebung, um es zu betreiben. Ihre Aufgabe wäre es, einen Screencast davon zu machen, etwas aufzuzeichnen, es mir zu schicken, und dann kann ich mit Leuten darüber reden, während Sie es noch entwickeln. Damals war es schwer, einen Screencast zu machen und eine Erzählung darüber zu machen, aber heutzutage haben die meisten Betriebssysteme etwas eingebautes, das Ihnen erlaubt, das zu tun. Mach dir keine Sorgen, wenn deine Erzählung nicht perfekt ist. Hier geht es nur darum, die Informationen da draußen zu bekommen. Eines der einfachsten Dinge, die ich gefunden habe, ist eine Erweiterung des Browsers namens Screenity. Dies ist nur eine Erweiterung, die auf Ihre Kamera zugreift, auf Ihr Mikrofon zugreift, den Bildschirm aufzeichnet und daraus ein MP4 erstellt. Es hebt auch hervor, wo Sie auf die Dinge klicken. Sie können Dinge erzählen, Sie können tatsächlich Dinge hervorheben und auf sie kritzeln. Es ist ziemlich mächtig und nur eine Erweiterung für Chromium-Browser, die Sie verwenden können. Eine andere, die Leute verwenden, ist OBS Studio, das ist auch für alle Plattformen. Es ist für Game-Streaming gedacht, also ist es entmutigend, sich anzuschauen. Ich selbst, schaffe es nicht so sehr, wie ich sein will, und deshalb brauche ich dich. Bitte gehen Sie in die Diskussionsrunde und erzählen Sie uns von Dingen, die Sie für Screencasting verwenden, die Sie effektiv gemacht haben und es Ihnen leicht gemacht haben. Ich habe ein paar Ideen, aber ich habe nicht alle Ideen. Vielleicht sind Sie auf einer anderen Plattform. Also teilen Sie bitte mit den anderen Schülern, was Sie verwenden, um Ihren Screencast zu machen. Vergessen Sie nicht, dass ein Screencast Ihnen viele E-Mails vor und zurück ersparen kann , die erklären, wie Sie Code ausführen. 7. Letzte Gedanken: Das ist das Ende dieser Klasse. Ich hoffe, Sie haben heute etwas gelernt, um Sie zu einem besseren Kollegen zu machen, mit dem Sie arbeiten können. Jemand, der nicht im selben Raum ist , der nicht auf dem gleichen Niveau ist und uns tatsächlich Informationen gibt, mit denen wir arbeiten können. Dies wird früher oder später ein Schub für Ihre Karriere sein. Sie werden als jemand bekannt sein, mit dem Menschen arbeiten können, nicht jemand, der für jemand anderen arbeitet, und nicht jemand, der erwartet, dass Sie ihren Code verstehen und ihre Einrichtung haben, sondern jemand, der Ihnen Informationen gibt, mit denen Sie arbeiten können, zu dokumentieren und mit anderen Menschen darüber zu sprechen. Es bedeutet auch, dass Sie Technologie mehr als zuvor nutzen. Sie müssen nicht alles auf der Kommandozeile tun, Sie müssen nicht alles wissen, Werkzeuge sind seit den ersten Tagen unserer Entwicklungstage viel gekommen und es macht Sinn, die neuen Technologien tatsächlich zu nutzen. Danke, dass Sie zugesehen haben. Wir sehen uns in einem Versionskontrollsystem in der Nähe.