Haben Sie sich jemals gefragt, wie das Toolkit eines Programmierers aussieht?
Wie jedes Handwerk beinhaltet das Codieren die Verwendung einer Reihe verschiedener Werkzeuge, die Ihnen die Arbeit in irgendeiner Weise erleichtern. Es gibt Texteditoren, Online-Dienste, Design-Frameworks, Dateiformate und andere verschiedene Software.
Praktische Werkzeuge zu benutzen, wenn man kann, und zu wissen, welches Werkzeug man wann benutzt, ist eine Fähigkeit, die jeder neue Programmierer beherrschen sollte. Wenn Sie einfach Ihren Code schreiben, aber keine Tools verwenden, dauert es viel länger und Sie kommen nicht weit.
Hier finden Sie eine Reihe praktischer Codierungstools, über deren Verwendung Sie nachdenken sollten. Es ist kein erschöpfendes Set, aber es bringt Sie zu einem guten Start.
Zu einem praktischen Werkzeug springen:
- Texteditoren
- GitHub
- Heroku
- Twitter Bootstrap
- Stapelüberlauf
- Markdown
- HTML- und CSS-Validierung
Texteditoren
Ihr Texteditor ist das Programm, mit dem Sie Ihren Code schreiben, und es wird Ihr primäres Werkzeug als Codierer sein. Sie werden mehr Zeit in Ihrem Texteditor verbringen als an jedem anderen Ort, also möchten Sie sicherstellen, dass Sie einen haben, den Sie mögen und wissen, wie man ihn benutzt.
Beliebte Texteditoren sind Notepad, TextEdit, Sublime Text, Notepad ++ und Vim. Erfahren Sie mehr über Texteditoren…
GitHub
GitHub ist eine Website, auf der Sie Ihre Projekte kostenlos hosten können. Jede Art von Datei kann auf GitHub hochgeladen werden, aber es ist speziell für Codedateien konzipiert und sehr beliebt.
Um Ihren Code auf GitHub hochzuladen, muss er sich in einem Git-Repository befinden. Git ist ein System, das Änderungen in Ihrem Code durch Revisionskontrolle verfolgt. Git hat eine Lernkurve, aber GitHub bietet kostenlose Schulungen an, um Ihnen den Einstieg zu erleichtern.
Es gibt viele Gründe, warum Sie Ihren Code auf GitHub hosten möchten. Dies ist eine der besten, wenn nicht sogar die beste Möglichkeit, Ihr Projekt einfach mit anderen zu teilen, damit diese auf Wunsch mit Ihnen zusammenarbeiten können. Außerdem ist Git nützlich, um Änderungen in Ihrem Code zu verfolgen.
Heroku
Wenn Sie eine Webanwendung mit einer Technologie wie Ruby on Rails oder PHP erstellt haben, benötigen Sie einen Server, um sie online zu hosten, damit die Öffentlichkeit sie verwenden kann. GitHub wird Ihren Code hosten, aber es wird nicht zulassen, dass Leute Ihre Software tatsächlich verwenden. Sie könnten Ihren eigenen Server einrichten und verwalten, aber dies erfordert viel Arbeit von Ihrer Seite. Bei Rails ist es besonders schwierig, da Sie ein spezielles Hosting benötigen.
Geben Sie Heroku ein. Heroku ist eine Cloud-Anwendungsplattform, auch Platform as a Service oder PaaS genannt. Sie können Ihre App auf Heroku hosten, anstatt Ihren eigenen Server zu verwalten.
Der Vorteil des Hostings Ihrer Web-App auf Heroku besteht darin, dass die gesamte Serverwartung übernommen wird, sodass Sie dies nicht tun müssen. Außerdem können Sie kostenlos klein anfangen und erst dann bezahlen, wenn Ihr Datenverkehr wächst und Sie mehr Ressourcen benötigen.
Twitter Bootstrap
Wenn Sie an einer Website oder Webanwendung arbeiten, sollten Sie Twitter Bootstrap in Betracht ziehen. Bootstrap ist ein Front-End-Framework, das seinen Namen hat, weil es Ihre Website bootstrappt, indem es ihr ein vorgefertigtes Design ähnlich dem von Twitter gibt.
Die gesamte HTML-Struktur, das CSS-Styling und die JavaScript-Funktionalität werden für Sie erledigt. Sie können sie so oft optimieren, wie Sie möchten, oder sie so lassen, wie sie sind. Es ist ein großartiges Werkzeug, wenn Sie, wie die meisten Programmierer, kein großer Designer sind. Das Beste von allem, es ist kostenlos.
Obwohl wir Twitter Bootstrap empfehlen, ist es nur eines von vielen Front-End-Frameworks. Sie haben auch die Wahl zwischen vielen anderen, wie Zurb Foundation.
Stack Overflow
Stack Overflow ist ein beliebtes Coding Q&Ein Forum, das von Jeff Atwood vom Coding Horror Blog gegründet wurde. Viele Programmierer verlassen sich auf dieses Forum, wenn sie nicht weiterkommen und Hilfe benötigen, und Sie können auch.
Die Verwendung von Stack Overflow ist einfach. Poste jede Art von Frage zu deinem Code, warte eine Weile und mit etwas Glück wird ein oder zwei erfahrene Programmierer bald auf deinen Thread springen und dir helfen.
Auch hier ist Stack Overflow nicht das einzige Tool seiner Art. Es ist jedoch das bekannteste und am stärksten frequentierte Codierungsdiskussionsforum, und daher haben Sie die besten Chancen, die Hilfe zu erhalten, die Sie von diesem Forum benötigen.
Markdown
Markdown ist ein Textformat, das von Zeit zu Zeit nützlich ist. Es hat ähnliche Formatierungstechniken wie HTML, aber viele Programmierer schreiben gerne in Markdown, weil es viel einfacher zu schreiben und zu lesen ist.
Hier sind einige Beispiele. Um eine Überschrift anzugeben, stellen Sie ein Hash-Symbol voran.
# This is a heading.Um eine Unterposition anzugeben, stellen Sie zwei Hash-Symbole voran.
## This is a subheading.Um kursiven Text anzuzeigen, umgeben Sie den Text mit Sternchen. Um fetten Text anzuzeigen, umgeben Sie den Text mit Sternchenpaaren.
The following word is in *italics*.The following word is in **bold**.***And this sentence is both bold and italic.***Markdown ist überall in der Programmierwelt zu finden. Sie werden es verwenden, um Ihre README-Datei auf GitHub zu schreiben, Sie werden es verwenden, um Ihre Beiträge in Stack Overflow und anderen Diskussionsforen zu schreiben, und Sie werden es zweifellos auch an anderen Orten finden.
Mach dir keine Sorgen, noch einen anderen Code zu lernen. Markdown ist noch einfacher zu erlernen als HTML. Die offizielle Markdown-Website bietet eine kurze Anleitung für den Einstieg.
HTML- und CSS-Validierung
Wenn Sie mit HTML und CSS arbeiten, empfiehlt es sich, Ihren Code zu validieren, um zu überprüfen, ob er den W3C-Standards entspricht. Wenn nicht, wird nichts Schlimmes passieren – aber es schadet nicht, es zu tun. Außerdem ist gültiger Code ein guter Glaubwürdigkeitsbooster.
Das W3C bietet kostenlose Validierungstools, mit denen Sie Ihren HTML- und CSS-Code ausführen können, um Fehler zu erkennen. Hier sind die Links:
- HTML-Prüfer
- CSS-Prüfer