Hola habru Ya hemos publicado videos de los informes de HolyJS 2018 Piter en YouTube, y para ustedes hemos hecho (no del todo) una selección tradicional de los mejores, según los visitantes de la conferencia.
Como de costumbre, hay informes "junior" en la parte superior, con la calificación más alta al final. Por supuesto, esto no significa que un informe sea mucho peor que otro: estimaciones de toda la colección en el rango de 4.28 a 4.56. Si observa el número de revisiones o cambia la metodología de cálculo, los lugares pueden cambiar fácilmente. En general, ¡mira todo!
Debajo del corte, y videos de los mejores informes, y enlaces a sus presentaciones, y descripciones breves, y un enlace a la lista de reproducción completa.
Un enfoque sistemático front-end para la velocidad: mediciones en línea
Ponente:
Andrey ProkopyukUbicación: 11
Valoración: 4.28 ± 0.08
Presentación del informeSorpresa! Hoy no tenemos 10, sino 11 informes, y hay varias razones para esto.
En primer lugar, entre el 11º y 10º lugar la diferencia es de solo cuatro centésimas de punto. En segundo lugar, inicialmente los chicos del "grupo de velocidad Yandex" planearon hacer un informe par, y luego se separaron: Andrey (
Andre_487 ) habló sobre las mediciones en línea y Alex sobre las mediciones fuera de línea. Entonces, en aras de la exhaustividad, ambos se incluyeron en la parte superior: puede considerarlos dos partes de un solo todo.
Este es un excelente informe para comenzar nuestra selección: es simple, dinámico, pero al mismo tiempo útil. Le ayudará a encontrar métricas y comprender la velocidad del producto haciendo algunas cosas literalmente sobre la rodilla y sin análisis innecesarios.
Como dijo uno de los visitantes de la conferencia: "¡CI en esteroides por parte de estos muchachos!".
Dando vida a la web móvil
Ponente:
Imad ElyafiUbicación: 10
Valoración: 4.28 ± 0.12
Presentación del informeEl informe Imad de Pinterest sobre cómo reescribir la versión web móvil de un proyecto importante como Pinterest en 11 semanas (¡con éxito!), Con un aumento en las métricas de participación del usuario. Resultado: el resultado está cerca de las aplicaciones nativas sin pérdida de velocidad de carga.
Por supuesto, el camino era espinoso y difícil: Imad explica con ejemplos dónde tuvieron que lidiar con los problemas y cómo lograron resolverlos. Explicará por qué el equipo eligió la versión móvil, sobre trabajar en la página de inicio y cómo se optimizó el sitio para una conexión 3G sin perder la sincronización.
Depuración de JS usando Chrome DevTools como ejemplo
Ponente:
Alexey KozyatinskyUbicación: 9
Valoración: 4.28 ± 0.08
Presentación del informeEl tema principal del informe es qué hay dentro del depurador de aplicaciones web. Alexey trabaja "al otro lado de las barricadas", en el equipo de Chrome DevTools, creando y mejorando las herramientas de depuración de JavaScript allí. Se hablará de eso: lo que el navegador puede hacer automáticamente al depurar, qué herramientas son amigos del desarrollador, cómo trabajar con pilas asíncronas y perfiles de memoria.
Y en el informe, Alexey responde a la pregunta de por qué los puntos de interrupción en los archivos con mapa de origen funcionan solo después de volver a cargar la página y contrastar el muestreo y la instrumentación, destacando las fortalezas y debilidades de cada uno.
El informe es breve pero detallado: contiene muchas herramientas de análisis, mucho código y promete corregir errores :)
Un enfoque sistemático para la velocidad del front-end: mediciones fuera de línea
Ponente:
Alexey KalmakovUbicación: 8
Valoración: 4.29 ± 0.08
Presentación del informeLa segunda parte del informe sobre el enfoque de las mediciones de los chicos de Yandex. Ahora sobre mediciones fuera de línea: enfoques completamente diferentes e información completamente diferente. Es mejor observar ambas partes para comprender lo que está sucediendo y cómo aplicar el conocimiento fuera de las herramientas internas de Yandex.
Alexey revela los pros y los contras del enfoque de su colega, y habla sobre la triste historia de un lanzamiento, sobre la herramienta Pulse, que ayuda a recopilar datos y consultas e identifica los principales problemas de la recopilación de datos fuera de línea. Informe fácil, divertido y útil.
Nota clave: 30: demasiado JavaScript
Ponente:
Ilya KlimovUbicación: 7
Valoración: 4.30 ± 0.08
Presentación del informeLa nota de motivación final resultó ser muy "fácil", animada y bastante cómica. Como mínimo, vale la pena ver la sección sobre la categorización de la capacitación. Ilya hizo un calendario amplio de la importancia y relevancia del conocimiento, que a nuestros oyentes realmente les gustó.
Este informe es la respuesta a tres preguntas hechas por Ilya cada semana varias veces por sus alumnos:
- ¿Cómo aprender lo que necesitas, no exagerar?
- ¿Cómo estructurar la información para el desarrollo más rápido?
- Donde correr
Nota clave: tecnología parpadeante o ingeniería del siglo XXI
Ponente:
Maxim YuzvaUbicación: 6
Valoración: 4.41 ± 0.07
Presentación del informeSi el código no discute, no hace preguntas innecesarias (bueno, casi), y no necesita negociar con él, entonces con las personas todo es mucho más complicado: cada uno tiene sus propias peculiaridades, necesidades, etc. Acerca de esto: el informe de estilo TED de Maxim, que concluyó el primer día.
Maxim analiza esa parte del trabajo que está fuera de los holivars sobre marcos, paradigmas y fuera del eterno alboroto frontal. Por ejemplo, los estudiantes notaron consejos útiles sobre cómo elegir tecnologías, hacer preguntas correctamente e interactuar en un equipo.
Maxim enseña a vender refactorización en un proyecto, convenciendo a sus colegas para implementar Linter y dejar de preocuparse por qué escribir, Angular, React o Vue.
Este informe responderá a la pregunta: "¿Podría Elon Musk lanzar y lanzar un cohete si supiera JavaScript, React o Angular mejor en el mundo?" Spoiler: "Sí. Pero saber js no es el punto aquí. Después de todo, debe descargar softskills, poder comunicarse en un equipo, demostrar su punto de vista y mucho más. Puede escribir código perfectamente, pero perder la discusión con alguien que tenga un buen lenguaje ahorcado. Y esto debe ser recordado.
Descomposición del subproceso principal en Node.js para aumentar el rendimiento
Ponente:
Nikolay MatvienkoUbicación: 5
Valoración: 4.42 ± 0.09
Presentación del informeCada empresa utiliza Node.js a su manera: desde estilos de construcción, SSR y plantillas hasta microservicios y comunicación con bases de datos. Pero todos tienen una cosa en común: un subproceso principal cargado. Nikolay, utilizando Node.js como ejemplo en proyectos de comercio electrónico de grandes empresas, explica cómo aliviar eficiente y gradualmente el subproceso principal para aumentar el rendimiento.
Hay muchas herramientas para esto: iniciar sesión en una secuencia separada, recopilar métricas en un proceso separado y poner a los trabajadores a trabajar con las tareas que requieren más recursos.
Pruebas, números de comparación específicos, gráficos: Nikolai analiza cada herramienta en detalle y con prudencia. Harkorny, pero informe muy útil, que no se recomienda perder.
Trabajar con árboles de sintaxis JavaScript abstractos
Ponente:
Kirill CherkashinUbicación: 4
Valoración: 4.44 ± 0.07
Presentación del informeKirill, quien nació en Moscú, ahora vive en Nueva York y trabaja en Google para Firebase, y también
organiza el Angular-mitap más grande del mundo. Habla sobre ejemplos simples y "dolorosos" de cómo analizar correctamente su código y transformar el de otra persona.
¿Por qué necesitas analizar tu código? Por ejemplo, para encontrar el console.log olvidado antes de comprometerse. Pero, ¿qué sucede si necesita cambiar la firma de la función en cientos de entradas en el código? ¿Las expresiones regulares harán frente aquí?
Cyril responde a todas estas preguntas en su informe simple pero muy útil. Explora los enfoques para analizar y transformar el código fuente JavaScript basado en su análisis y trabajando con el Árbol de sintaxis abstracta resultante. Ejemplos son Babel y ESLint.
EME? Cdm? DRM? CENC? IDK!
Ponente:
Sebastian GolaschUbicación: 3
Valoración: 4.46 ± 0.17
Presentación del informeCharla de tres palabras: ingeniería inversa de Netflix
Un informe muy interesante que revela los detalles técnicos detrás de una serie de abreviaturas aterradoras de la pila DRM: EME (Extensión de medios cifrados), CDM (Módulos de descifrado de contenido), Widevine y DRM (Gestión de derechos digitales).
En un informe, Sebastian repasará los puntos principales relacionados con la protección del video en línea: transmisión, descarga, antipiratería, licencias y muchos otros. Él te dirá cómo crear tu propio reproductor de video para Netflix y profundizar en la arquitectura del servicio.
Un informe lleno de detalles técnicos, que puede no ser adecuado para todos, pero que presentará los conceptos básicos del trabajo con DRM o sugerirá algo útil para quienes se enfrentan al trabajo de los servicios de transmisión todos los días.
Pequeños trucos sucios de los rincones oscuros del comercio electrónico
Ponente:
Vitaliy FridmanLugar: 2
Valoración: 4.51 ± 0.11
Presentación del informeVitaliy es una persona que habla simplemente de lo importante. Por ejemplo, sobre lo que puede salir mal en un proyecto de comercio electrónico.
Sí, los problemas pueden surgir literalmente en todas partes: desde elegir un producto y agregarlo a la cesta hasta una carta con confirmación y, de hecho, la entrega de los productos. Cada paso debe verificarse cuidadosamente para detectar posibles errores y malentendidos.
En el informe, Vitaliy muestra una gran cantidad de ejemplos de cómo el comercio electrónico funciona mal (para la conversión o en relación con los usuarios), con ejemplos reales y humor corporativo.
En este informe, Vitaliy considerará cómo puede aumentar la conversión, así como simplemente mejorar su experiencia de usuario con algunas pequeñas cosas. Como de costumbre, el informe de Vitaly es hermoso, simple (a pesar del idioma inglés) y muy útil para los diseñadores y desarrolladores de UX.
Muchas críticas positivas de los visitantes dicen una cosa: cada oyente y espectador encontrará algo útil para trabajar en el informe de Vitaly.
Keynote: Nuevas aventuras en frontend, Temporada 2
Ponente:
Vitaliy FridmanUbicación: 1
Valoración: 4.56 ± 0.05
Presentación del informe"¡Pero no lo adivinó, zumba en ambos oídos!" En general, si debido a la imagen de apertura de la publicación trataste de adivinar el lugar de Vitaliy Fridman, difícilmente adivinaste que logró tomar las dos posiciones superiores a la vez.
Si una de las actuaciones más notables del anterior HolyJS fue el
informe de Vitaliy Fridman "Nuevas aventuras en diseño web receptivo", ¡entonces su "secuela" se convirtió en la mejor en HolyJS Piter 2018!
Cuando encabezas Smashing Magazine, aprendes muchas sutilezas, complejidades y trucos sucios de front-end, por lo que el informe cubrirá una variedad de temas. Como advierte el autor, "no puede" reconocer "lo que aprende, y no somos responsables de sus pesadillas posteriores". Como dijo uno de los oyentes: "¡Los trucos acrobáticos para optimizar el trabajo de la interfaz siempre serán útiles!" No podemos estar en desacuerdo.
Si estos informes (y otros de la lista de reproducción completa ) son de interés, tenga en cuenta: HolyJS Moscú 2018 se llevará a cabo del 24 al 25 de noviembre .
La información más actualizada sobre el programa siempre se puede ver en el sitio web, también puede comprar boletos allí, y desde el 1 de noviembre, su precio aumentará hasta el final, por lo que ahora es la última oportunidad para ahorrar.