Share
Du bist also schon ein ziemlich guter Webentwickler.
Sie haben einige Killer-CSS-Chops (sogar Browserübergreifend), vielleicht sind Sie seit Jahren ein Experte in Photoshop und Sie haben genug jQuery-Kenntnisse, um fast alle verketteten Animationen zum Laufen zu bringen.
Aber sicher fragst du dich, Was kommt als nächstes?
Eine der am häufigsten gestellten Fragen zur Webentwicklung lautet: "Wie bleibe ich auf dem neuesten Stand?" Chris Coyier hat kürzlich einen fantastischen Vortrag zu diesem Thema gehalten, und es gibt Websites, die sich ausschließlich mit den neuesten Webdesign-Nachrichten beschäftigen. Addy Osmanis Zusammenfassung, ein besserer Front-End-Ingenieur zu werden, bringt großartige Inhalte auf die Tafel, die Sie in Betracht ziehen sollten. Unnötig zu sagen, dass viele kluge Leute über dieses Thema nachdenken, so dass Sie in die richtige Richtung gehen.
Tapete Space Ghost von Mads Frantzen In diesem Artikel werden wir über einen sehr wichtigen Weg sprechen, um sich selbst zu differenzieren und ein besserer Entwickler zu werden: effektiv zu werden Entwickler für schnelle Interaktion.
Schnelle Interaktionsentwicklung ist ein Begriff, mit dem wir heute die Praxis beschreiben, schnell etwas für das Web zu erstellen, mit dem ein Benutzer interagieren kann, insbesondere mit der Absicht, die Interaktion schnell zu durchlaufen und zu polieren. Dies ist nicht das Gleiche wie das Erstellen von flachen Dokumenten. Stattdessen umfasst dies das Erstellen von Objekten, die eine oder mehrere haben Handlungsstränge der Interaktion.
Dies kann zum Beispiel ein Widget sein, in das der Benutzer eingeben und suchen kann, oder ein Dropdown-Menü, das einem Benutzer die Auswahl eines Untermenüelements ermöglicht. Diese interaktiven Elemente sind die Bausteine einer umfassenderen Geschichte der vollständigen Nutzung der Website durch den Benutzer. Daher sind sie äußerst wichtig, um durchlaufen und "fühlen" zu können. Beim Entwerfen einer Website können diese Interaktionen die Erfahrung des Benutzers beeinträchtigen oder beeinträchtigen und somit die Wirksamkeit der Website insgesamt beeinträchtigen.
Interaktionen haben nicht immer "bewegte" Teile; In der Tat hängt die Entwicklung schneller Interaktionen häufig von Inhaltshierarchien und Hyperlinks ab. Bei der Interaktionsentwicklung wird die vollständige Interaktion des Menschen mit dem Computer berücksichtigt, wobei Intuitionen über die Benutzerbasis, ein grundlegendes Verständnis menschlicher Faktoren und ein Wissen über die Botschaft und das Bild der Organisation oder des Individuums, das durch die Interaktion dargestellt wird, berücksichtigt werden.
Wenn ich einen Front-End-Webentwickler (oder irgendjemanden für diese Angelegenheit) anheuere, werde ich über fünf Hauptaspekte nachdenken.
Diese Fragen sind für jeden Teil des Einstellungsprozesses äußerst wichtig. Die erste Frage wird normalerweise auf der Grundlage der Interaktionschemie entschieden - nicht etwas, das wir in diesem Artikel behandeln werden. Die fünfte wird in der Regel von Fall zu Fall entschieden und fällt auch nicht in den Rahmen dieses Artikels. Bei der Beantwortung der anderen drei Fragen spielen jedoch zwei Hauptfaktoren bei der Beurteilung eine Rolle: Geschwindigkeit und Genauigkeit. Im Falle des Web-Entwicklers ist die schnelle Interaktionsentwicklung ein Weg, um zu beweisen, dass Sie das Handwerk der Interaktionsentwicklung sehr ernst nehmen.
Eine schnelle Interaktionsentwicklung wird nicht zufällig getroffen, wenn eine Muse schlägt (wie dies bei einem eher kunstgetriebenen Abschluss der Fall ist). Stattdessen ist eine schnelle Interaktionsentwicklung eine Fähigkeit, die vom Entwickler verfeinert wird. Diese Fähigkeit beweist Effizienz und Talent und gibt mehr Vertrauen in die Fähigkeit der Entwickler, Konsistenz zu erreichen. Um schnell Interaktionen entwickeln zu können, muss der Entwickler die zwei magischen Zutaten haben: Geschwindigkeit und Richtigkeit.
Ein Haftungsausschluss: Es kann sein, dass jemand eingestellt wird, weil er, obwohl er nicht so talentiert wie eine andere Person ist, extrem konsistent ist und eine großartige Persönlichkeit hat. Dies ist keinesfalls eine Anleitung, wie man einen Job als Entwickler bekommt.
Mit dem Verständnis der Wichtigkeit einer schnellen Interaktionsentwicklung können wir jetzt verstehen, wie Sie können sofort fange an, diese Fähigkeit zu verbessern. Einige dieser Tipps bedürfen einer einfachen Änderung der Denkweise, während andere eine Lerninvestition oder eine Musteränderung erfordern. All dies kann Ihnen jedoch dabei helfen, ein besserer, schnellerer und wertvollerer Webentwickler zu werden.
Haben Sie ein CSS-Framework übernommen? Wenn ja, dann verstehen Sie den Wert von wiederverwendbarem Code. Sie haben wahrscheinlich Muster übernommen, ohne es zu merken. Um dies zu beweisen, fragen Sie sich: "Wenn ich mit dem Aufbau einer Website beginne, was ist mein erster Schritt?" Wenn Ihre Antwort "Ich weiß nicht" ist, dann ist es Zeit, es herauszufinden. Wenn Ihre Antwort lautet: "Zuerst öffne ich meinen Texteditor", haben Sie mindestens einen Schritt in ein Muster übernommen.
Wie optimieren Sie ein Muster? Diese Aufgaben werden oft als Workflows bezeichnet. Dies ist jedoch keine angemessene Beschreibung, da der Workflow nicht alles enthält, worüber wir hier sprechen möchten. Einige gängige Tools zur Strukturierung Ihres Musters sind CSS- und JS-Frameworks wie Twitter Bootstrap, Foundation oder Topcoat.
… Vorverarbeitungswerkzeuge wie SASS oder LESS…
… Vielleicht vollständige Optimierungs- und Prozessortools wie CodeKit…
Starten Sie Wordpress-Themes wie Bones und sogar die Möglichkeit, benutzerdefinierte Skripts zu erstellen, die über eine Befehlszeile ausgeführt werden. Wenn Sie ein fortgeschrittener JavaScript-Entwickler sind und in einen neuen Bereich wechseln möchten, sollten Sie Backbone, Ember und andere (MVC-orientierte JavaScript-Frameworks) in Betracht ziehen [http://todomvc.com/]; Es ist auch ratsam, sich Node anzuschauen, die serverseitiges JavaScript unterstützt. Es kann einige Zeit dauern, aber einige dieser Tools zu erlernen und zu erlernen, erhöht sicherlich die Produktivität auf lange Sicht.
Empfehlung: Entscheiden Sie sich für eine Art HTML-Dokument "boilerplate / wiederverwendbares" index.html "und die zugehörige Dateistruktur, die allgemein anerkannten Konventionen folgt, mit semantischem Markup erstellt wird und ein" leeres Fenster "zur Verfügung stellt (think: HTML5 Boilerplate). Wenn Sie hauptsächlich mit Wordpress oder einem anderen Tool arbeiten, möchten Sie vielleicht eine ähnliche Boilerplate mit Basisfunktionalität für dieses Tool.
Wenn Sie etwas fortgeschrittener sind, sollten Sie sich mit Yeoman-Fähigkeiten vertraut machen, um schnell ein Gerüst für das Projekt zu erstellen und auf Assistenten basierende Boilerplate-Generierung zu erstellen. Entscheiden Sie sich für ein CSS- und / oder JS-Framework (Bootstrap, Foundation, Topcoat) und beginnen Sie früher als später mit der Verwendung eines Präprozessors für CSS. Das Erlernen eines Präprozessors ist die Zeitinvestition wert und wird die Produktivität nicht beeinträchtigen, da LESS und SASS beide mit Vanille-CSS umgehen können. Erstellen Sie mit den integrierten Klassen eines Frameworks ein vollständiges Wireframe eines grundlegenden Layouts. Sie werden wahrscheinlich überrascht sein, wie wenig Code Sie schreiben müssen, um ein funktionales Layout sehr schnell zu realisieren. Dies reduziert den Aufwand für das Schreiben von sich wiederholendem Code und hat den zusätzlichen Vorteil, dass weitaus umfangreichere Tests und Cross-Browser-Überlegungen verwendet werden, als dies eine Person alleine tun kann.
Es ist absolut wichtig, eine Lebensstil des Lernens Als ein Entwickler. Die Übernahme neuer Tools und Fähigkeiten, wie sie oben beschrieben wurden, ist ein Teil des Herzens eines erfolgreichen Entwicklers. Die Technologie, die wir täglich verwenden, verändert sich schneller als alles andere. Um auf oder über unserem derzeitigen Platz in der Branche zu bleiben, ist es unerlässlich, dass wir kontinuierlich lernen.
Aber - es ist auch so wichtig, das zu verstehen Das Lernen neuer Technologien wird Sie verlangsamen - zu Beginn. Aus diesem Grund sollten Sie beim Üben einer schnellen Interaktionsiteration nicht auch einen neuen Rahmen erlernen. Nehmen Sie sich stattdessen absichtlich etwas Zeit aus Ihrer Woche und widmen Sie es dem Erlernen dieses Rahmens durch ein Haustierprojekt, eine Wochenend-Hack-Night oder die Implementierung von Teilen des neuen Tools in einem Projekt, das absolut notwendig ist braucht die neuen Funktionalitäten dieser Lösung. Auf diese Weise können Sie Ihren Schwung aufrechterhalten und Probleme fließend lösen, anstatt Google und StackOverflow zu stoppen. Diese absichtliche Trennung ermöglicht es Ihnen, sich auf das Wesentliche zu konzentrieren: Konstruktionsprobleme lösen statt Codefehler.
Zweitens: Wenn Sie absichtlich lernen, hilft es auch, Probleme zu lösen, die bereits bekannte und gut dokumentierte Lösungen haben. Natürlich braucht die Welt nicht Ein weiterer einfache Anwendung Das Erstellen einer To-Do-Anwendung kann jedoch dazu beitragen, JavaScript viel besser zu verstehen, und kann Ihnen zukünftig beim Zusammenstellen von Informationen helfen, um neue Probleme zu lösen. Durch das Erstellen von Lösungen für Probleme, für die bereits gut dokumentierte Lösungen vorhanden sind, können Sie Ihre Lösung vergleichen und abgleichen, und es ist einfacher, nach Stö- rungen zu suchen. Wenn Sie sich in einem unerforschten Gebiet befinden und gleichzeitig versuchen zu lernen, ist es viel wahrscheinlicher, dass Sie sich verlaufen und das Lernziel beeinträchtigen.
Wenn Sie den Begriff "agil" gehört haben, haben Sie möglicherweise eine Vorstellung davon, was ein Sprint ist. Sprints sind kurze, vordefinierte Arbeitszeiträume, in denen Entwickler sich für eine Reihe von Zielen entscheiden und "Sprint", um diese Ziele innerhalb der vorgegebenen Zeit zu erreichen. Da es sich um eine schnelle Interaktionsentwicklung handelt, ist ein Sprint für diese Diskussion gut geeignet. Hier sind die Grundlagen.
Beim traditionellen agilen Ansatz basieren Sprints auf der Unterstützung der Teamzusammenarbeit und dauern im Allgemeinen mehrere Tage oder sogar Wochen. Hier geht es um Selbstmanagement und hyperfokussierte Mini-Sprints. Diese Mini-Sprints können sich sogar auf eine einzelne Aufgabe oder Interaktion und die damit verbundenen Ziele konzentrieren. Durch das Definieren und Priorisieren der Aufgabe oder ihrer Teilaufgaben vor dem Eintauchen in die Arbeit und dem anschließenden Nachdenken über den Prozess und das Anpassen Ihres Workflows oder Ihrer Muster (denken Sie daran, es ist wichtig, Ihre Muster zu optimieren), werden Sie objektiver werden Ihre Geschwindigkeit und Produktivität und ermöglichen es Ihnen, sich bewusst zu machen, was Verbesserungen auf Mikroebene bedeuten könnten.
Empfehlung: Definieren Sie zwei 3-Stunden-Sprints für einen Tag mit jeweils einer Hauptaufgabe. Der Zweck des Sprints (wie bei einem physischen Sprint) besteht darin, das Gehirn für diese 3 Stunden so hart wie möglich zu bewegen. Nach diesen 3 Stunden benötigen Sie eine Gehirnpause. Vielleicht ist dies Ihre Mittagspause, oder Sie haben sich für einen alternativen Zeitplan entschieden, um einen ununterbrochenen hyperfokussierten Zeitblock zu ermöglichen (dazu später mehr). In jedem Fall hilft das Planen dieser Sprints voneinander, das Gehirn aufzuladen. Es lohnt sich, ganz andere Arten von Aktivitäten auszuprobieren (zum Beispiel einen Spaziergang oder eine Fiktion zu lesen) oder sogar ein Nickerchen - mehr dazu. Wenn Sie für eine Agentur arbeiten, ist der Zeitunterschied möglicherweise die Zeit, die Sie für Besprechungen, administrative Aufgaben oder weniger Entwicklungsaufgaben einplanen. Einige Leute halten dies für die beste Methode, um jeden Tag zu arbeiten, und manche entscheiden sich möglicherweise dafür, diese Art von "Sprint-Intervalltraining" sporadisch durchzuführen. Wählen Sie aus, was Sie am produktivsten macht, und beschleunigen Sie Ihre Interaktionsentwicklung.
Wenn Sie wie die meisten Menschen sind, haben Ihre Finger ein Muskelgedächtnis; Wenn Sie einen Browser öffnen, müssen Sie sofort Hacker News, Tuts + oder Twitter eingeben. Was sind die Websites, die Sie dazu veranlassen, sich zu verschieben??
Hacker News hat dieses Problem in besonderer Weise angegangen und bietet registrierten Benutzern die Möglichkeit, eine Einschränkung für "Noprocrastinate" einzurichten. Es gibt einige interessante Tools, die auch solche Einschränkungen bieten, aber warum sollten Sie es nicht selbst tun? Führen Sie auf einem Mac die folgenden Befehle vom Terminal aus:
sudo nano / etc / hosts # Geben Sie Ihr Passwort ein, wenn Sie danach gefragt werden. # Dies öffnet eine Datei in einem Terminal-basierten Code-Editor. # Mach dir keine Sorgen! Sie werden hier nicht viel tun. Geben Sie die folgenden Zeilen ein. 0.0.0.0 twitter.com 0.0.0.0 facebook.com # drücken Sie Strg + C (Beenden), Y (Ja, ich möchte speichern), und geben Sie (als vorhandenen Dateinamen speichern) ein.
Sie können dieselbe Datei unter Windows bearbeiten (siehe diese Erklärung)..
Dadurch wird die Verwendung von Twitter oder Facebook blockiert und Sie werden stattdessen zu Ihrem localhost umgeleitet (0.0.0.0 ist eine Verknüpfung zu Ihrem Computer). Um wieder zu Social-Network-Land zu gelangen, folgen Sie den gleichen Schritten, entfernen Sie jedoch die hinzugefügten Zeilen.
Empfehlung: Sollten Sie Facebook und Twitter während der Arbeit ständig blockieren? Wir sagen nein. Es ist sinnvoll, kleine Pausen zwischen den Aufgaben einnehmen zu können, um nicht auszubrennen. Wenn Sie jedoch während eines Sprints scheinbar Zeit verschwenden, ist es wichtig (zumindest so lange, bis Sie die durch Muskelgedächtnis verursachte Angewohnheit gebrochen haben), um sie auf Pause zu setzen. Der wichtige Hinweis hier ist, kontrolliere deine Verschleppung, auch wenn dies zeitplanung bedeutet verschwenden. Wenn Sie sich der Zeit bewusst sind, in der Sie sich für eine bestimmte Aktivität befinden, können Sie sich bewusster machen, ob diese Zeit Ihrer Kontrolle entgleitet oder nicht.
Es ist seit langem bekannt, dass Unterbrechungen die Produktivität von Wissensarbeitern verringern. (Sehen Sie hier, hier hier, hier - und es gibt viel mehr über eine schnelle Google-Suche.) Programmierer (und damit auch Webdesigner) sind anfällig, möglicherweise nur zu bekommen ein ununterbrochene 2-stündige Sitzung an einem Tag. In der agilen Methodik gibt es das Konzept der Kernstunden, das besagt, dass ein starker Fokus für insgesamt fünf Stunden pro Tag beibehalten werden sollte. Dies ist ein großer Sprung von den zwei Stunden, die Programmierer in einem normalen Büro erwarten können.
Es gibt viele Arten von Unterbrechungen, aber wir werden heute zwei spezifische Aspekte der Unterbrechung betrachten. Die ersten sind willkommene oder "selbstverschuldete" Unterbrechungen, die zweiten sind externe oder "aufdringliche" Unterbrechungen. Beide Typen wirken sich negativ auf die Produktivität aus, und beide Typen können auf unterschiedliche Weise verwaltet werden.
Selbst verursachte Unterbrechungen auftreten, weil Sie in gewisser Weise Raum geschaffen haben, damit sie auftreten können. Diese sind in der Regel in Form von programmierbaren Benachrichtigungen (Telefon, Computer usw.) verfügbar..
Aufdringliche Unterbrechungen auftreten, weil andere Menschen Sie brauchen, um auf sie zu achten. Die Trennung ist die zeitliche Koordinierung und Gefühl der Dringlichkeit. Sie müssen Ihre Zeit selbst verwalten, und Sie müssen Wege finden, um die negativen Auswirkungen einer Unterbrechung so weit wie möglich zu umgehen.
Was tun Sie, um Unterbrechungen zu lindern? Wie erreichen Sie die Zen Zone Time? Hier sind einige unserer Empfehlungen.
Was macht "Hackathon" -Events so produktiv? Wie können Menschen in 48 Stunden brauchbare Produkte herstellen? Vielleicht ist es eine Mischung von Eigenschaften.
1. Voraussichtliche, geschützte, geplante Zeit für fokussierte schnelle Entwicklung
2. Wettbewerb mit anderen
3. Bargeldbelohnungen
Hackathons brechen aus dem "normalen Fluss" der täglichen Arbeit. Sicher möchten wir nicht 48 Stunden hintereinander arbeiten die ganze Zeit. Die daraus resultierenden Produktivitätsdenken sind jedoch extrem wichtig. Wir haben bereits darauf hingewiesen, wie wichtig der Fokus und die ununterbrochene Zeit sind. Es lohnt sich jedoch zu überlegen, wie die Schaffung einiger persönlicher Wettbewerbs- und Belohnungssysteme dazu beitragen kann, Ihre Effizienz in der Entwicklung zu steigern. Dies hilft beim Setzen von Benchmarks und trainiert auf natürliche Weise Ihr Gehirn, um sich an das lohnende Verhalten anzupassen.
Empfehlung: Wenn Sie mit einem anderen Entwickler zusammenarbeiten, entscheiden Sie sich für einen Wettbewerb mit klaren Zielen und machen Sie ihn zeitorientiert. Ist nicht wirklich wichtig, was diese Ziele sind. Nehmen Sie sich etwas Zeit, um sie durchzuarbeiten. Vielleicht kannst du gegen dich selbst antreten; Üben Sie, indem Sie die Sprints als Wettkampf verwenden und setzen Sie Ihre Ziele auf erhöhen, ansteigen Ihre Effizienz durch eine gewisse Zeit. Legen Sie Belohnungen sowohl für den Wettkampfmodus als auch für den fokussierten Arbeitseinsatz fest. Dies hilft Ihnen, sich während des Sprints fokussiert zu halten. Eine Belohnung kann eine physische Sache sein (wie eine Tasse Kaffee) oder etwas weniger Konkretes (wie ein VIP-Parkplatz für eine Woche oder "Freizeit")..
Wir werden diesen Tipp kurz halten, weil die Vorteile hier offensichtlich sind. Die Open Source World ist voll von erstaunlichen und talentierten Leuten, die Dinge schaffen, die anderen helfen, ihre Arbeit jeden Tag besser zu machen. Beispiele wie die oben erwähnten Gerüste kratzen die Oberfläche kaum. Hier sind einige Vorteile für das Arbeiten und Kommunizieren mit der Open Source-Community.
Wenn Sie in die Open-Source-Community eintauchen und lernen, die angebotenen Tools zu verwenden, kann dies sofort die Produktivität steigern, aber es ist auch viel wahrscheinlicher, dass eine andere Person Ihr Projekt aufgreift und dieses Projekt weiterentwickelt. Open Source ermöglicht es Menschen, an einer bestimmten und bereits vorhandenen Dokumentation zusammenzuarbeiten. Dies reduziert den kognitiven Aufwand für die Übertragung von Projekten und macht Sie zu einem viel geschickteren Entwickler. Dies führt sofort zu einer höheren Effizienz.
Empfehlung: Holen Sie sich ein GitHub-Konto und beginnen Sie mit der Entwicklung von Tools, die auf GitHub verfügbar sind.
Dies ist in gewisser Weise eine Wiederholung des zuvor Gesagten. Verwenden Sie Open Source-Frameworks, um Probleme auf vorhersagbare, strukturierte Weise zu lösen und an der Gemeinschaft anderer Personen teilzunehmen, die dies tun. Zusammenarbeit und Diskussion sind sehr wichtige Schlüssel zum Lernen.
Dies ist keinesfalls eine vollständige Liste der Möglichkeiten, um ein Entwickler für schnelle Interaktionen zu werden. Lassen Sie einige Anmerkungen in den Kommentaren von Dingen, die Sie ausprobiert haben, die funktioniert haben, fehlgeschlagen sind oder nur geringe oder gar keine Auswirkungen hatten!
Accentsconagua