No argumentaré que el front-end es más importante que el back-end, ni apoyaré el controvertido concepto de que "un back-end en la web moderna es opcional". Dejamos a un lado las holivares, simplemente admitimos que el desarrollador front-end está involucrado en el lado del cliente de los proyectos web, lo que significa que su trabajo es más visible para los usuarios finales para quienes hay una lucha. Es decir, no prestar suficiente atención al front-end es simplemente un lujo inadmisible.
Decidimos sobre esto, solo queda resolverlo, y ahora cómo hacer todo genial. ¿Dónde está escribiendo internet sobre esto? - Sí, en todas partes! Y así, para hacer frente a toda la variedad de tecnologías modernas, marcos y bibliotecas, celebramos una conferencia profesional Frontend Conf. Seleccionando temas para ella, no nos enfocamos en el bombo, sino en la utilidad de los informes. Después de asistir a una conferencia, cualquier proveedor profesional de front-end puede estar seguro de que encontrará muchos informes útiles correspondientes a su nivel de conocimiento. Te diré exactamente qué informes finalmente ingresaron al programa bajo el corte.
Datos de entrada
La conferencia
Frontend Conf Moscow 2018 se llevará a cabo los
días 4 y 5 de octubre . Durante dos días nos dedicaremos por completo a discutir tecnologías y enfoques para desarrollar el lado del cliente, prestaremos atención a cuestiones tales como: mejorar la productividad y evaluar la calidad, elegir un marco, proceso de diseño de interfaz, trabajar con API, diseño.
En tres transmisiones en tres salas en dos días, se presentarán
40 informes , clases magistrales y reuniones en diversos campos: API, diseño y UX, rendimiento, marcos, pruebas y otros.
Al compilar el programa, elegimos aquellos que serían
útiles en el trabajo del círculo más amplio posible de especialistas . Pero no dejaron atrás preguntas aún más específicas; en la sala Gamma habrá informes sobre herramientas que pueden no ser necesarias para todos, pero definitivamente para algunos son las más demandadas. En un círculo relativamente estrecho, será aún más conveniente discutir estos temas; habrá una oportunidad de tratar a fondo todo y encontrar personas de ideas afines. De una forma u otra, casi todos los oradores se basan en su propia experiencia y ofrecen soluciones específicas que
escucharon e implementaron . A menos que quede muy poco espacio para presentaciones simplemente informativas, como sobre la
minería de criptomonedas en un navegador .
El
cronograma completo está en el sitio en forma interactiva y en
pdf con los símbolos de los temas; está organizado de modo que si se le ocurre un tema específico, puede acceder a todos los informes al respecto. Ahora veamos los temas.
El primer día, jueves cuarto del día, comenzará con cuatro presentaciones en inglés, para un calentamiento.
Romper la norma con CSS creativo
Aga Naplocha trabaja en
Adobe y también está desarrollando el proyecto educativo The Awwwesomes. En su
charla, Aga quiere compartir con nosotros
nuevas características de CSS que le permiten crear cosas realmente sorprendentes. El brillante futuro de los gráficos web y CSS está a la vuelta de la esquina: finalmente podremos incorporar rápidamente nuestras ideas audaces y crear diseños de sitios web directamente en el navegador. Aha llama a no quedarse a un lado y
recargar energías con el espíritu fresco de la creatividad .
Accesibilidad frente a las últimas API web. ¿No podemos llevarnos bien?
Mauricio Palma en SinnerSchrader actúa como una especie de proxy entre los equipos de diseñadores y desarrolladores y cree que, en su mayor parte, los desarrolladores tratan el problema de
accesibilidad de la interfaz como algo que debería considerarse en último lugar.
En su
informe, Maurizio, utilizando la
última API web , promete mostrar técnicas efectivas de reconocimiento de voz y síntesis y crear interfaces de usuario convenientes y accesibles con su ayuda.
Tiré mi mouse
Inspirado por el trabajo de Laura Carvajal,
Manuel Matuzović decidió
realizar un experimento y no usó el mouse durante dos semanas. En su
informe, Manuel mostrará ejemplos exitosos y no exitosos de sitios que conoció. Con base en ellos, discutiremos los problemas más comunes y hablaremos sobre las formas de resolverlos. Veamos por qué es importante que su sitio sea posible y conveniente de
usar desde el teclado , y para quién es realmente
beneficioso .
Sistemas de diseño empático
En Frontend Conf,
Jennifer Wong (Envoy) planea basarse en su experiencia para
contar cómo desarrollar un sistema de diseño desde cero, sin olvidar la accesibilidad y teniendo en cuenta las necesidades de los usuarios y desarrolladores. Jennifer incluso hizo un
video en el que invita a su informe.
Después de eso, habrá un descanso para almorzar en las salas Beta y Gamma, y comenzará un informe muy interesante en la sala Alpha.
Cómo desarrollamos una primera aplicación sin conexión completa utilizando almacenamiento persistente
El desarrollo web y las aplicaciones Offline First ya no parecen poco realistas. Lo que era una ventaja de las aplicaciones nativas también se implementa en las aplicaciones web.
Timothy Lavrenyuk (KeepSolid) planea
decir :
- cómo portar una aplicación nativa para trabajar con documentos, conservando una de sus principales ventajas: trabajar sin conexión;
- Qué bibliotecas usar para trabajar con IndexedDB;
- cómo conectar a los trabajadores que trabajan con la base de datos y la aplicación misma.
La historia se basa en la experiencia real y no puede prescindir de una descripción de las trampas.
Rendimiento
garbage.collect ()
Estamos acostumbrados al hecho de que el navegador no solo ejecuta nuestro JavaScript, sino que también limpia la basura restante detrás de él. El desarrollador de Yandex.Mart API Andrei Roenko considera importante comprender este proceso y sugiere
encontrar respuestas a las preguntas juntos:
- ¿De dónde viene la basura y qué hacer para que sea más pequeña?
- ¿Quién y cuándo recolecta basura?
- ¿Qué herramientas hay para analizar el consumo de memoria y el rastreo de basura?
- ¿Cómo intentan los navegadores optimizar el rendimiento de la memoria?
Un análisis detallado lo ayudará a comprender cómo la recolección de basura afecta el rendimiento de nuestras aplicaciones.
Lifehacks para desarrolladores front-end
Alexei Zolotykh ha estado desarrollando la interfaz durante 10 años y ha acumulado muchos
trucos de vida: formas
de hacer algo rápida y fácilmente de lo que parece a primera vista. En su informe sobre Frontend Conf, Alexei promete
compartir estos trucos de la vida, por ejemplo, aprendemos cómo mostrar el resultado de su trabajo desde una computadora local o hacer un sitio web en una noche. También mira los
trucos de la vida en la consola y mucho más.
Servicio rápido sin renderizado del lado del servidor
Ultimate Guitar es un servicio que se visita 65 millones de veces al mes, pero que se realiza sin Renderizado del lado del servidor. Andrey Yakobchuk explicará por qué se eligió ese camino. Y más sobre el informe
aquí .
Cachéalo
El almacenamiento en caché del navegador es un mecanismo bastante flexible. ¿Usas todo su potencial?
Vsevolod Shmyrov (Yandex.Maps)
promete realizar un análisis paso a paso de todos los niveles de almacenamiento en caché disponibles al intentar descargar cualquier material mediante el navegador. Tanto en el lado del cliente como en el lado del servidor.
Diseño
Esta sección incluye informes que están menos vinculados al contexto de la fuente. Básicamente, tendrán menos código, pero más consideraciones estructurales, lo que no resta valor a su utilidad.
El proceso de crear animaciones complejas en la web: desde la idea hasta el proyecto terminado
Un proyecto espectacular no se puede crear sin animaciones espectaculares. En cualquier caso, tanto
Natalia Gabitova como
Yegor Savintsev de Rambler & Co piensan y prometen compartir su experiencia en eso:
- cómo reunir un equipo de desarrolladores y diseñadores de movimiento;
- cómo distribuir roles y controlar el resultado;
- qué herramientas dominar, qué comprender;
- cómo integrar animaciones de diferentes fuentes en el sitio.
Veamos cómo funciona en Rambler & Co y qué técnicas se pueden usar para mantener el orden, evitar pérdidas de memoria, sincronizar diferentes animaciones.
Experiencia de desarrollador y API como producto
¿A qué detalles debe prestar atención al crear (o elegir) un producto API para proporcionar (u obtener) la mejor experiencia de desarrollador?
Anastasia Goryacheva en Intento trata con docenas de API de IA y, según su ejemplo, ofrece
analizar 8 características de API como: confiabilidad, facilidad de inicio, facilidad de mantenimiento y algo más. Veremos cuál de los gigantes de la industria crea más dolores de cabeza que la funcionalidad. Estas mismas ideas pueden ser útiles al elegir un servicio de pago para un sitio. O construyendo comunicación entre los equipos de desarrollo de backend y front-end creando un servicio.
Enfoque PDD para planificar un proyecto de TI
Ksenia Konovalova de Digital Security
demostrará que
todos los desarrolladores deberían poder hacer prototipos . XD (no, esto no es un emoticón) de Adobe ayudará a comenzar de manera reactiva. Aprendemos cómo usar el prototipo: para formular los requisitos del producto; Diseño de arquitectura de producto
prueba de hipótesis sin código . Y después del informe, podemos encontrar un lenguaje común con nuestro querido cliente,
ahorrar el presupuesto del proyecto y reducir el tiempo de desarrollo. En cualquier caso, Xenia nos promete esto. Incluso por el bien de uno de estos puntos, vale la pena intentar profundizar en la creación de prototipos.
API JSON: trabajamos de acuerdo con las especificaciones
Alexey Avdeev de Neuron.Digital lo ayudará a comprender la especificación JSON API. Este
informe está muy lleno de detalles técnicos, pero también se incluyó en esta sección "Diseño", ya que no está vinculado exclusivamente al front-end. Alexey le dirá de qué se trata la API JSON, cómo este enfoque
complementa RESTful y cómo
difiere de GraphQL . Como siempre, analizaremos las ventajas, desventajas y desventajas.
Marcos
Por supuesto, no puede prescindir del tema de tendencias y nuevos marcos en Frontend Conf. Intentamos no dejarnos llevar demasiado por ellos y seleccionamos solo algunos de los informes más prácticos.
Reaccionar, Vue o Aurelia: cómo elegimos el marco
Puede haber muchos criterios para elegir un marco, y en cada nueva tarea debe volver a sopesar los pros y los contras.
Alexander Taran (Acumatica)
presentará sus condiciones y su opinión. Por ejemplo, dirá:
- cómo evaluar el "costo del error" en la elección;
- qué prototipos probar las hipótesis para implementar,
- cómo afectan las exageraciones y las tareas comerciales;
- resumen de resultados y toma de decisiones.
Será interesante también porque al final Alexander se convirtió en
Aurelia Core Maintainer .
StoreWars (ngxs, redux, vuex)
Continuando con el tema del marco habrá un
informe de Kirill Yusupov y
Maxim Ivanov (Cinimex). En la parte principal analizaremos
la gestión del estado , consideraremos ejemplos en proyectos pequeños y grandes para los tres: ngxs, redux, vuex. Y como conclusión, los oradores prometen explicar por qué deberían usarse ngxs, y no ngrx, y por qué la
elección del marco no es tan importante como la elección de la tienda.
Marcos desaparecidos
Pavel Malyshev de Mustlab sugiere comenzar con lo básico y comenzar a descubrir por qué realmente usamos marcos y por qué
los marcos clásicos no son adecuados para todos los proyectos . En
la charla, hablaremos sobre la nueva tendencia de "marcos desaparecidos" usando SvelteJS como ejemplo, y trataremos de entender por qué este todavía no es otro marco javascript más.
La conclusión es obvia, no existe una bala de plata, pero estas declaraciones lo ayudarán a tomar una decisión razonable en cada caso. A veces, incluso puede llegar a ser una solución hecha a sí misma ...
Mejor perder un día
El informe de Aleksey Okhrimenko de IPONWEB no entró en ninguna de las secciones, es por sí solo. El 5 de octubre, justo en la mañana, descubriremos si vale la pena desarrollar
nuestras propias herramientas y si funcionará al pasar mucho tiempo, en última instancia, guardarlo. Alexey compartirá su experiencia en herramientas de escritura para
depuración, prueba, optimización , andamiaje y validación para varios proyectos. Él le dirá qué beneficios pueden aportar las herramientas existentes y si vale la pena perder el tiempo en ello.
Por supuesto, esto está lejos de todo. Pero incluso esto debería ser suficiente para convencer a cualquiera de que
Frontend Conf Moscow 2018 será la conferencia de front-end más grande y genial de Rusia. Venga a sumergirse en una atmósfera profesional durante dos días, participe en informes interesantes, conozca nuevas cosas útiles y chatee con otros profesionales. Sí, al final, solo pasándolo bien.
Date prisa para registrarte si sientes (o la prueba te incitó) la necesidad de crecimiento profesional: ¡solo queda una semana!