Code schneller tippen lernen

Code schneller tippen lernen

Wer auf der Tastatur schneller tippen lernen will, kann ein Lern-Programm dafür nutzen. Gerade als Programmierer spart man jede Menge Zeit, wenn man schnell und fehlerfrei tippen kann. Mit SpeedCoder lässt sich diese Fähigkeit trainieren.

SpeedCoder verfügt über eigene Trainings-Einheiten für die jeweilige Sprache, in der man programmiert. Dabei wird ein Code-Schnipsel angezeigt, den man abtippen kann.

Nach dem Aufruf von www.speedcoder.net wird rechts auf Start Now geklickt. Jetzt entweder als Gast fortfahren – dabei wird der Fortschritt aber nicht gespeichert –, oder man registriert einen Account. Danach die gewünschte Programmier-Sprache auswählen, und schon geht es los.

Der Web-Dienst zeigt, wie die Finger korrekt auf die Tastatur gelegt werden, und gibt an, welche Tasten für ein bestimmtes Zeichen jeweils zu drücken sind. Drückt man die falschen Tasten, wird der Code rot. Auch das Einfügen eigener Code-Extrakte ist möglich. Momentan werden die QWERTY- und DVORAK-Layouts unterstützt.

www.speedcoder.net

So nutzen Sie den ablenkungsfreien Modus von Sublime Text

So nutzen Sie den ablenkungsfreien Modus von Sublime Text

Wer ein schwieriges Programmierproblem lösen muss – oder einfach nur an seiner eigenen Webseite arbeitet – der will nicht abgelenkt werden. Nutzen Sie für Ihre Arbeit den kostenlosen Editor Sublime Text, schalten Sie einfach den ablenkungsfreien Modus ein.

Der blendet nicht nur die Fensterrahmen aus, sondern auch die Taskleiste und das Dock. So arbeiten Sie ungestört und können sich ganz auf den Quelltext konzentrieren. Der ablenkungsfreie Modus lässt sich über die Menüleiste mit Klicks auf „View, Enter Distraction Free Mode“ starten. Bevorzugen Sie die Tastatur, steht Ihnen für diese Funktion das Tastenkürzel [Umschalt] + [F11] zur Verfügung.

Sublime Text ist ein vielseitiger und leistungsfähiger Gratis-Editor nicht nur für Programmierer, der sich gut an die eigenen Nutzungs-Gewohnheiten anpassen lässt. Mehr Infos und kostenloser Download unter www.sublimetext.com.

sublime-text-ablenkungsfreies-vollbild

Neuer Gratis-Editor (nicht nur) für Programmierer

Neuer Gratis-Editor (nicht nur) für Programmierer

Das Herzstück eines Entwickler-PCs ist der Editor. Die Code-Plattform GitHub stellt jetzt einen neuen Editor vor, der ganz in HTML und CSS geschrieben ist: Atom ist ein Editor für das Web, mit dem Web.

Atom ist ein Desktop-Programm, das auf Web-Technologie basiert. Wie andere Desktop-Apps hat Atom ein eigenes Icon im Dock oder in der Taskleiste, echte Menüs und Dialoge sowie Vollzugriff auf die Festplatte. Sobald Sie aber die Entwicklertools öffnen, scheint das webbasierte Herz durch. So wird es sehr einfach, Ihren Editor zu kontrollieren, egal ob Sie das Aussehen mit CSS anpassen wollen, oder neue Funktionen einbauen möchten.

Mac-Nutzer finden Atom zum kostenlosen Herunterladen auf der Projektwebseite www.atom.io. Für Windows und Linux gibt es noch keine offizielle Version, daran arbeitet man noch. Wer mag, kann die inoffiziellen Atom-Builds für Windows nutzen. Eine Installation ist nicht nötig – einfach entpacken und „atom.exe“ starten.

atom-editor

Text- oder Code-Ausschnitte schnell und gratis mit anderen teilen

Text- oder Code-Ausschnitte schnell und gratis mit anderen teilen

Sie haben ein interessantes Zitat oder einen Programmcode gefunden, den Sie archivieren oder mit jemand anders teilen wollen? Besonders einfach geht das mit einem Gist.

Das englische Wort „gist“ bedeutet „Kernaussage“, und ist gleichzeitig der Name eines kostenlosen Webdienstes für Text und Code aller Art. Kopieren Sie den jeweiligen Abschnitt, den Sie wiederverwenden wollen, zunächst in die Zwischenablage. Anschließend laden Sie die Webseite https://gist.github.com/. Haben Sie ein GitHub-Konto, melden Sie sich anschließend oben rechts an, dies ist aber keine Voraussetzung.

Hinterlegen Sie jetzt einen Namen für Ihren Text-Ausschnitt, und fügen Sie den Inhalt der Zwischenablage dann darunter ein. Sie haben nun die Wahl zwischen einem öffentlichen und einem privaten Gist. Der Unterschied besteht darin, dass private Gists nur für diejenigen erreichbar sind, die die URL kennen. Nachdem Sie also auf „Create Secret Gist“ oder „Create Public Gist“ geklickt haben, kopieren Sie die Adresse aus der Adresszeile. Diese können Sie dann an jemand anders weitergeben. So lassen sich Textpassagen oder auch Quellcode schnell und einfach teilen.

gist

Apps erstellen, die in Windows 8.1 und Windows Phone 8.1 laufen

Apps erstellen, die in Windows 8.1 und Windows Phone 8.1 laufen

Mit ein- und demselben Quelltext eine App für den PC und das Handy entwickeln – genau das ist nun möglich. „Universelle Apps“ lassen sich mit Visual Studio 2013 programmieren. Wie gehen Sie vor?

Damit Sie universelle Apps erstellen können, installieren Sie zuerst den „Update 2 RC“ für Visual Studio 2013. Diese Aktualisierung finden Sie kostenlos im Microsoft Download Center.  Nach dem Update starten Sie Visual Studio 2013 und klicken darin auf „Datei, Neu, Projekt…“. In der linken Spalte wählen Sie jetzt die gewünschte Programmiersprache und markieren anschließend rechts einen der Einträge „Universelle App“.

Übrigens lassen sich auch bestehende Projekte als universelle App einrichten. Dazu genügt im Projektexplorer ein Rechtsklick auf das Projekt. Im Kontextmenü wählen Sie dann „Windows Phone 8.1 hinzufügen“ oder „Windows 8.1 hinzufügen“.

visual-studio-universelle-apps

Sublime Text: Farb-Schema des Editors einstellen

Sublime Text: Farb-Schema des Editors einstellen

Besser als der Windows-Editor eignet sich das kostenlose Sublime Text, wenn es um die Belange von Programmierern geht. Ein weiterer Pluspunkt: Im Gegensatz zum Editor lässt sich hier auch das Farbschema des Quelltextes den eigenen Wünschen anpassen.

Um das Farbschema von Sublime Text (kostenloser Download unter www.sublimetext.com) einzustellen, klicken Sie nach dem Start des Programms in der Menüleiste auf „Preferences“ und zeigen dann auf „Color Scheme“. Hier klicken Sie auf das Untermenü „Color Scheme – Default“, und wählen dann eins der verfügbaren Farbschemas aus.

Einige Designs sind eher dunkel gehalten (was beim häufigen Arbeiten mit dem Editor die Augen schont), während andere einen hellen Hintergrund haben. Jedes Schema nutzt andere Farben zum Hervorheben des Quelltexts (Syntax-Highlighting), je nach Ihren Vorlieben.

Extra-Tipp: Im Internet gibt es, zum Beispiel bei GitHub, viele weitere Farbschemas für Sublime Text. Wie sie installiert werden, wird in der jeweiligen Readme-Datei beschrieben.

sublime-text-farbschema-einstellen

Was versteht man unter… HTML?

Was versteht man unter… HTML?

Das von Suchmaschinen durchforstete Internet umfasst momentan mehr als 7,5 Milliarden Seiten. Ob Wikipedia oder die Google-Startseite – alle sind in einer besonderen Sprache geschrieben, dem HTML. Aufgabe des Browsers ist es, aus diesem Quelltext eine Webseite zu zeichnen, die Sie betrachten und verwenden können.

Mit HTML, der Hypertext Markup Language, kann man im Gegensatz zu Programmiersprachen wie Java oder C# keinen ausführbaren Code schreiben. Aufgabe dieser Seitenbeschreibungs-Sprache ist es vielmehr, ein Dokument in verschiedene Bereiche aufzuteilen und logisch zu kennzeichnen. Diese Informationen geben beispielsweise an, ob ein Satz zu einer Aufzählung gehört, ob ein Wort als Link angeklickt werden kann, oder ob ein Ausdruck als Überschrift gelten soll.

HTML-Dokumente bestehen grundsätzlich aus Text. Sowohl sämtliche Bilder als auch die Angabe, ob ein Text fett oder rot angezeigt werden soll, werden aus externen Quellen zusätzlich geladen, wenn Sie eine Webseite öffnen. Sie sind neugierig, wie der Quelltext einer Seite aussieht? Klicken Sie mit der rechten Maustaste auf den Hintergrund der Webseite, dann auf „Quelltext anzeigen“.

HTML wurde ursprünglich von der Europäischen Organisation für Kernforschung entwickelt; die erste Version wurde Ende 1992 vorgestellt. Inzwischen arbeitet man international am HTML5-Standard, der bereits von allen modernen Browsern weitgehend unterstützt wird.

Übrigens, so sieht der HTML-Quelltext von schieb.de aus:

HTML-Quelltext von schieb.de