Los informes serán generales sobre temas front-end, en el resto de la conferencia, los ponentes hablarán con más profundidad sobre cada tema, con matices, detalles, práctica y discusiones. Ya hemos hablado de algunos de los reportajes que estarán en estos 2 días para todos, y hoy os presentamos el resto de los discursos abiertos.
¿Qué hay de nuevo en Frontend y qué podemos hacer mejor?
Cada año hablamos de las nuevas tendencias que han surgido durante el último año y cómo han afectado a todo el Frontend. Algunas se han convertido en herramientas muy útiles y otras son cosa del pasado. El año pasado, Vitaly Fridman habló sobre las tendencias en el mundo del frontend, este año Philip Nekhaev realizará una revisión en su informe " Radar tecnológico: tendencias como las vemos ". Philip es el jefe de frontend en Tinkoff, y especialmente para la conferencia, compartirá qué tecnologías, según Tinkoff, liderarán el próximo año, que se han convertido durante mucho tiempo en el estándar de facto, qué empresas están rechazando en el mercado y qué ha abandonado Tinkoff.
Esperamos al menos un buen rendimiento tanto del sistema nuevo como del antiguo, es decir, la rapidez con la que responde a nuestros clics, pings y solicitudes. Si el sistema responde sin demora, para nosotros es como hablar con personas en nuestra vida real. Y en nuestro tiempo, esperamos cada vez más esto de una computadora. Por supuesto, nuestra percepción dependerá de lo que estemos haciendo mientras esperamos: todos odian la espera pasiva a que se cargue la página, y cuando estamos activos, el tiempo pasa más rápido. Eva Ferreira de Aerolab conoce un atajo para mejorar el rendimiento de su front-end de una manera saludable y fácil de implementar. En su discurso “ De los 45 a los 85, un viaje escénico”, Eva le mostrará algunas técnicas que puede utilizar para mejorar el rendimiento de su servicio web, y también para medir cómo esto afectó la carga de su sitio. Eva hablará en inglés.
Si podemos medir algo, podemos mejorarlo. Por supuesto, para cada empresa, las métricas más importantes y mejores serán las diferentes formas de medir el rendimiento de la página web. No existe un indicador general que sea universal para todos, en cada caso la elección será individual. Sin embargo, para cualquier medición, primero seleccionamos a partir de una línea de base que generalmente cubre las métricas más comunes. Martin splittpresentará una excelente charla "Core Web Vitals - ¿Qué son y por qué son importantes?" sobre una herramienta de Google que le permite monitorear las métricas básicas del rendimiento de la interfaz. El informe estará en inglés.
Y mientras se mide el rendimiento, podemos mejorar y cambiar mucho en nuestros servicios web para que los visitantes del sitio no solo se olviden de la reproducción lenta de las imágenes, sino que también estén satisfechos con la comunicación con usted a través de formularios web. Sí, esos notorios formularios feb, sobre los cuales, como ya hemos presentado , serán presentados por Vitaly Fridman “ Getting Web Forms Right: From Checkboxes To Dropdowns". Vitaly compartirá cómo los visitantes pueden volver a confiar en nuestros formularios web sin esperar a superar obstáculos, como encontrar hidrantes o su país en una lista larga (¡sin buscar!) Y proporcionará consejos prácticos para la implementación inmediata y una mejor experiencia de usuario de sus proyectos web.
¿Está todo bien dentro del equipo?
No solo los visitantes de los servicios web deben estar satisfechos, sino también los equipos de desarrollo que los crean, mejoran y modifican. Mucha gente trabaja en cualquier proyecto: desarrolladores, gerentes, oficiales de seguridad, networkers, contables y mensajeros. No solo son todos dependientes unos de otros, sino que un error, por ejemplo, en el cálculo del tiempo por tarea, también puede afectar a los clientes. Scrum ayuda a sincronizar sus acciones entre sí, y Alexandra Baptizmanskaya hablará sobre esto en su charla “ ¿Qué Scrum? ¡Solo quiero escribir código! ". Basándose en su amplia experiencia en la creación de equipos exitosos, Alexandra compartirá sus observaciones sobre cómo un desarrollador común puede beneficiarse de Scrum y por qué se necesitan un equipo y un proceso de equipo.
Cada equipo tiene miembros menores. Si tiene un propósito, encontrará su propio camino, pero a veces guiar a los más jóvenes es útil para los mayores. Daniil Pilipenko , fundador y director del Centro de reclutamiento de especialistas en TI de SymbioWay, le dirá por qué es tan interesante y útil para cualquier desarrollador intermedio obtener un June Padawan y capacitarlo con éxito. En su informe " El camino hacia los mayores a través de la tutoría de junior'ov ", Daniel explicará por qué la etapa junior es importante, cómo desarrollar un especialista junior útil para el equipo y cómo interactuar con él para el beneficio general tanto para el junior como para el equipo. y para el proyecto.
Para que la interacción sea fácil, efectiva y, al mismo tiempo, tenga en cuenta las características específicas del estilo de vida (y el trabajo) de todos los desarrolladores, lo ideal sería utilizar no varios mensajeros, sino uno, con muchas funciones necesarias para el frontend. Mientras que la funcionalidad de los portales corporativos y los chats es bastante escasa. Pero Georgy Bugakov (¡ha estado programando desde que tenía 7 años!) Tiene una idea de cómo hacer una SuperApp completa para empleados que usan Slack y Node.js. Y este es un proyecto real utilizado por más de 40 equipos de desarrollo. En su charla “ Crear una superaplicación corporativa sobre la base de Slack y Node.js ”, Georgiy mostrará lo que los bots realmente pueden hacer en Slack y lo que se puede compensar con herramientas externas.
Pero ni un solo mensajero lo ayudará a depurar y unir los procesos de desarrollo, prueba y operación. DevOps se convierte en un vínculo de conexión que incluye comprender muchas cosas, tanto el código en sí, como probarlo y los principios de la arquitectura. Además, es necesario tener en cuenta los riesgos y posibles vulnerabilidades del sistema, poder automatizar procesos. Por no hablar de brindar apoyo antes y después del lanzamiento. En su charla " Programa educativo en CI / CD para frontend sobre el ejemplo de GitLab ", Timofey Tiunov explicará con ejemplos qué pueden ser "devops" en el frontend y qué es un frontend desde el punto de vista de un ingeniero DevOps o administrador de sistemas.
Equipo feliz - ¿Usuarios felices?
Cuando todos en el equipo ya están trabajando en armonía, se entienden entre sí y las fechas de lanzamiento no se interrumpen, es hora de recordar el negocio como tal y las necesidades de los usuarios de servicios web en particular. Un gran diseño es lo primero que ven los visitantes en un sitio web. Y Stéphanie Walter en su charla " Diseñar componentes adaptables (más allá de los puntos de interrupción de respuesta) " llamará su atención sobre por qué es mejor pensar en el "contexto de uso" de la pantalla, en lugar de la cantidad de píxeles. Stephanie mostrará que a veces los ingredientes activos pueden desaparecer de la pantalla, y que también puede ser un gran diseño, que a la audiencia le encantará y será cómodo de usar. Informe en inglés.
Y ese gran diseño también es deliciosamente hermoso, Kathleen McMahonen la charla “¡ Los componentes React con sabor a accesibilidad hacen que su sistema de diseño sea delicioso! »Compartirá su experiencia y conocimientos sobre la accesibilidad del diseño y los propios sistemas de diseño. En inglés. Kathleen le explicará cómo y qué puede usar en React para este propósito, cómo mezclar varios componentes de la interfaz de usuario, mostrar ejemplos interactivos de las mejores prácticas y describir las reglas de lo que puede hacer para hornear un producto y lo que no debe hacer.
Hui Jing Chen de Shopify lleva la capacidad de respuesta un paso más allá. Junto con HJ, analizaremos la capacidad de respuesta de CSS a través de DevTools en la charla Uso de DevTools para comprender los diseños de CSS modernos". En vivo desde Singapur, HJ demostrará cómo DevTools se puede utilizar para algo más que una herramienta de depuración. Y le mostrará cómo DevTools puede ayudarlo a alinear los diseños que queremos crear con lo que realmente aparece en la página. Esto le ayudará a comprender mejor cómo interpreta el navegador los valores CSS que asigna. Por ejemplo, el tamaño con Flexbox o varias opciones para cambiar el tamaño de las pistas en la cuadrícula. Como resultado, estas técnicas permitirán que los diseños se adapten mejor a una amplia gama de tamaños de monitores. El informe, por supuesto, estará en inglés.
Y, continuando con el tema de los diferentes idiomas. ¿Con qué frecuencia te has encontrado con el hecho de que, mientras estudias información en inglés, quieres verla en ruso? Pero, habiendo cambiado el sitio al ruso, no solo no encuentra esta información (la misma para todos los idiomas), sino que, en general, el sitio puede volverse "un poco" diferente de repente. Lo más probable es que la localización de dicho sitio haya salido un poco mal, como nos gustaría. Cómo lidiar con tales dificultades de localización en el lado de la interfaz, especialmente cuando el proyecto es enorme y el equipo es grande, Dmitry Andriyanov contará en su informe " Miedo y asco a la localización en grandes proyectos ". Dmitry mostrará cómo se organizó la localización en Yandex.Direct, un proyecto con decenas de miles de fragmentos de texto y un equipo de más de 40 personas.
¿Puede un desarrollador ser un mago?
Por supuesto, ¡qué conferencia de front-end (y, por supuesto, cualquier proyecto) sin los propios desarrolladores! Cuando tienes un equipo, un diseño, se lanza el proceso de trabajo, los sprints se suceden uno tras otro, parecería que solo queda escribir código. Pero no solo las personas de los equipos tienen problemas con la interconexión. Dentro de las aplicaciones se pueden usar diferentes lenguajes, los componentes necesitan conexiones entre sí, pero al mismo tiempo, cada obstáculo puede convertirse en una tarea seria que desarrolle el frente y lo haga avanzar.
La complejidad dentro de las aplicaciones puede aumentar debido al hecho de que los diferentes estados se distribuyen entre muchos componentes y necesitan una conexión entre ellos. Alexander Shushunov en su charla "El corazón de una aplicación Vue»No solo presenta el administrador de estado Vuex que viene con el marco Vue. Alexander hablará sobre algunos de los matices de trabajar con él y explicará su estructura interna. El administrador estatal es el corazón de la aplicación web moderna. Dicho esto, Vuex es bastante simple: no es fácil encontrar ejemplos complejos de su uso. Pero Alexander mostrará cómo se usa Vuex en EPAM Systems, qué problemas enfrentó el equipo y qué tiene que ver el rendimiento con ellos. No importa si está usando Veux o aún no, la información será útil para todos.
Pero otro desafío: ¿hay vida sin JavaScript? ¿Puede el sitio ser interactivo con otras herramientas? Por supuesto, JavaScript funciona en Windows, macOS, Linux y en plataformas móviles, es decir, en todas partes. En la PC, las plataformas Node.js, Angular y React Native han sacado a JavaScript de los límites del navegador. Y, sin embargo, Dmitry Sharabin te invita a escuchar su opinión. Dmitry cree que el futuro de HTML ya ha llegado gracias a Mavo, que se está desarrollando en el Instituto de Tecnología de Massachusetts (MIT) bajo el liderazgo de Lea Verou. En su informe “ Secretos de Mavo. Resolver las tareas diarias de los desarrolladores web sin JavaScript"Dmitry mostrará claramente sus ventajas y responderá a la pregunta de si tecnologías como el desarrollo de aplicaciones web interactivas son necesarias ahora solo escribiendo HTML y CSS.
La programación sin JC contará con el apoyo de Ilya Chertorylsky , desarrollador frontend de Raiffeisenbank. En su charla " WebAssembly SPA-frameworks ", Ilya considerará tendencias en el desarrollo de frontend como GO, RUST, C #, PHP en términos de uso de frameworks completos que le permiten escribir un sitio web llave en mano en un lenguaje familiar sin JavaScript. La interfaz se puede escribir en casi cualquier lenguaje de programación e Ilya le dirá cómo implementarlo en la práctica. Vadim Patsev
continuará con el tema de desacreditar mitos sobre la ausencia de tareas importantes en el desarrollo de front-end.de Yandex, que se mostrará en el informe “ ¿Dónde estoy y dónde está la máquina de estado? ”Que en el desarrollo web existen tareas complejas e interesantes para los programadores. El front-end no es solo el remachado de formas, sino la solución de problemas y obstáculos serios, la implementación de grandes ideas. Vadim cree que puedes probar cosas como una máquina de estados finitos, cadenas de Markov, etc. sin miedo. ¡Ven y escucha algo inusual!
Si quieres discutir, pedir consejo o compartir historias del trabajo, suscríbete al canal de Telegram FrontendConf Talks . Y escribiremos sobre los chips de eventos de la conferencia en telegram , facebook , twitter y VKontakte .