Die Berichte werden allgemein zu Front-End-Themen sein, während der restlichen Konferenz werden die Redner zu jedem Thema ausführlicher sprechen, mit Nuancen, Details, Praxis und Diskussionen. Wir haben bereits gesprochen , über einige der Berichte , die auf dieser 2 Tage für alle sein wird, und heute werden wir Ihnen auf den Rest der offenen Reden einzuführen.
Was ist neu im Frontend und was können wir besser machen?
Jedes Jahr sprechen wir über neue Trends, die im letzten Jahr aufgetaucht sind und wie sie sich auf das gesamte Frontend ausgewirkt haben. Einige sind zu sehr nützlichen Werkzeugen geworden, andere gehören der Vergangenheit an. Letztes Jahr sprach Vitaly Fridman über Trends in der Frontend-Welt. Dieses Jahr wird Philip Nekhaev den Bericht „ Technologisches Radar: Trends, wie wir sie sehen “ überprüfen . Philip ist der Frontend-Leiter bei Tinkoff, und speziell für die Konferenz wird er mitteilen, welche Technologien laut Tinkoff im nächsten Jahr führend sein werden, die längst zum De-facto-Standard geworden sind, welche Unternehmen auf dem Markt ablehnen und was Tinkoff aufgegeben hat.
Wir erwarten zumindest vom neuen und vom alten System zumindest eine gute Leistung, dh wie schnell es auf unsere Klicks, Pings und Anforderungen reagiert. Wenn das System unverzüglich reagiert, ist es für uns wie ein Gespräch mit Menschen in unserem wirklichen Leben. Und in unserer Zeit erwarten wir dies zunehmend von einem Computer. Natürlich hängt unsere Wahrnehmung davon ab, was wir tun, während wir warten - jeder hasst das passive Warten auf das Laden der Seite, und wenn wir aktiv sind, vergeht die Zeit schneller. Eva Ferreira von Aerolab kennt eine Abkürzung, um die Leistung Ihres Frontends auf gesunde und einfach zu implementierende Weise zu verbessern. In seiner Rede „ Von 45 bis 85 eine Performance-ReiseEva zeigt Ihnen einige Techniken, mit denen Sie die Leistung Ihres Webdienstes verbessern und messen können, wie sich dies auf die Auslastung Ihrer Website auswirkt. Eva wird auf Englisch sprechen.
Wenn wir etwas messen können, können wir es verbessern. Natürlich sind für jedes Unternehmen die wichtigsten und besten Messgrößen unterschiedliche Methoden zur Messung der Webseitenleistung. Es gibt keinen allgemeinen Indikator, der für alle universell ist. In jedem Fall ist die Wahl individuell. Für jede Messung wählen wir jedoch zunächst einen Kernsatz aus, der normalerweise die gängigsten Metriken abdeckt. Martin spaltete sichwird einen ausgezeichneten Vortrag halten "Core Web Vitals - was sind sie und warum sind sie wichtig?" Informationen zu einem Tool von Google, mit dem Sie die grundlegenden Metriken der Schnittstellenleistung überwachen können. Der Bericht wird in englischer Sprache verfasst.
Und während die Leistung gemessen wird, können wir unsere Webdienste erheblich verbessern und ändern, sodass Website-Besucher nicht nur das langsame Rendern von Bildern vergessen, sondern auch mit der Kommunikation mit Ihnen über Webformulare zufrieden sind. Ja, die berüchtigten feb-Formen, über die, wie schon dargestellt , wird präsentiert von Vitaly Fridman „ Erstem Web Forms Recht: Von Ankreuzfelder Auswahlmenüs". Vitaly wird Ihnen mitteilen, wie Besucher unseren Webformularen wieder vertrauen können, ohne darauf warten zu müssen, Hindernisse wie die Suche nach Hydranten oder ihrem Land in einer langen Liste zu überwinden (keine Suche!). Und bietet praktische Tipps für die sofortige Implementierung und verbesserte Benutzererfahrung Ihrer Webprojekte.
Ist im Team alles großartig?
Nicht nur Besucher von Webdiensten sollten zufrieden sein, sondern auch die Entwicklungsteams, die sie erstellen, verbessern und ändern. Viele Leute arbeiten an jedem Projekt: Entwickler, Manager, Sicherheitsbeauftragte, Netzwerker, Buchhalter und Kuriere. Sie hängen nicht nur alle voneinander ab, sondern ein Fehler, beispielsweise bei der Berechnung der Zeit pro Aufgabe, kann sich auch auf Clients auswirken. Scrum hilft dabei, ihre Aktionen miteinander zu synchronisieren, und Alexandra Baptizmanskaya wird in ihrem Vortrag „ What Scrum? Ich möchte nur Code schreiben! ". Basierend auf ihrer umfassenden Erfahrung bei der Erstellung erfolgreicher Teams wird Alexandra ihre Beobachtungen darüber teilen, wie ein gewöhnlicher Entwickler von Scrum profitieren kann und warum ein Team und ein Teamprozess überhaupt benötigt werden.
Jedes Team hat Junior-Mitglieder. Wenn er zielstrebig ist, wird er seinen eigenen Weg finden, aber manchmal ist Mentoring über die Jüngeren für die Ältesten nützlich. Daniil Pilipenko , Gründer und Direktor des SymbioWay IT Specialist Recruitment Center, erklärt Ihnen, warum es für jeden mittleren Entwickler so cool und nützlich ist, einen June Padawan zu bekommen und ihn erfolgreich zu trainieren. In seinem Bericht " Der Weg zum Senior durch Mentoring von Junior'ov " wird Daniel erklären, warum die Junior-Phase wichtig ist, wie man einen Junior-Spezialisten entwickelt, der für das Team nützlich ist, und wie man mit ihm zum allgemeinen Nutzen sowohl für den Junior als auch für das Team interagiert. und für das Projekt.
Damit die Interaktion einfach und effektiv ist und gleichzeitig die Besonderheiten des Lebensstils (und der Arbeit) aller Entwickler berücksichtigt, ist es ideal, nicht mehrere Messenger, sondern einen mit vielen erforderlichen Funktionen für das Frontend zu verwenden. Während die Funktionalität von Unternehmensportalen und Chats eher knapp ist. Aber Georgy Bugakov (er programmiert seit seinem siebten Lebensjahr!) Hat eine Idee, wie man mit Slack und Node.js eine vollwertige SuperApp für Mitarbeiter erstellt. Und dies ist ein echtes Projekt, das von über 40 Entwicklungsteams genutzt wird. In seinem Vortrag „ Erstellen einer Unternehmens-Superapp auf der Basis von Slack und Node.js “ wird Georgiy zeigen, was Bots in Slack wirklich können und was mit externen Tools kompensiert werden kann.
Kein Messenger kann Ihnen jedoch beim Debuggen und Verknüpfen von Entwicklungs-, Test- und Betriebsprozessen helfen. DevOps wird zu einem solchen Bindeglied, das das Verstehen vieler Dinge umfasst - sowohl des Codes selbst als auch des Testens und der Prinzipien der Architektur. Darüber hinaus müssen Sie die Risiken und möglichen Schwachstellen des Systems berücksichtigen und Prozesse automatisieren können. Ganz zu schweigen von der Unterstützung vor und nach der Veröffentlichung. In seinem Vortrag " Bildungsprogramm auf CI / CD für Frontend am Beispiel von GitLab " erklärt Timofey Tiunov anhand von Beispielen, was Sie im Frontend "devops" können und was ein Frontend aus Sicht eines DevOps-Ingenieurs oder Systemadministrators ist.
Glückliches Team - glückliche Benutzer?
Wenn alle im Team bereits harmonisch arbeiten, sich gegenseitig verstehen und die Veröffentlichungsfristen nicht unterbrochen werden, ist es an der Zeit, sich an das Geschäft als solches und insbesondere an die Bedürfnisse der Benutzer von Webdiensten zu erinnern. Tolles Design sehen Besucher zuerst auf einer Website. Und Stéphanie Walter wird in seinem Vortrag " Entwerfen adaptiver Komponenten (über reaktionsschnelle Haltepunkte hinaus) " Ihre Aufmerksamkeit darauf lenken, warum es besser ist, über den "Nutzungskontext" des Bildschirms nachzudenken, als über die Anzahl der Pixel. Stephanie wird zeigen, dass manchmal die Wirkstoffe vom Bildschirm verschwinden können, und das kann auch ein großartiges Design sein, das das Publikum lieben und bequem verwenden wird. Bericht auf Englisch.
Und so ist tolles Design auch herrlich schön, Kathleen McMahonim Vortrag „ Barrierefreie React-Komponenten machen Ihr Designsystem köstlich! »Wird seine Erfahrung und sein Fachwissen über die Zugänglichkeit von Design und den Designsystemen selbst teilen. Auf Englisch. Kathleen erklärt, wie und was Sie in React für diesen Zweck verwenden können, wie verschiedene UI-Komponenten gemischt werden, zeigt interaktive Beispiele für Best Practices und skizziert die Regeln, wie Sie ein Produkt backen können und was Sie nicht tun sollten.
Hui Jing Chen von Shopify bringt die Reaktionsfähigkeit noch weiter. Zusammen mit HJ werden wir im Vortrag Verwenden von DevTools einen Blick auf die CSS-Reaktionsfähigkeit durch DevTools werfen, um moderne CSS-Layouts zu verstehen". Live aus Singapur zeigt HJ, wie DevTools nicht nur für ein Debugging-Tool verwendet werden kann. Und er zeigt Ihnen, wie DevTools Ihnen dabei helfen kann, die Layouts, die wir erstellen möchten, an den tatsächlichen Einstellungen auf der Seite auszurichten. Auf diese Weise können Sie besser verstehen, wie der Browser die von Ihnen zugewiesenen CSS-Werte interpretiert. Zum Beispiel die Größe mit Flexbox oder verschiedene Optionen zum Ändern der Größe von Spuren im Raster. Infolgedessen ermöglichen solche Techniken, dass sich Designs besser an eine Vielzahl von Monitorgrößen anpassen können. Der Bericht wird natürlich in englischer Sprache verfasst.
Und das Thema der verschiedenen Sprachen fortsetzen. Wie oft sind Sie auf die Tatsache gestoßen, dass Sie beim Lernen einiger Informationen auf Englisch diese auf Russisch ansehen möchten? Aber nachdem Sie die Site auf Russisch umgestellt haben, finden Sie diese Informationen nicht nur nicht (für alle Sprachen gleich), sondern im Allgemeinen kann die Site plötzlich "ein wenig" anders werden? Höchstwahrscheinlich ist die Lokalisierung einer solchen Site ein wenig schief gelaufen, wie wir es gerne hätten. Wie man mit solchen Lokalisierungsschwierigkeiten auf der Frontend-Seite umgeht, insbesondere wenn das Projekt riesig und das Team groß ist, wird Dmitry Andriyanov in seinem Bericht " Angst und Abscheu vor Lokalisierung in großen Projekten " erläutern . Dmitry wird zeigen, wie die Lokalisierung in Yandex.Direct organisiert wurde - ein Projekt mit Zehntausenden von Textfragmenten und einem Team von mehr als 40 Personen.
Kann ein Entwickler ein Assistent sein?
Was für eine Front-End-Konferenz (und natürlich jedes Projekt) ohne die Entwickler selbst! Wenn Sie ein Team haben, ein Design, der Arbeitsprozess wird gestartet, Sprints folgen nacheinander, es scheint, dass alles, was bleibt, das Schreiben von Code ist. Aber es sind nicht nur Leute in Teams, die Probleme mit der Verbindung haben. Innerhalb von Anwendungen können verschiedene Sprachen verwendet werden, Komponenten benötigen Verbindungen untereinander, aber gleichzeitig kann sich jedes Hindernis zu einer ernsthaften Aufgabe entwickeln, die die Front entwickelt und vorwärts bringt.
Die Komplexität innerhalb von Anwendungen kann aufgrund der Tatsache zunehmen, dass verschiedene Zustände auf viele Komponenten verteilt sind und eine Verbindung untereinander erforderlich ist. Alexander Shushunov in seinem Vortrag "Das Herz einer Vue-Anwendung»Es wird nicht nur der Vuex-Statusmanager vorgestellt, der mit dem Vue-Framework geliefert wird. Alexander wird über einige Nuancen der Zusammenarbeit mit ihm sprechen und seine interne Struktur erläutern. Der State Manager ist das Herzstück der modernen Webanwendung. Trotzdem ist Vuex recht einfach - es ist nicht einfach, komplexe Beispiele für seine Verwendung zu finden. Alexander wird jedoch zeigen, wie Vuex bei EPAM Systems eingesetzt wird, mit welchen Problemen das Team konfrontiert war und was die Leistung damit zu tun hat. Es spielt keine Rolle, ob Sie Veux verwenden oder noch nicht - die Informationen sind für alle nützlich.
Aber noch eine Herausforderung - gibt es ein Leben ohne JavaScript? Kann die Site mit anderen Tools interaktiv sein? Natürlich funktioniert JavaScript auf Windows-, MacOS-, Linux- und mobilen Plattformen, also überall. Auf dem PC haben die Plattformen Node.js, Angular und React Native JavaScript aus den Browsergrenzen entfernt. Und dennoch lädt Dmitry Sharabin Sie ein, auf seine Meinung zu hören. Dmitry glaubt, dass die Zukunft von HTML bereits dank Mavo gekommen ist, das am Massachusetts Institute of Technology (MIT) unter der Leitung von Lea Verou entwickelt wird. In seinem Bericht „ Secrets of Mavo. Lösen alltäglicher Webentwickleraufgaben ohne JavaScript"Dmitry wird seine Vorteile klar zeigen und die Frage beantworten, ob Technologien wie die Entwicklung interaktiver Webanwendungen jetzt nur noch durch Schreiben von HTML und CSS benötigt werden.
Das Programmieren ohne JC wird von Ilya Chertorylsky , einem Frontend-Entwickler der Raiffeisenbank, unterstützt. In seinem Vortrag " WebAssembly SPA Frameworks " wird Ilya Trends in der Frontend-Entwicklung wie GO, RUST, C #, PHP im Hinblick auf die Verwendung vollwertiger Frameworks berücksichtigen, mit denen Sie eine schlüsselfertige Website in einer vertrauten Sprache ohne JavaScript schreiben können. Das Frontend kann in fast jeder Programmiersprache geschrieben werden, und Ilya erklärt Ihnen, wie Sie es in der Praxis implementieren können. Vadim Patsev wird
das Thema der Entlarvung von Mythen über das Fehlen bedeutender Aufgaben in der Front-End-Entwicklung fortsetzenvon Yandex, der im Bericht „ Wo bin ich und wo ist die Zustandsmaschine? „Dass es in der Webentwicklung komplexe und interessante Aufgaben für Programmierer gibt. Das Frontend ist nicht nur das Nieten von Formularen, sondern die Lösung schwerwiegender Probleme und Hindernisse, die Umsetzung großer Ideen. Vadim glaubt, dass man Dinge wie eine endliche Zustandsmaschine, Markov-Ketten usw. ohne Angst ausprobieren kann. Komm und hör dir etwas Ungewöhnliches an!
Wenn Sie diskutieren, um Rat fragen oder Geschichten von der Arbeit teilen möchten, abonnieren Sie den FrontendConf Talks Telegram-Kanal . Und wir werden in Telegramm , Facebook , Twitter und VKontakte über die Event-Chips der Konferenz schreiben .