Share
Nun, 2012 ist zu Ende gegangen. Eine Fülle hervorragender Tutorials und Artikel wurde das ganze Jahr über veröffentlicht, sowohl auf Nettuts als auch an anderen Stellen im Internet. Um das Jahr zu dokumentieren, habe ich Monat für Monat eine Liste von sechzig der besten Tutorials erstellt. Sie werden wahrscheinlich einige finden, die Sie auf dem Weg verpasst haben!
Manchmal ist es leicht zu überwältigen, wie viel es in dieser Branche zu lernen gibt. Wenn sich jQuery auf Ihrer persönlichen Liste befindet, müssen Sie sich für Jeffrey Way's Kurs "JQuery in 30 Tagen lernen" entscheiden. Wenn Sie ihm im nächsten Monat fünfzehn Minuten pro Tag geben, hilft er Ihnen, ein jQuery-Profi zu werden - und das ist kostenlos!
.htaccess-Dateien werden zur Konfiguration von Apache sowie einer Reihe anderer Webserver verwendet. Trotz der Dateierweiterung .htaccess handelt es sich lediglich um Textdateien, die mit einem beliebigen Texteditor bearbeitet werden können. In diesem Artikel werden wir überprüfen, was sie sind und wie Sie sie in Ihren Projekten verwenden können.
Informieren Sie sich über die Funktionen von HTML5, CSS3 usw., wissen Sie, ob sie einsatzbereit sind, und finden Sie heraus, wie Sie sie verwenden sollten - mit Polyfills, Fallbacks oder wie sie sind.
Bevor Sie JavaScript-Frameworks erkunden, die bei der Strukturierung von Anwendungen hilfreich sind, kann es hilfreich sein, grundlegende Kenntnisse über Architekturentwurfsmuster zu erlangen. Entwurfsmuster sind bewährte Lösungen für häufig auftretende Entwicklungsprobleme und können strukturelle Paradigmen vorschlagen, die uns bei der Hinzufügung einer Organisation zu unserer Anwendung helfen.
Steve Souders erläutert die Auswirkungen der Website-Geschwindigkeit auf die Benutzer und gibt Hinweise zur Erstellung von leistungsstarken HTML5-Anwendungen.
Versprechungen sind eine aufregende jQuery-Funktion, die das Verwalten von asynchronen Ereignissen zum Kinderspiel macht. Sie ermöglichen es Ihnen, klarere, kürzere Rückrufe zu schreiben und die Anwendungslogik auf hoher Ebene von den Verhaltensweisen auf niedriger Ebene zu trennen. Wenn Sie die Versprechungen verstanden haben, sollten Sie sie für alles von AJAX-Aufrufen bis zum UI-Fluss verwenden. Das ist ein Versprechen!
Ich habe oft diese Frage bekommen: "Wie haben Sie Ihr Terminal so aussehen lassen, wie es aussieht?" Wenn Sie mein Terminal bemerkt haben und neugierig sind, wie ich es eingerichtet habe, ist dies das Tutorial für Sie! Natürlich reicht das, was Sie hier lernen, auch aus, um Ihre eigene benutzerdefinierte Eingabeaufforderung zu erstellen!
In diesem Artikel wird der Prozess der Verwendung von JavaScript aus einer MVC-basierten Perspektive beschrieben, um das DOM zu bearbeiten. Insbesondere werden wir unsere JavaScript-Objekte, ihre Eigenschaften und Methoden sowie ihre Instantiierungen parallel zum beabsichtigten Verhalten unserer Ansichten (was der Benutzer sieht) erstellen..
Ich habe SASS für so ziemlich alles benutzt, was ich in letzter Zeit gemacht habe. Hier sind einige Überlegungen zu dieser Reise. Von Überfällen über Abstürzen bis hin zu Abschalten. Von Apps und Teams zu Workflows und Syntax.
Accentsconagua
getUserMedia
getUserMedia ist eine API, über die eine Webseite über JavaScript auf die Kamera und das Mikrofon eines Benutzers zugreifen kann. Es wird in Opera 12 und Opera Mobile 12 für Android und WebKit in Chrome Canary-Builds (Anweisungen) unterstützt. Wie viele andere APIs ist es nicht Teil der "echten" HTML5-Spezifikation. Es begann als HTML5
In diesem Lernprogramm werden wir einen voll funktionsfähigen Kontaktmanager mit Backbone.js, Underscore.js und jQuery erstellen. Wir werden einen Blick auf die Basiskomponenten werfen, die Backbone ticken lassen, sowie auf einige der von Underscore vorgestellten Komfortmethoden. (Siehe die gesamte Sitzung.)
In diesem Tutorial zeige ich Ihnen, wie Sie mit PHP und ImageMagick alte Fotos (genau wie Instagram) erstellen. Warten? Was? Ja, das können Sie mit PHP und ImageMagick machen, und das kratzt nur an der Oberfläche!
ECMAScript 5 hat den strikten Modus für JavaScript eingeführt. Die Absicht ist, Entwicklern die Möglichkeit zu geben, sich für eine "bessere" Version von JavaScript zu entscheiden, in der einige der häufigsten und gefährlichsten Fehler unterschiedlich behandelt werden. Für eine Weile war ich skeptisch, vor allem mit nur einem Browser (Firefox), der anfangs den strikten Modus unterstützte. Bis zum heutigen Tag ist jeder Browser in der neuesten Version des strikten Modus verfügbar, einschließlich Internet Explorer 10 und Opera 12. Es ist Zeit, den strikten Modus zu verwenden.
Hier ist der Haken: Wenn Sie JavaScript von einem Drittanbieter laden, sollten Sie es asynchron ausführen. Möglicherweise möchten Sie auch Ihre eigenen Skripts asynchron laden. In diesem Artikel konzentrieren wir uns jedoch auf Dritte.
Die Prämisse von Präfixen stellt unrealistische Anforderungen an die Verwaltung von Websites durch Entwickler. Es wird viel darüber geredet, wie Präfixe funktionieren (durch Ändern der Richtlinien), aber ich glaube, dass sie bereits mit dem Entwickler-Workflow in Widerspruch stehen.
Verschlüsse werden im Land von JavaScript oft als eine arkane Kunst angesehen. Einmal beherrscht, können Sie wirklich erstaunliches JavaScript schreiben. In diesem Artikel erfahren Sie mehr über die Magie von JavaScript-Verschlüssen.
Wenn Sie an einem großen Projekt arbeiten, haben Sie zweifellos ein Erstellungsskript oder eine Reihe von Aufgabenskripten, um einige der sich wiederholenden Teile des Prozesses zu unterstützen. Abhängig von der Sprache, in der das Projekt geschrieben ist, können Sie Ant oder Rake verwenden. Was verwenden Sie jedoch, wenn das Projekt hauptsächlich aus JavaScript besteht? Das ist das Problem, das Ben Alman gelöst hat, als er Grunt kreierte.
Ich bin ziemlich zuversichtlich, dass ich niemanden hier überraschen darf, indem ich sage, dass CSS-Sprites schon eine ganze Weile existieren und ihre etwas kontroversen Köpfe im Bereich Web-Entwicklung bereits 2003 aufbauten.
Da die Weblandschaft immer komplexer wird, wird es immer wichtiger, in einer wachsenden Anzahl von Kontexten solide Web-Erlebnisse bereitzustellen. Glücklicherweise gibt das responsive Webdesign Web-Erstellern einige Werkzeuge, um Layouts für jede Bildschirmgröße zu erstellen. Wir verwenden Fließgitter, flexible Bilder und Medienabfragen, damit das Layout unabhängig von der Größe der Bildschirmabmessungen des Geräts gut aussieht.
Ich habe neulich eine README für ein Projekt geschrieben, von dem ich hoffe, dass andere Entwickler es sich ansehen und von ihm lernen werden. Als ich es schrieb, wurde mir klar, dass es die Art von Dingen war, die die Hölle aus mir einschüchtern konnte Vor ein paar Jahren, was mit den beiläufigen Erwähnungen von Node, npm, Homebrew, Git, Tests und Entwicklung und Produktion aufgebaut wird.
Viele Webentwickler verwenden SSH ("Secure Shell") täglich, um ihre Server zu verwalten, Dateien zu sichern, remote zu arbeiten und eine Vielzahl anderer Aufgaben auszuführen. Heute werde ich erklären, was SSH ist, eine kurze Verlaufsüberprüfung durchführen und schließlich lernen, wie Sie es auf Ihrem Remote-Server oder sogar in Ihrem lokalen Netzwerk einrichten. Lass uns anfangen!
Acht Monate lang hatte ich die Gelegenheit, während meines Ingenieurstudiums bei Yahoo bei YUI zu arbeiten. Heute möchte ich Ihnen die zehn wichtigsten Dinge mitteilen, die ich aus meiner Erfahrung mit YUI gelernt habe.
Der Bau eines Edelsteins war früher eine komplexe Aufgabe, für die entweder genaue Kenntnis des Edelsteinformats selbst oder einige spezielle Werkzeuge zur Erzeugung einer geeigneten Heizplatte erforderlich waren. Heutzutage können wir den hervorragenden Bundler verwenden, um diese Komplexität zu beseitigen und die Menge an generiertem Code auf ein Minimum zu reduzieren.
Wir haben hier mehr über die PDO-API von PHP auf Nettuts + berichtet, aber im Allgemeinen konzentrierten sich diese Artikel eher auf die Theorie und weniger auf die Anwendung. Dieser Artikel wird das beheben! Um es einfach auszudrücken: Wenn Sie immer noch die alte mysql-API von PHP verwenden, um eine Verbindung zu Ihren Datenbanken herzustellen, lesen Sie weiter!
Dieses Mal erfahren Sie mehr über die Adapter-, Dekorations- und Fabrikmuster.
JavaScript ist eine merkwürdige Sprache. Es ist leicht zu schreiben, aber schwer zu meistern. Am Ende dieses Artikels verwandeln Sie hoffentlich Ihren Spaghetti-Code in ein Fünf-Gänge-Menü, das voll lesbarer, haltbarer Leckereien ist!
In dieser Nettuts + Mini-Serie bauen wir eine Webanwendung von Grund auf neu auf, während wir in ein großartiges neues PHP-Framework eintauchen, das schnell an Fahrt gewinnt, genannt Laravel - ein einfaches und elegantes PHP 5.3-Framework.
Von Zeit zu Zeit werden Server und Datenbanken gestohlen oder gefährdet. In diesem Zusammenhang ist es wichtig sicherzustellen, dass einige wichtige Benutzerdaten, wie z. B. Kennwörter, nicht wiederhergestellt werden können. Heute lernen wir die Grundlagen für das Hashing und die notwendigen Schritte zum Schutz von Kennwörtern in Ihren Webanwendungen.
Klassen, Klassen, Klassen überall. Was ist, wenn wir überhaupt keine CSS-Klassen benötigen? Was wäre, wenn wir uns keine Sorgen mehr darüber machen müssten, wie viele Klassen wir verwenden und wie wir sie nennen sollen und nur ein für alle Mal mit ihnen fertig sind? Es wäre keine Offenbarung für Sie, zu sagen, dass HTML-Elemente ohne Rückgriff auf das Klassenattribut formatiert werden können, aber haben Sie die zahlreichen Vorteile betrachtet, die sich aus dem Verzicht auf Klassen ergeben?
AngularJS ist wie der vermisste Batarang, der in Ihrem Dienstprogramm Gürtel für Web-Entwicklung ist. Sie erhalten eine bidirektionale Datenbindung, die einfach zu bedienen und schnell ist. Ein leistungsstarkes Direktive-System, mit dem Sie wiederverwendbare benutzerdefinierte Komponenten erstellen können, und vieles mehr. Express ist ein hervorragender Webserver für Node.js, der Routing, Middleware und Sitzungen bereitstellt. Übrigens arbeiten die beiden recht gut zusammen!
Agile oder Agile Development - diese Worte hören wir heutzutage häufiger. Aber wissen wir wirklich, worum es geht? Wie kann es uns dabei helfen, effektiver zu werden und gleichzeitig viel Spaß beim Entwickeln von Software zu haben? Wie können wir es nutzen, um mit Geschäftsleuten zu kommunizieren und diese Kommunikation für beide Seiten einfach und konstruktiv zu gestalten?
Es war einmal eine Akte. Es war auf Ihrem Computer und Sie wollten es auf einen Server laden. Haben Sie sich jemals gefragt, warum es so viele Möglichkeiten gibt, das zu tun? In diesem Artikel werden einige Grundlagen der Bereitstellung erläutert, damit Sie wissen, wann Sie was verwenden. Lass uns anfangen!
Wir müssen es zugeben: Die PHP-Community hat ein wenig nachgelassen, wenn es um testgetriebene Entwicklung geht. Wir wissen, dass wir sollten, aber bis heute tut dies ein beträchtlicher Teil der Gemeinschaft nicht. In dieser neuen Reihe von Videos und Tutorials, die vom Nettuts + Team erstellt wurden, hoffen wir, dies ändern zu können. Vertrauen Sie mir: Es ist nicht so schwer, wie Sie denken.
Erstellen von Spielen in HTML5 Canvas ist nicht so schwer, wenn Sie die Logik des von Ihnen erstellten Spiels gelernt haben. In diesem Lernprogramm erfahren Sie, wie Sie ein nicht so einfaches Ping-Pong-Spiel in Canvas erstellen. Werfen wir zunächst einen Blick auf das Hauptkonzept und einige grundlegende Logik hinter diesem Spiel.
Letzte Woche war die Herausforderung 7dfps, eine offene Herausforderung, bei der die Teilnehmer innerhalb einer Woche eine FPS machen mussten. Solche Wettbewerbe sind sehr interessant für diejenigen, die mit Dingen experimentieren möchten. Sich selbst herauszufordern, ist IMO der beste Weg, um neue Dinge zu lernen. Sie können auch den berühmten "Ludum Dare" -Wettbewerb kennen. Ich habe gelernt, Backbone.js und Three.js (eine berühmte Bibliothek zusätzlich zu WebGL) in nur einer Woche zu verwenden, sodass Sie keine Entschuldigung haben, dass Sie dies nicht tun können
Sie haben also die Herausforderung angenommen, sich auf der Kundenseite durchzusetzen. gut gemacht. Sie haben alle Frameworks in Betracht gezogen und sind sich nicht sicher, welches Sie wählen sollen? Du bist nicht allein. Weiter lesen.
In diesem Artikel erfahren Sie, wie Sie mit Vagrant Ihre virtuellen Maschineninstanzen verwalten. Außerdem wird erläutert, wie Sie Puppet zur Bereitstellung verschiedener Ressourcen wie PHP und PostgreSQL nutzen können.
Die ereignisgesteuerte Programmierung kann für Anfänger überwältigend sein, was Node.js schwer machen kann. Aber lass dich nicht entmutigen; In diesem Artikel werde ich Ihnen einige Grundlagen von Node.js zeigen und erklären, warum es so populär geworden ist.
Die am häufigsten gestellte Frage, die ich seit der Veröffentlichung meines Artikels zu responsiven Navigationsmustern bekomme, lautet: Wie gehe ich mit komplexer Navigation für responsive Designs um?
Heute werden wir einige verschiedene Tools kombinieren und ein einfaches Node-Paket erstellen, mit dem ein Benutzer ein Verzeichnis nach Dateien durchsuchen kann. In diesem Tutorial werden wir mit Grunt eine Menge Arbeit für uns erledigen, ein Node-Skript in der Befehlszeile ausführbar machen und schließlich sehen, wie wir es im Node Package Manager (npm) veröffentlichen, damit jeder es installieren kann es.
Die Organisation kann die Wartbarkeit einer Anwendung beeinträchtigen. Bei kleineren Anwendungen ist die Organisation offensichtlicher. Mit zunehmender Anwendung und zunehmender Anzahl von Anwendungsentwicklern und Front-End-Ingenieuren, die Code erstellen, kann die Organisation jedoch verwirrender werden. In diesem Beitrag werden wir einige grundlegende Konzepte zur Organisation von Anwendungen durchgehen, sodass das Finden von relevantem Code ein effizienter und systematischer Prozess ist.
In diesem Screencast erstellen wir eine relativ einfache Klasse mit TDD-Techniken. Auf dem Weg werden wir verschiedene PHPUnit-Methoden besprechen, wie man Scheinobjekte erstellt und vieles mehr! Ich ermutige Sie, mitzuarbeiten. Es ist der beste Weg, um zu lernen!
In den meisten Backbone-Tutorials wird beschrieben, wie RESTful-Anforderungen an den Server gesendet werden. Aber wie erfassen wir diese Daten mit unserem serverseitigen Framework? Woher wissen wir, was die Anforderungs-URLs sind? Wie überwachen wir diese Anfragen mit den Chrome Dev Tools? Ich werde Ihnen das alles und noch mehr in diesem Screencast zeigen.
Wenn Sie die responsive Webdesign-Route wählen, gehören Fluid-Grids zum Angebot. Das heißt, Containerelemente werden in prozentualen Breiten festgelegt. Nur ein Beispiel: ein
In dieser zweiteiligen Serie werden wir uns Web Storage anschauen, eine der besten und interessantesten Funktionen, die aus der HTML5-Spezifikation hervorgehen. Wir werden uns die Geschichte sowohl von Web Storage als auch von Cookies ansehen.
JavaScript-Tests sind ein sensibles Thema. Einige Entwickler sind große Befürworter (darunter auch ich), während andere die Notwendigkeit oder den Nutzen nicht erkennen. Eine enorme Hürde ist die einfache Tatsache, dass es manchmal sehr umfangreich sein kann, sich einzurichten. Je länger es dauert, desto wahrscheinlicher ist es, dass der Entwickler sich nicht darum kümmern wird. Deshalb ist Testem so fantastisch. Es macht das Testen so einfach wie möglich und vor allem Spaß!
Eines der vielen Designziele der JavaScript-Sprache bestand darin, sie als Einzelthread auszuführen und dadurch einfach zu gestalten. Obwohl ich zugeben muss, dass angesichts der Eigenheiten der Sprachkonstrukte alles andere als einfach ist! Was wir unter "Single-Threading" verstehen, ist, dass es in JavaScript nur einen Kontroll-Thread gibt. Ja, leider kann Ihre JavaScript-Engine jeweils nur eine Funktion ausführen. Nun, klingt das nicht zu einschränkend, um Multi-Core-Prozessoren zu verwenden, die auf Ihrer Maschine im Leerlauf sind? HTML5 verspricht, das alles zu ändern.
In Bezug auf die Namespace-Unterstützung in PHP war dies ein holpriger Weg. Zum Glück wurde es in PHP 5.3 zur Sprache hinzugefügt, und die anwendbare Struktur von PHP-Code hat sich seitdem stark verbessert. Aber wie verwenden wir sie genau??
Ich habe viele Probleme gesehen, als sie Backbone.js zum ersten Mal kennenlernten. In diesem Blogbeitrag werde ich nach und nach ein wenig Code von dem, was ich vorher geschrieben habe, in den richtigen Backbone.js-Code umwandeln, indem ich Modelle, Sammlungen, Ansichten und Ereignisse verwende. Wir hoffen, dass Ihnen dieser Prozess ein tiefes Verständnis der wichtigsten Abstraktionen in Backbone.js vermittelt.
Die Validierung von Formularen war bekanntlich eine schmerzhafte Entwicklungserfahrung. Die clientseitige Validierung auf benutzerfreundliche, entwicklerfreundliche und zugängliche Weise zu implementieren, ist schwierig. Vor HTML5 gab es keine Möglichkeit, die Validierung nativ durchzuführen. Daher haben Entwickler auf eine Vielzahl von JavaScript-basierten Lösungen zurückgegriffen.
Unabhängig von unserem derzeitigen Könnensniveau waren wir alle zu einem bestimmten Zeitpunkt Anfänger. Klassische Anfängerfehler zu haben, ist mit dem Territorium verbunden. Heute haben wir eine Reihe von Autoren von Nettuts + Mitarbeitern gebeten, mit ihrer Liste von Fallstricken und Lösungen zu sprechen - in verschiedenen Sprachen. Lerne aus unseren Fehlern. mache diese Sachen nicht!
Haskell ist eine rein funktionale Sprache und beschränkt Sie von vielen herkömmlichen Programmiermethoden in einer objektorientierten Sprache. Aber bietet die Einschränkung der Programmiermöglichkeiten wirklich Vorteile gegenüber anderen Sprachen? In diesem Lernprogramm werfen wir einen Blick auf Haskell und versuchen zu klären, was es ist und warum es sich für Ihre zukünftigen Projekte vielleicht lohnt.
Ich glaube nicht, dass ich Sie davon überzeugen muss, dass das Testen Ihres JavaScript-Codes eine gute Idee ist. Es kann jedoch manchmal langweilig sein, JavaScript-Code zu testen, für den ein DOM erforderlich ist. Das bedeutet, dass Sie Ihren Code im Browser testen müssen und das Terminal nicht verwenden können, oder? Falsch, eigentlich: Geben Sie PhantomJS ein.
Diese Woche sollte ich bei YUIConf einen brandneuen Vortrag mit dem Titel "JavaScript-APIs" halten, von denen Sie noch nie gehört haben (und einige, die Sie bereits kennen). Leider kann ich aufgrund eines Terminkonflikts nicht teilnehmen. Anstatt die Arbeit des Zusammenstellens eines brandneuen Vortrags zu verschwenden (oder auf andere Weise verzögert zu haben), beschloss ich, einen Screencast des Vortrags zusammenzustellen.
Mein tägliches Leben verbringe ich bei BSkyB im Haus. Ich arbeite an großen Websites, von denen ich zuletzt über ein Jahr gebraucht wurde, um das Frontend zu bauen (und es ist noch nicht abgeschlossen). Für mich in meiner Welt ist schlechtes CSS eine sehr spezifische und problematische Sache; Wenn Sie monatelang an einer Site arbeiten, können Sie sich keinen schlechten Code leisten, sei es CSS oder sonstiges, und jeder schlechte Code muss korrigiert werden.
Es ist üblich, dass ein Client eine Anforderung für eine Datei sendet, die entweder nicht auf dem Server vorhanden ist oder sich an einem anderen Ort befindet. Dies kann verschiedene Ursachen haben. Sie verschieben Ihre Dateien möglicherweise auf dem Server (oder auf einem völlig anderen Server) oder möchten eine logische Dateisystemstruktur für die Verbindung von Clients darstellen.
Tools können dazu beitragen, dass sich unsere Workflows nahtlos anfühlen, sodass wir uns auf das konzentrieren können, was wir bauen, und uns nicht um den Prozess kümmern müssen. Die meisten Webentwickler arbeiten in allen Bereichen des Stacks von der Befehlszeile aus. Es gibt unzählige Dienstprogramme, die Sie produktiver machen können. Hierbei handelt es sich nicht um vollständige Befehlszeilenanwendungen wie Git, sondern um einfache und zusammenstellbare Tools, die Ihren Workflow als Webentwickler verbessern können.
In den letzten Jahren wurde die Abhängigkeitsinjektion von vielen Unternehmensentwicklern häufig diskutiert. Viele befürchteten, dass sie zu viel Zeit opfern würden, um ihre Anwendungsarchitektur aufzubauen, ohne wirklich zu arbeiten. In diesem Artikel erkläre ich, warum PHP-Entwickler beim Erstellen großer, skalierbarer Projekte die Abhängigkeit von Abhängigkeitseffekten in Betracht ziehen sollten.
Programmierer wie ich sind oft vom Design eingeschüchtert - aber ein wenig Aufwand kann zu einer enormen Rendite führen. Hier sind die Tipps eines Codierers, damit jede Site schnell professioneller wird. Ich bin Programmierer. Ich bin kein Designer. Ich habe einen Abschluss in Informatik und stört mich nicht an Comic Sans. (Es sieht fröhlich aus. Mach weiter.)
Haben Sie schon einmal eine Remote-Terminalsitzung ausgeführt, nur um die Verbindung nach einer großen Aufgabe abzubrechen? Anschließend stellen Sie die Verbindung wieder her, ohne etwas über den Fortschritt (falls vorhanden) und den aktuellen Status zu erfahren. Bildschirm ist die Lösung für dieses Problem. Auf dem Bildschirm können Sie Terminalsitzungen starten, zu denen Sie die Verbindung jederzeit trennen und wieder aufnehmen können.
Nun, das ist meine Liste von 60 tollen Tipps und Tutorials aus dem Jahr 2012. Sie haben wahrscheinlich eigene Favoriten; lasst sie uns in den Kommentaren hören!
