Frontend Conf - kümmert sich um den Benutzer

Ich werde nicht argumentieren, dass das Front-End wichtiger ist als das Back-End, oder das umstrittene Konzept unterstützen, dass "ein Back-End im modernen Web optional ist". Wir lassen Holivars beiseite, wir geben einfach zu, dass der Front-End-Entwickler sich mit der eigentlichen Client-Seite von Webprojekten beschäftigt, was bedeutet, dass seine Arbeit für die Endbenutzer am sichtbarsten ist, für die es einen Kampf gibt. Das heißt, nicht genug auf das Frontend zu achten, ist einfach unzulässiger Luxus.

Wir haben uns dafür entschieden, es bleibt nur, um es herauszufinden, und jetzt, wie man alles cool macht. Wo schreibt das Internet darüber? - Ja, überall! Um die gesamte Vielfalt moderner Technologien, Frameworks und Bibliotheken zu bewältigen, veranstalten wir eine professionelle Konferenz Frontend Conf. Bei der Auswahl der Themen für sie haben wir uns nicht auf den Hype konzentriert, sondern auf die Nützlichkeit der Berichte. Jeder professionelle Front-End-Anbieter, der zu einer Konferenz gekommen ist, kann sicher sein, dass er selbst viele nützliche Berichte finden wird, die seinem Wissensstand entsprechen. Ich werde Ihnen genau sagen, welche Berichte schließlich unter dem Schnitt in das Programm aufgenommen wurden.

Daten eingeben

Die Konferenz Frontend Conf Moscow 2018 findet am 4. und 5. Oktober statt . Zwei Tage lang werden wir uns ganz der Erörterung von Technologien und Ansätzen zur Entwicklung der Client-Seite widmen. Dabei werden wir uns mit folgenden Themen befassen: Verbesserung der Produktivität und Bewertung der Qualität, Auswahl eines Frameworks, Entwurf von Schnittstellen, Arbeiten mit API, Layout.

In drei Streams in drei Räumen an zwei Tagen werden 40 Berichte , Meisterklassen und Besprechungen in verschiedenen Bereichen präsentiert: API, Layout und UX, Leistung, Frameworks, Tests und andere.

Bei der Zusammenstellung des Programms haben wir diejenigen ausgewählt, die für die Arbeit eines möglichst breiten Kreises von Spezialisten nützlich sind . Aber sie haben keine noch spezifischeren Fragen hinterlassen: In der Gamma-Halle wird es Berichte über Tools geben, die möglicherweise nicht von jedem benötigt werden, aber für einige definitiv die gefragtesten sind. In einem relativ engen Kreis wird es noch bequemer sein, diese Themen zu diskutieren, und es wird die Möglichkeit geben, sich gründlich mit allem auseinanderzusetzen und Gleichgesinnte zu finden. Auf die eine oder andere Weise basieren fast alle Redner auf ihren eigenen Erfahrungen und bieten spezifische Lösungen an, die sie angehört und umgesetzt haben . Es sei denn, es bleibt nur sehr wenig Platz für einfach informative Präsentationen, z. B. zum Cryptocurrency Mining in einem Browser .

Der vollständige Zeitplan befindet sich auf der Website in interaktiver Form und im PDF- Format mit den Symbolen der Themen. Er ist so angeordnet, dass Sie bei der Erstellung eines bestimmten Themas auf alle Berichte darüber zugreifen können. Schauen wir uns nun die Themen an.

Der erste Tag, Donnerstag, der vierte Tag, beginnt mit vier Präsentationen auf Englisch - zum Aufwärmen.

Mit kreativem CSS die Norm brechen

Aga Naplocha arbeitet bei Adobe und entwickelt auch das Bildungsprojekt The Awwwesomes. In seinem Vortrag möchte Aga uns neue CSS-Funktionen vorstellen , mit denen Sie wirklich erstaunliche Dinge erstellen können. Die glänzende Zukunft von Webgrafiken und CSS steht vor der Tür - wir werden endlich in der Lage sein, unsere mutigen Ideen schnell umzusetzen und Website-Designs direkt im Browser zu erstellen. Aha ruft dazu auf, nicht beiseite zu stehen und sich mit dem frischen Geist der Kreativität zu erholen .

Barrierefreiheit im Vergleich zu den neuesten Web-APIs. Können wir nicht einfach miteinander auskommen?

Mauricio Palma von SinnerSchrader fungiert als eine Art Proxy zwischen Teams von Designern und Entwicklern und ist der Ansicht, dass Entwickler das Problem der Zugänglichkeit der Benutzeroberfläche größtenteils als etwas betrachten, das als letztes betrachtet werden sollte.

In seinem Bericht verspricht Maurizio, unter Verwendung der neuesten Web-API effektive Spracherkennungs- und Synthesetechniken aufzuzeigen und mit ihrer Hilfe bequeme und zugängliche Benutzeroberflächen zu erstellen.

Ich warf meine Maus weg

Inspiriert von der Arbeit von Laura Carvajal entschied sich Manuel Matuzović für ein Experiment und benutzte die Maus zwei Wochen lang nicht. In seinem Bericht wird Manuel erfolgreiche und erfolglose Beispiele von Websites zeigen, die er getroffen hat. Basierend auf ihnen werden wir die häufigsten Probleme diskutieren und Möglichkeiten zur Lösung dieser Probleme erörtern. Lassen Sie uns herausfinden, warum es wichtig ist, dass Ihre Website über die Tastatur verwendet werden kann und für wen sie tatsächlich von Vorteil ist .

Empathische Designsysteme

Bei Frontend Conf plant Jennifer Wong (Envoy) auf der Grundlage ihrer Erfahrung zu erklären, wie ein Design-System von Grund auf neu entwickelt werden kann, wobei die Zugänglichkeit nicht zu vergessen ist und die Bedürfnisse von Benutzern und Entwicklern berücksichtigt werden. Jennifer hat sogar ein Video gemacht, in dem sie zu ihrem Bericht einlädt.

Danach wird es eine Mittagspause in den Beta- und Gamma-Hallen geben, und ein sehr interessanter Bericht wird in der Alpha-Halle beginnen.

Wie wir eine vollständige Offline-Erstanwendung unter Verwendung von persistentem Speicher entwickelt haben

Webentwicklung und Offline First-Anwendungen erscheinen nicht mehr unrealistisch. Was für native Anwendungen von Vorteil war, wird auch in Webanwendungen implementiert.

Timothy Lavrenyuk (KeepSolid) plant zu erzählen :

• Wie portiere ich eine native Anwendung für die Arbeit mit Dokumenten, wobei einer der Hauptvorteile erhalten bleibt - das Arbeiten in Offline;
• Welche Bibliotheken sollen für die Arbeit mit IndexedDB verwendet werden?
• So verbinden Sie Mitarbeiter, die mit der Datenbank und der Anwendung selbst arbeiten.

Die Geschichte basiert auf realen Erfahrungen und kann nicht ohne eine Beschreibung der Fallstricke auskommen.

Leistung

garbage.collect ()

Wir sind daran gewöhnt, dass der Browser nicht nur unser JavaScript ausführt, sondern auch den verbleibenden Müll dahinter aufräumt. Der Yandex.Mart API-Entwickler Andrei Roenko hält es für wichtig, diesen Prozess zu verstehen, und schlägt vor , gemeinsam Antworten auf Fragen zu finden:

• Woher kommt der Müll und was tun, um ihn kleiner zu machen?
• Wer und wann sammelt Müll?
• Welche Tools gibt es zur Analyse des Speicherverbrauchs und der Papierkorbverfolgung?
• Wie versuchen Browser, die Speicherleistung zu optimieren?

Eine detaillierte Analyse hilft Ihnen zu verstehen, wie sich die Speicherbereinigung auf die Leistung unserer Anwendungen auswirkt.

Lifehacks für Front-End-Entwickler

Alexei Zolotykh entwickelt das Frontend seit 10 Jahren und hat eine Menge Life-Hacks gesammelt: Möglichkeiten , etwas schnell und einfach zu erledigen, als es auf den ersten Blick scheint. In seinem Bericht über Frontend Conf verspricht Alexei, diese Life-Hacks zu teilen. So lernen wir beispielsweise, wie man das Ergebnis seiner Arbeit an einem Abend von einem lokalen Computer aus zeigt oder eine Website erstellt. Schauen Sie sich auch Life-Hacks in der Konsole und vieles mehr an.

Schneller Service ohne serverseitiges Rendern

Ultimate Guitar ist ein Dienst, der 65 Millionen Mal im Monat besucht wird, jedoch ohne serverseitiges Rendern auskommt. Andrey Yakobchuk wird erklären, warum ein solcher Weg gewählt wurde. Und mehr zum Bericht hier .

Cache es

Browser-Caching ist ein ziemlich flexibler Mechanismus. Nutzen Sie das ganze Potenzial? Vsevolod Shmyrov (Yandex.Maps) verspricht, eine schrittweise Analyse aller verfügbaren Caching-Ebenen durchzuführen, wenn versucht wird, Material über den Browser herunterzuladen. Sowohl auf der Client-Seite als auch auf der Server-Seite.

Design

Dieser Abschnitt enthält Berichte, die weniger an den Kontext des Brunnens gebunden sind. Grundsätzlich haben sie weniger Code, aber mehr strukturelle Überlegungen, was ihre Nützlichkeit nicht beeinträchtigt.

Der Prozess der Erstellung komplexer Animationen im Web: von der Idee bis zum fertigen Projekt

Ein spektakuläres Projekt kann nicht ohne spektakuläre Animationen erstellt werden. Auf jeden Fall denken sowohl Natalia Gabitova als auch Yegor Savintsev von Rambler & Co dies und versprechen, ihre Erfahrungen darin zu teilen:

• wie man ein Team von Entwicklern und Motion Designern zusammenstellt;
• wie man Rollen verteilt und das Ergebnis kontrolliert;
• welche Werkzeuge zu beherrschen, was zu verstehen sind;
• wie man Animationen aus verschiedenen Quellen in die Site integriert.

Mal sehen, wie es in Rambler & Co funktioniert und welche Techniken verwendet werden können, um die Ordnung aufrechtzuerhalten, Speicherlecks zu vermeiden und verschiedene Animationen zu synchronisieren.

Entwicklererfahrung und APIs als Produkt

Auf welche Details sollten Sie beim Erstellen (oder Auswählen) eines API-Produkts achten, um die beste Entwicklererfahrung zu erzielen (oder zu erzielen)? Anastasia Goryacheva von Intento befasst sich mit Dutzenden von AI-APIs und bietet anhand ihres Beispiels die Möglichkeit, 8 API-Merkmale wie Zuverlässigkeit, Startfreundlichkeit, Wartungsfreundlichkeit und etwas anderes zu analysieren . Wir werden sehen, welcher der Branchenriesen mehr Kopfschmerzen verursacht als Funktionalität bietet. Dieselben Ideen können nützlich sein, wenn Sie einen Zahlungsdienst für eine Site auswählen. Oder Sie bauen die Kommunikation zwischen dem Backend- und dem Frontend-Entwicklungsteam auf und erstellen einen einzigen Service.

PDD-Ansatz zur Planung eines IT-Projekts

Ksenia Konovalova von Digital Security wird beweisen, dass jeder Entwickler in der Lage sein sollte, Prototypen herzustellen . XD (nein, dies ist kein Emoticon) von Adobe hilft dabei, reaktiv zu beginnen. Wir lernen, wie man den Prototyp verwendet: um Produktanforderungen zu formulieren; Produktarchitektur entwerfen Testhypothesen ohne Code . Und nach dem Bericht können wir spielerisch eine gemeinsame Sprache mit unserem geliebten Kunden finden, das Projektbudget sparen und die Entwicklungszeit verkürzen. Xenia verspricht uns das auf jeden Fall. Selbst um eines dieser Punkte willen lohnt es sich, sich mit Prototyping zu befassen.

JSON API - wir arbeiten gemäß der Spezifikation

Alexey Avdeev von Neuron.Digital hilft Ihnen beim Verständnis der JSON-API-Spezifikation. Dieser Bericht ist sehr voll von technischen Details, fällt aber auch in diesen Abschnitt "Design", da er nicht ausschließlich an das Frontend gebunden ist. Alexey wird Ihnen sagen, worum es in der JSON-API geht, wie dieser Ansatz RESTful ergänzt und wie er sich von GraphQL unterscheidet . Wie immer werden wir die Vor-, Nachteile und Fallstricke analysieren.

Frameworks

Natürlich können Sie auf das Thema Trend und neue Frameworks in Frontend Conf nicht verzichten. Wir haben versucht, uns nicht zu sehr von ihnen mitreißen zu lassen, und nur einige der praktischsten Berichte ausgewählt.

React, Vue oder Aurelia: wie wir das Framework gewählt haben

Es kann viele Kriterien für die Auswahl eines Frameworks geben, und bei jeder neuen Aufgabe müssen Sie die Vor- und Nachteile neu abwägen. Alexander Taran (Acumatica) wird seine Bedingungen und seine Meinung vorstellen. Zum Beispiel wird es sagen:

• wie man die "Fehlerkosten" bei der Auswahl bewertet;
• welche Prototypen zu testenden Hypothesen zu implementieren sind,
• Wie wirken sich Hype und Geschäftsaufgaben aus?
• zusammenfassende Ergebnisse und Entscheidungsfindung.

Es wird auch interessant sein, weil Alexander am Ende Aurelia Core Maintainer wurde .

StoreWars (ngxs, redux, vuex)

Das Thema des Rahmens wird durch einen Bericht von Kirill Yusupov und Maxim Ivanov (Cinimex) fortgesetzt. Im Hauptteil werden wir das Zustandsmanagement analysieren und Beispiele in kleinen und großen Projekten für alle drei Ngxs, Redux, Vuex betrachten. Abschließend versprechen die Redner zu erklären, warum ngxs und nicht ngrx verwendet werden sollten und warum die Wahl des Frameworks nicht so wichtig ist wie die Wahl des Geschäfts.

Verschwindende Rahmenbedingungen

Pavel Malyshev von Mustlab schlägt vor, mit den Grundlagen zu beginnen und herauszufinden, warum wir wirklich Frameworks verwenden und warum klassische Frameworks nicht für alle Projekte geeignet sind . Im Vortrag werden wir am Beispiel von SvelteJS über den neuen Trend des "Verschwindens von Frameworks" sprechen und versuchen zu verstehen, warum dies kein weiteres Javascript-Framework ist.



Die Schlussfolgerung ist offensichtlich, eine Silberkugel existiert nicht, aber diese Aussagen helfen Ihnen, in jedem Fall eine vernünftige Entscheidung zu treffen. Manchmal kann es sich sogar als selbstgemachte Lösung herausstellen ...

Besser einen Tag verlieren

Der Bericht von Aleksey Okhrimenko von IPONWEB hat keinen der Abschnitte eingegeben, er ist für sich allein. Am 5. Oktober, gleich am Morgen, werden wir herausfinden, ob es sich lohnt, eigene Tools zu entwickeln , und ob es funktioniert, indem wir viel Zeit aufwenden, um sie letztendlich zu speichern. Alexey wird seine Erfahrung beim Schreiben von Tools zum Debuggen, Testen, Optimieren , Gerüsten und Validieren für verschiedene Projekte teilen. Er wird Ihnen sagen, welche Vorteile vorhandene Tools bringen können und ob es sich lohnt, Zeit damit zu verschwenden.

Das ist natürlich alles andere als gut. Aber auch dies sollte ausreichen, um jeden davon zu überzeugen, dass Frontend Conf Moscow 2018 die größte und coolste Front-End-Konferenz in Russland sein wird. Tauchen Sie zwei Tage lang in eine professionelle Atmosphäre ein, beteiligen Sie sich an interessanten Berichten, lernen Sie neue nützliche Dinge kennen und unterhalten Sie sich mit anderen Fachleuten. Ja, am Ende einfach eine gute Zeit haben.

Beeilen Sie sich, um sich zu registrieren, wenn Sie das Bedürfnis nach beruflicher Weiterentwicklung verspüren (oder der Test Sie dazu veranlasst hat) - es bleibt nur noch eine Woche!