Les rapports seront généraux sur des sujets frontaux, sur le reste de la conférence, les intervenants parleront plus en profondeur sur chaque sujet, avec des nuances, des détails, de la pratique et des discussions. Nous avons déjà parlé de certains des rapports qui seront présentés à tous ces 2 jours et aujourd'hui, nous vous présenterons le reste des discours ouverts.
Quoi de neuf dans Frontend et que pouvons-nous faire mieux?
Chaque année, nous parlons des nouvelles tendances qui ont émergé au cours de l'année écoulée et de la façon dont elles ont affecté l'ensemble du Frontend. Certains sont devenus des outils très utiles et certains appartiennent au passé. L'année dernière, Vitaly Fridman a évoqué les tendances dans le monde du frontend, cette année Philip Nekhaev effectuera une revue dans son rapport « Radar technologique: les tendances telles que nous les voyons» . Philip est le chef du frontend chez Tinkoff, et surtout pour la conférence, il partagera quelles technologies, selon Tinkoff, mèneront l'année prochaine, qui sont depuis longtemps devenues la norme de facto, ce que les entreprises rejettent sur le marché et ce que Tinkoff a abandonné.
Nous attendons au moins de bonnes performances du nouveau et de l'ancien système, c'est-à-dire la rapidité avec laquelle il répond à nos clics, pings et demandes. Si le système répond sans délai, c'est pour nous comme parler aux gens dans notre vraie vie. Et à notre époque, nous attendons de plus en plus cela d'un ordinateur. Bien sûr, notre perception dépendra de ce que nous faisons pendant que nous attendons - tout le monde déteste l'attente passive que la page se charge, et lorsque nous sommes actifs, le temps passe plus vite. Eva Ferreira d' Aerolab connaît un raccourci pour améliorer les performances de votre front-end d'une manière saine et facile à mettre en œuvre. Dans son discours « De 45 à 85, un parcours de performance», Eva vous montrera quelques techniques que vous pouvez utiliser pour améliorer les performances de votre service Web, et aussi pour mesurer comment cela a affecté la charge de votre site. Eve parlera en anglais.
Si nous pouvons mesurer quelque chose, nous pouvons l'améliorer. Bien sûr, pour chaque entreprise, les mesures les plus importantes et les meilleures seront différentes façons de mesurer les performances des pages Web. Il n'y a pas d'indicateur général universel pour tout le monde, dans chaque cas le choix sera individuel. Cependant, pour toute mesure, nous sélectionnons d'abord un ensemble de base qui couvre généralement les mesures les plus courantes. Martin splittprésentera une excellente conférence "Core Web Vitals - que sont-ils et pourquoi sont-ils importants?" à propos d'un outil de Google qui vous permet de surveiller les mesures de base des performances de l'interface. Le rapport sera en anglais.
Et pendant que les performances sont mesurées, nous pouvons beaucoup améliorer et changer nos services Web afin que les visiteurs du site Web oublient non seulement la lenteur du rendu des images, mais soient également satisfaits de communiquer avec vous via des formulaires Web. Oui, ces fameux formulaires feb, dont, comme nous l'avons déjà présenté , seront présentés par Vitaly Fridman « Obtenir les bons formulaires Web: des cases à cocher aux listes déroulantes". Vitaly partagera comment les visiteurs peuvent à nouveau faire confiance à nos formulaires Web sans attendre de surmonter les obstacles sous la forme de trouver des bornes d'incendie ou leur pays dans une longue liste (pas de recherche!). Et fournira des conseils pratiques pour une mise en œuvre immédiate et une expérience utilisateur améliorée de vos projets Web.
Est-ce que tout va bien au sein de l'équipe?
Non seulement les visiteurs des services Web doivent être satisfaits, mais également les équipes de développement qui les créent, les améliorent et les modifient. De nombreuses personnes travaillent sur n'importe quel projet: développeurs, gestionnaires, agents de sécurité, réseauteurs, comptables et coursiers. Non seulement ils dépendent tous les uns des autres, mais une erreur, par exemple dans le calcul du temps par tâche, peut également affecter les clients. Scrum aide à synchroniser leurs actions les unes avec les autres, et Alexandra Baptizmanskaya en parlera dans son discours « What Scrum? Je veux juste écrire du code! ". Sur la base de sa vaste expérience dans la création d'équipes performantes, Alexandra partagera ses observations sur la manière dont un développeur ordinaire peut bénéficier de Scrum, et pourquoi une équipe et un processus d'équipe sont nécessaires.
Chaque équipe a des membres juniors. S'il est déterminé, il trouvera sa propre voie, mais parfois le mentorat auprès des plus jeunes est utile pour les aînés. Daniil Pilipenko , fondateur et directeur du centre de recrutement de spécialistes informatiques SymbioWay, vous expliquera pourquoi il est si cool et utile pour tout développeur intermédiaire d'obtenir un June Padawan et de le former avec succès. Dans son rapport « Le chemin vers les seniors» grâce au mentorat junior'ov », Daniel expliquera pourquoi le stade junior est important, comment développer un spécialiste junior utile pour l'équipe, et comment interagir avec lui pour le bénéfice général tant pour le junior que pour l'équipe, et pour le projet.
Pour que l'interaction soit facile, efficace et en même temps prendre en compte les spécificités du style de vie (et du travail) de tous les développeurs, il serait idéal d'utiliser non pas plusieurs messagers, mais un, avec de nombreuses fonctions nécessaires, au frontend. Alors que la fonctionnalité des portails d'entreprise et des chats est plutôt rare. Mais Georgy Bugakov (il programme depuis l'âge de 7 ans!) A une idée de la façon de créer une SuperApp à part entière pour les employés utilisant Slack et Node.js. Et c'est un vrai projet utilisé par plus de 40 équipes de développement. Dans son exposé « Créer une superapp entreprise sur la base de Slack et Node.js », Georgiy montrera ce que les bots peuvent vraiment faire dans Slack et ce qui peut être compensé par des outils externes.
Mais aucun messager ne peut vous aider à déboguer et à relier les processus de développement, de test et d'exploitation. DevOps devient un tel lien de connexion, qui comprend la compréhension de beaucoup de choses - à la fois le code lui-même et son test, et les principes de l'architecture. De plus, vous devez prendre en compte les risques et les éventuelles vulnérabilités du système, être capable d'automatiser les processus. Sans parler du soutien avant et après la sortie. Dans son exposé " Programme éducatif sur CI / CD pour le frontend sur l'exemple de GitLab " Timofey Tiunov expliquera avec des exemples ce que peut être "devops" dans le frontend et ce qu'est un frontend du point de vue d'un ingénieur DevOps ou d'un administrateur système.
Happy Team - Utilisateurs heureux?
Lorsque chacun dans l'équipe travaille déjà en harmonie, qu'il se comprend et que les délais de sortie ne sont pas perturbés, il est temps de se souvenir de l'entreprise en tant que telle et des besoins des utilisateurs de services web en particulier. Un bon design est ce que les visiteurs voient en premier sur votre site. Et Stéphanie Walter dans son intervention « Concevoir des composants adaptatifs (au-delà des points de rupture réactifs) » attirera votre attention sur les raisons pour lesquelles il vaut mieux penser au «contexte d'utilisation» de l'écran, plutôt qu'au nombre de pixels. Stephanie montrera que parfois les ingrédients actifs peuvent sortir de l'écran, et cela peut également être un excellent design, que le public adorera et sera confortable à utiliser. Rapport en anglais.
Et pour que ce beau design soit aussi délicieusement beau, Kathleen McMahondans l'exposé «Les composants React à saveur d'accessibilité rendent votre système de conception délicieux! »Partagera son expérience et son expertise sur l'accessibilité de la conception et les systèmes de conception eux-mêmes. En anglais. Kathleen expliquera comment et ce que vous pouvez utiliser dans React à cette fin, comment mélanger différents composants de l'interface utilisateur, montrer des exemples interactifs de bonnes pratiques et décrire les règles de ce que vous pouvez faire pour cuire un produit et ce que vous ne devez pas faire.
Hui Jing Chen de Shopify pousse la réactivité encore plus loin. Avec HJ, nous examinerons la réactivité CSS via DevTools dans Utilisation de DevTools pour comprendre les mises en page CSS modernes". En direct de Singapour, HJ montrera comment DevTools peut être utilisé pour plus qu'un simple outil de débogage. Et il vous montrera comment DevTools peut vous aider à aligner les mises en page que nous voulons créer avec ce qui est réellement affiché sur la page. Cela vous aidera à mieux comprendre comment le navigateur interprète les valeurs CSS que vous attribuez. Par exemple, le dimensionnement avec Flexbox ou diverses options de redimensionnement des pistes dans la grille. En conséquence, ces techniques permettront aux conceptions de mieux s'adapter à une large gamme de tailles de moniteurs. Le rapport, bien entendu, sera en anglais.
Et, en continuant le thème des différentes langues. Combien de fois avez-vous entendu dire qu'en étudiant certaines informations en anglais, vous vouliez les regarder en russe? Mais, après avoir basculé le site vers le russe, non seulement vous ne trouvez pas cette information (la même pour toutes les langues), mais en général le site peut soudainement devenir "un peu" différent? Très probablement, la localisation d'un tel site s'est un peu mal passée comme nous le souhaiterions. Comment faire face à de telles difficultés de localisation sur le frontend, en particulier lorsque le projet est énorme et que l'équipe est grande, Dmitry Andriyanov le dira dans son rapport « Peur et dégoût de la localisation dans les grands projets ». Dmitry montrera comment la localisation a été organisée dans Yandex.Direct - un projet avec des dizaines de milliers de fragments de texte et une équipe de plus de 40 personnes.
Un développeur peut-il être un assistant?
Bien sûr, quelle conférence frontale (et, bien sûr, n'importe quel projet) sans les développeurs eux-mêmes! Quand on a une équipe, un design, le processus de travail est lancé, les sprints se succèdent, il semblerait qu'il ne reste plus qu'à écrire du code. Mais ce ne sont pas seulement les membres des équipes qui ont des problèmes d'interconnexion. À l'intérieur des applications, différents langages peuvent être utilisés, les composants ont besoin de connexions entre eux, mais en même temps, chaque obstacle peut se transformer en une tâche sérieuse qui développe la façade et la fait avancer.
La complexité au sein des applications peut augmenter en raison du fait que différents états sont répartis sur de nombreux composants et qu'ils ont besoin d'une connexion entre eux. Alexander Shushunov dans son discours "Le cœur d'une application Vue»N'introduit pas seulement le gestionnaire d'état Vuex fourni avec le framework Vue. Alexander parlera de certaines des nuances de travailler avec lui et expliquera sa structure interne. Le gestionnaire d'état est le cœur de l'application Web moderne. Cela étant dit, Vuex est assez simple - il n'est pas facile de trouver des exemples complexes de son utilisation. Mais Alexander montrera comment Vuex est utilisé chez EPAM Systems, les problèmes auxquels l'équipe a été confrontée et ce que les performances ont à voir avec cela. Peu importe que vous utilisiez Veux ou pas encore - les informations seront utiles à tout le monde.
Mais un autre défi - y a-t-il une vie sans JavaScript? Le site peut-il être interactif avec d'autres outils? Bien sûr, JavaScript fonctionne sur les plates-formes Windows, macOS, Linux et mobiles, c'est-à-dire partout. Sur PC, les plates-formes Node.js, Angular et React Native ont sorti JavaScript des limites du navigateur. Et, néanmoins, Dmitry Sharabin vous invite à écouter son avis. Dmitry pense que l'avenir du HTML est déjà venu grâce à Mavo, qui est en cours de développement au Massachusetts Institute of Technology (MIT) sous la direction de Lea Verou. Dans son rapport « Secrets of Mavo. Résoudre les tâches quotidiennes des développeurs Web sans JavaScript«Dmitry montrera clairement ses avantages et répondra à la question de savoir si des technologies telles que le développement d'applications Web interactives ne sont désormais nécessaires qu'en écrivant du HTML et du CSS.
La programmation sans JC sera prise en charge par Ilya Chertorylsky , un développeur frontend de Raiffeisenbank. Dans son exposé " WebAssembly SPA-frameworks ", Ilya examinera les tendances du développement frontend telles que GO, RUST, C #, PHP en termes d'utilisation de frameworks à part entière qui vous permettent d'écrire un site Web clé en main dans un langage familier sans JavaScript. L'interface peut être écrite dans presque n'importe quel langage de programmation, et Ilya vous dira comment l'implémenter dans la pratique. Vadim Patsev
poursuivra le sujet de la démystification des mythes sur l'absence de tâches importantes dans le développement front-endde Yandex, qui montrera dans le rapport « Où suis-je et où est la machine à états? «Que dans le développement Web, il y a des tâches complexes et intéressantes pour les programmeurs. Le frontend n'est pas seulement fascinant des formes, mais la solution des problèmes et des obstacles sérieux, la mise en œuvre de grandes idées. Vadim pense que vous pouvez essayer des choses comme une machine à états finis, des chaînes de Markov, etc. sans crainte. Venez écouter quelque chose d'inhabituel!
Si vous souhaitez discuter, demander des conseils ou partager des histoires de travail, abonnez-vous à la chaîne Telegram de FrontendConf Talks . Et nous écrirons sur les puces événementielles de la conférence dans télégramme , Facebook , Twitter et VKontakte .