Je ne soutiendrai pas que le frontal est plus important que le backend, ni ne soutiendra le concept controversé selon lequel "un backend sur le web moderne est facultatif". Nous laissons les holivars de côté, nous admettons simplement que le développeur front-end est engagé dans le côté client réel des projets Web, ce qui signifie que son travail est le plus visible pour les utilisateurs finaux pour lesquels il y a une lutte. Autrement dit, ne pas accorder suffisamment d'attention à la partie avant est tout simplement un luxe inacceptable.
Nous avons décidé de cela, il ne reste plus qu'à le comprendre, et maintenant comment tout faire cool. Où Internet écrit-il à ce sujet? - Oui, partout! Et donc, pour faire face à toute la variété des technologies modernes, des frameworks et des bibliothèques, nous organisons une conférence professionnelle Frontend Conf. En sélectionnant des sujets pour elle, nous ne nous sommes pas concentrés sur le battage médiatique, mais sur l'utilité des rapports. Une fois venu à la conférence, tout fournisseur professionnel front-end peut être sûr qu'il trouvera lui-même de nombreux rapports utiles correspondant à son niveau de connaissances. Je vais vous dire exactement quels rapports sont finalement entrés dans le programme sous la coupe.
Entrer les données
La conférence
Frontend Conf Moscow 2018 se tiendra
les 4 et 5 octobre . Pendant deux jours, nous consacrerons complètement à la discussion des technologies et des approches pour développer le côté client, nous porterons une attention particulière à des questions telles que: l'amélioration de la productivité et de l'évaluation de la qualité, le choix d'un cadre, le processus de conception de l'interface, le travail avec l'API et la mise en page.
En trois volets dans trois salles en deux jours
40 rapports , master classes et réunions dans divers domaines seront présentés: API, mise en page et UX, performances, frameworks, tests et autres.
Lors de la compilation du programme, nous avons choisi ceux qui seraient
utiles dans le travail du cercle le plus large possible de spécialistes . Mais ils n'ont pas laissé de problèmes encore plus spécifiques; dans la salle Gamma, il y aura des rapports sur des outils qui ne seront peut-être pas nécessaires à tout le monde, mais certains sont certainement les plus demandés. Dans un cercle relativement étroit, il sera encore plus pratique de discuter de ces questions; il sera possible de tout traiter en profondeur et de trouver des personnes partageant les mêmes idées. D'une manière ou d'une autre, presque tous les intervenants sont basés sur leur propre expérience et proposent des solutions spécifiques qu'ils ont
écoutées - et mises en œuvre . À moins qu'il ne reste très peu d'espace pour des présentations simplement informatives, telles que l'
extraction de crypto-monnaie dans un navigateur .
L'
horaire complet est sur le site sous une forme interactive et en
pdf avec les symboles des sujets - il est organisé de sorte que si vous avez trouvé un sujet spécifique, vous puissiez accéder à tous les rapports à ce sujet. Voyons maintenant les sujets.
Le premier jour, jeudi le quatrième de la journée, commencera par quatre présentations en anglais - pour l'échauffement.
Briser la norme avec des CSS créatifs
Aga Naplocha travaille chez
Adobe et développe également le projet éducatif The Awwwesomes. Dans son
discours, Aga veut partager avec nous de
nouvelles fonctionnalités CSS qui vous permettent de créer des choses vraiment incroyables. L'avenir radieux des graphiques Web et CSS approche à grands pas - nous pourrons enfin incarner rapidement nos idées audacieuses et créer des conceptions de sites Web directement dans le navigateur. Aha appelle à ne pas se tenir à l'écart et à se
ressourcer avec l'esprit frais de la créativité .
Accessibilité vs dernières API Web. Ne pouvons-nous pas simplement nous entendre?
Mauricio Palma chez SinnerSchrader agit comme une sorte de proxy entre les équipes de concepteurs et de développeurs et estime que, pour la plupart, les développeurs traitent le problème de l'
accessibilité de l'interface comme quelque chose qui devrait être considéré en dernier.
Dans son
rapport, Maurizio, utilisant la
dernière API Web , promet de montrer des techniques efficaces de reconnaissance et de synthèse vocale et de créer des interfaces utilisateur pratiques et accessibles avec leur aide.
J'ai jeté ma souris
Inspiré par le travail de Laura Carvajal,
Manuel Matuzović a décidé de
réaliser une expérience et n'a pas utilisé la souris pendant deux semaines. Dans son
rapport, Manuel montrera des exemples réussis et infructueux de sites qu'il a rencontrés. Sur cette base, nous discuterons des problèmes les plus courants et discuterons des moyens de les résoudre. Voyons pourquoi il est important que votre site soit possible et pratique à
utiliser à partir du clavier , et à qui il est réellement
bénéfique .
Systèmes de conception empathiques
Chez Frontend Conf,
Jennifer Wong (Envoy) prévoit, sur la base de son expérience, de développer un système de conception à partir de zéro, sans oublier l'accessibilité et en tenant compte des besoins des utilisateurs et des développeurs. Jennifer a même réalisé une
vidéo dans laquelle elle invite à son rapport.
Après cela, il y aura une pause déjeuner dans les salles Beta et Gamma, et un rapport très intéressant commencera dans la salle Alpha.
Comment nous avons développé une première application entièrement hors ligne en utilisant un stockage persistant
Le développement Web et les applications Offline First ne semblent plus irréalistes. Ce qui était un avantage des applications natives est également implémenté dans les applications Web.
Timothy Lavrenyuk (KeepSolid) prévoit de
dire :
- comment porter une application native pour travailler avec des documents, en préservant l'un de ses principaux avantages - travailler en mode hors connexion;
- Quelles bibliothèques utiliser pour travailler avec IndexedDB;
- comment connecter les travailleurs travaillant avec la base de données et l'application elle-même.
L'histoire est basée sur une expérience réelle et ne peut se passer d'une description des pièges.
Performances
garbage.collect ()
Nous sommes habitués au fait que le navigateur exécute non seulement notre JavaScript, mais nettoie également les ordures restantes derrière lui. Le développeur de l'API Yandex.Mart Andrei Roenko considère qu'il est important de comprendre ce processus et suggère de
trouver ensemble des réponses aux questions:
- D'où viennent les ordures et que faire pour les réduire?
- Qui et quand ramasse les ordures?
- Quels outils existe-t-il pour analyser la consommation de mémoire et le traçage des ordures?
- Comment les navigateurs essaient-ils d'optimiser les performances de la mémoire?
Une analyse détaillée vous aidera à comprendre comment le ramasse-miettes affecte les performances de nos applications.
Lifehacks pour les développeurs front-end
Alexei Zolotykh développe le frontend depuis 10 ans et a accumulé beaucoup de hacks de la vie: des façons
de faire quelque chose rapidement et facilement qu'il n'y paraît à première vue. Dans son rapport sur Frontend Conf Alexei promet de
partager ces hacks de vie, par exemple, nous apprenons à montrer le résultat de son travail à partir d'un ordinateur local ou à créer un site Web en une soirée. Regardez également les
hacks de vie dans la console et bien plus encore.
Service rapide sans rendu côté serveur
Ultimate Guitar est un service visité 65 millions de fois par mois, mais qui se passe de Server Side Rendering. Andrey Yakobchuk expliquera pourquoi un tel chemin a été choisi. Et plus sur le rapport
ici .
Cachez-le
La mise en cache du navigateur est un mécanisme assez flexible. Utilisez-vous tout son potentiel?
Vsevolod Shmyrov (Yandex.Maps)
promet de procéder à une analyse pas à pas de tous les niveaux de mise en cache disponibles lors de la tentative de téléchargement de matériel par le navigateur. Côté client et côté serveur.
La conception
Cette section comprend des rapports qui sont moins liés au contexte de la fontaine. Fondamentalement, ils auront moins de code, mais des considérations plus structurelles, ce qui n'enlève rien à leur utilité.
Le processus de création d'animations complexes sur le web: de l'idée au projet fini
Un projet spectaculaire ne peut pas être créé sans animations spectaculaires. Dans tous les cas,
Natalia Gabitova et
Yegor Savintsev de Rambler & Co le pensent et promettent de partager leur expérience à cet
égard :
- comment réunir une équipe de développeurs et de motion designers;
- comment répartir les rôles et contrôler le résultat;
- quels outils maîtriser, quoi comprendre;
- comment intégrer des animations de différentes sources dans le site.
Voyons comment cela fonctionne dans Rambler & Co et quelles techniques peuvent être utilisées pour maintenir l'ordre, éviter les fuites de mémoire, synchroniser différentes animations.
Expérience développeur et API en tant que produit
À quels détails devez-vous faire attention lors de la création (ou du choix) d'un produit API pour fournir (ou obtenir) la meilleure expérience de développeur?
Anastasia Goryacheva chez Intento gère des dizaines d'API AI et, sur la base de leur exemple, propose d'
analyser 8 caractéristiques API telles que: fiabilité, facilité de démarrage, facilité de maintenance et autre chose. Nous verrons lequel des géants de l'industrie crée plus de maux de tête que ne fournit de fonctionnalité. Ces mêmes idées peuvent être utiles lors du choix d'un service de paiement pour un site. Ou établir une communication entre les équipes de développement back-end et front-end en créant un service.
Approche PDD pour planifier un projet informatique
Ksenia Konovalova de Digital Security va
prouver que
chaque développeur doit pouvoir réaliser des prototypes . XD (non, ce n'est pas une émoticône) d'Adobe vous aidera à démarrer de manière réactive. Nous apprenons à utiliser le prototype: pour formuler les exigences du produit; Concevoir l'architecture du produit
tester des hypothèses sans code . Et après le rapport, nous pouvons trouver de manière ludique un langage commun avec notre client bien-aimé,
économiser le budget du projet et réduire le temps de développement. En tout cas, Xenia nous le promet. Même dans l'intérêt de l'un de ces points, il vaut la peine d'essayer de se plonger dans le prototypage.
API JSON - nous travaillons selon les spécifications
Alexey Avdeev de Neuron.Digital vous aidera à comprendre la spécification de l'API JSON. Ce
rapport est très riche en détails techniques, mais est également tombé dans cette section "Design", car il n'est pas lié exclusivement au front-end. Alexey vous expliquera en quoi consiste l'API JSON, en quoi cette approche
complète RESTful et en quoi elle
diffère de GraphQL . Comme toujours, nous analyserons les avantages, les inconvénients et les pièges.
Cadres
Bien sûr, vous ne pouvez pas vous passer du thème des tendances et des nouveaux frameworks sur Frontend Conf. Nous avons essayé de ne pas trop nous laisser emporter et n'avons sélectionné que quelques-uns des rapports les plus pratiques.
React, Vue ou Aurelia: comment nous avons choisi le framework
Il peut y avoir de nombreux critères pour choisir un cadre, et dans chaque nouvelle tâche, vous devez peser à nouveau les avantages et les inconvénients.
Alexander Taran (Acumatica)
présentera ses conditions et son avis. Par exemple, il dira:
- comment évaluer le «coût de l'erreur» dans le choix;
- quels prototypes pour tester les hypothèses à mettre en œuvre,
- comment le battage médiatique et les tâches commerciales affectent-ils;
- résultats sommaires et prise de décision.
Ce sera intéressant aussi parce qu'à la fin, Alexander est devenu
Aurelia Core Maintainer .
StoreWars (ngxs, redux, vuex)
Le thème du cadre sera poursuivi
par un
rapport de Kirill Yusupov et
Maxim Ivanov (Cinimex). Dans la partie principale, nous analyserons
la gestion de l'état , examinerons des exemples dans les petits et grands projets pour les trois - ngxs, redux, vuex. Et en conclusion, les intervenants promettent d'expliquer pourquoi les ngx devraient être utilisés, et non ngrx, et pourquoi le
choix du framework n'est pas aussi important que le choix du magasin.
Cadres en voie de disparition
Pavel Malyshev de Mustlab suggère de commencer par les bases et d'abord, de comprendre pourquoi nous utilisons réellement des frameworks et pourquoi
les frameworks classiques ne conviennent pas à tous les projets . Dans
le discours, nous parlerons de la nouvelle tendance des «frameworks en voie de disparition» en utilisant SvelteJS comme exemple, et essayer de comprendre pourquoi ce n'est pas encore un autre framework javascript.
La conclusion est évidente, il n'y a pas de solution miracle, mais ces déclarations vous aideront à prendre une décision raisonnable dans chaque cas. Parfois, cela peut même s'avérer être une solution faite par vous-même ...
Mieux vaut perdre un jour
Le rapport d' Aleksey Okhrimenko de IPONWEB n'est entré dans aucune des sections, il est seul. Le 5 octobre, dès le matin, nous découvrirons s'il vaut la peine de développer
nos propres outils , et si cela fonctionnera en passant beaucoup de temps, finalement, à le sauver. Alexey partagera son expérience dans la rédaction d'outils de
débogage, de test, d'optimisation , d'échafaudage et de validation pour divers projets. Il vous dira quels avantages les outils existants peuvent apporter et s'il vaut la peine d'y perdre du temps.
Bien sûr, c'est loin d'être tout. Mais même cela devrait suffire à convaincre quiconque que
Frontend Conf Moscow 2018 sera la conférence frontale la plus grande et la plus cool de Russie. Venez vous plonger dans une atmosphère professionnelle pendant deux jours, impliquez-vous dans des reportages intéressants, découvrez de nouvelles choses utiles et discutez avec d'autres professionnels. Oui, au final, juste passer un bon moment.
Dépêchez-vous de vous inscrire si vous ressentez (ou si le test vous a incité) le besoin de croissance professionnelle - il ne reste qu'une semaine!