Das Internet ist nicht nur ein Ort, an dem Sie das Programmieren lernen können. Es gibt viele nützliche Online-Tools, die dem Entwickler in verschiedenen Phasen des Projekts helfen und somit ein wenig Zeit sparen können.
Der Autor des Artikels, dessen Übersetzung wir heute veröffentlichen, hat 9 solcher Tools ausgewählt.
1. Kann ich verwenden
Wenn Sie sich jemals gefragt haben, ob eine API (zum Beispiel
localStorage ) mit einem bestimmten Browser kompatibel ist, bedeutet dies, dass die Website "
Kann ich verwenden" für Sie nützlich ist. Es enthält ständig aktualisierte Informationen darüber, welche Technologien Desktop- und mobile Browser unterstützen.
Testen der localStorage-Unterstützung für verschiedene Browser2. Unminify
Die
unminify.com- Ressource ist ein kostenloses Online-Tool zum Minimieren (Entpacken, Enttarnen) von JavaScript-, CSS- und HTML-Code. Hiermit können Sie einen minimierten Code in einen lesbaren Code umwandeln. Dies ist eine der am häufigsten verwendeten Ressourcen, um Code lesbar zu machen.
Möchten Sie den eingerückten Code einer Person herausfinden oder den Inhalt einer Datei untersuchen, deren Code eine einzelne unlesbare Zeile ist? Fügen Sie dazu einfach den Code in das entsprechende Feld in der Ressource Unminify ein. Auf diese Weise können Sie buchstäblich genau sehen, was früher unverständlich aussah, und zwar in einer Form, die für die Wahrnehmung praktisch ist.
Unminify.com-Ressource3. Kompressor
Bilddateigrößen können beim Laden von Webseiten einen erheblichen Beitrag leisten.
Compressor.io ist eine Ressource, die darauf abzielt, die Größe von Bildern bei gleichzeitiger Wahrung ihrer Qualität zu reduzieren. Diese Seite leistet hervorragende Arbeit. Infolgedessen gibt es fast keine externen Unterschiede zwischen dem Originalbild und dem komprimierten Bild.
Ressourcenkompressor.io4. Cloudcraft
Das
Cloudcraft- Projekt hilft beim Entwurf von Cloud-Systemen und bei der Berechnung der Kosten für Cloud-Services. Über die praktische Benutzeroberfläche können Sie Volumenschemata erstellen, indem Sie Objekte bearbeiten, bei denen es sich um Cloud-Infrastrukturdienste handelt (bisher wird jedoch nur die
AWS- Plattform unterstützt). Darüber hinaus können Sie die Kosten für die Verwendung von Cloud-Architekturen berechnen, die mit deren Hilfe erstellt wurden.
Planen der Cloud-Architektur mithilfe von AWS5. Repl.it
Auf
repl.it finden Sie eine großartige Online-IDE. Vielleicht - genau das, wonach Sie gesucht haben. Hier können Sie in nur wenigen Sekunden auf eine Entwicklungsumgebung zugreifen, die für nahezu alle Programmiersprachen oder Technologiepakete ausgelegt ist.
Dieses Projekt unterstützt alle modernen Programmiersprachen. Unter ihnen sind Python,
Kotlin ,
Ruby , JavaScript. Hier können Sie zusätzliche Bibliotheken oder Pakete installieren und direkt verwenden, ohne sie auf den lokalen Computer herunterladen zu müssen.
Mit der Ressource können Sie Links zur Arbeitsumgebung freigeben, die den Code eines Projekts enthalten.
Express-Anwendungsentwicklung in der Node.js-Umgebung6. RequestBin
Über das
RequestBin- Projekt erhält der Entwickler Zugriff auf HTTP-Endpunkte, auf denen alle an ihn gesendeten Anforderungen erfasst werden können. Auf diese Weise können Sie solche Anfragen analysieren, prüfen und die an sie übermittelten Daten überprüfen.
Diese Funktionen können in solchen Fällen sehr nützlich sein, wenn Sie beispielsweise Webhook-Anforderungen von verschiedenen Sites aus debuggen müssen, in Situationen, in denen die Struktur solcher Anforderungen und die Funktionen der darin verfügbaren Daten nicht im Voraus bekannt sind.
Vom Endpunkt in der POST-Anforderung empfangene Daten7. Webcode
Web Code ist einer der besten existierenden Codegeneratoren. Sie können automatisch Code für eine Vielzahl von Anforderungen erstellen, indem Sie einfach die Anforderungen für diesen Code festlegen.
Dieses Tool kann für Webentwickler sehr nützlich sein, die mit einigen Aspekten von HTML und CSS nicht besonders vertraut sind.
Generieren von CSS-Code, mit dem Sie die Rahmen eines Elements auf verschiedene Arten anpassen können8. BundlePhobia
Seit dem Aufkommen moderner Front-End-Frameworks bemühen sich die Entwickler, die Größe ihrer Anwendungspakete so weit wie möglich zu reduzieren und damit die Ladezeit für die Benutzer ihrer Projekte zu verkürzen.
Die
BundlePhobia- Ressource
soll Entwicklern dabei helfen, zu analysieren, wie ein npm-Paket die
Buildgröße einer Anwendung erhöhen kann.
Sie können die Datei
package.json auf diese Site herunterladen und eine Zusammenfassung der im Projekt verwendeten Pakete erhalten. Hier erfahren Sie die Details zu einem separaten Paket.
Ermitteln Sie die Größe der pdfmake-Bibliothek9. Fingerprint.js
In diesen Tagen werden Sie nicht überrascht sein, dass das Sammeln eindeutiger Browser-IDs über eine Website keine leichte Aufgabe ist.
Um die Lösung dieses Problems zu vereinfachen, können Sie die wunderbare Bibliothek
fingerprint.js verwenden. Es ist hilfreich, spezielle Browser-IDs zu generieren, ohne Cookies oder solche Daten zu verwenden, die von unehrlichen Benutzern leicht beeinflusst werden können. Auf diese Weise können Sie schnell detaillierte Browserinformationen sammeln, die entweder in ihrer ursprünglichen Form oder durch Erstellen eines darauf basierenden Hashs verwendet werden können, mit dem Sie einen eindeutigen Benutzer identifizieren können.
Mit dieser Bibliothek können Sie so etwas wie ein Analogon der Kennung einer UUID eines Mobilgeräts erstellen. Sie können es über das CDN verwenden und als npm-Paket installieren.
Abrufen von Benutzerinformationen von einem BrowserSehr geehrte Leser! Welche Tools zur Steigerung der Produktivität eines Webentwicklers würden Sie dieser Liste hinzufügen?
