JavaScript

В гостях Василиса Версус, Head of frontend platform в Sbermarket

№63 - Карьерный рост от пса до петуха

Стоит ли призывать работодателя? По следам
https://twitter.com/thekiba_ru/status/1470054955423784966?s=21

Первое публичное выступление Миши - и сразу про факап

Советы по публичным выступлениям
https://hadihariri.com/2018/08/15/public-speaking-dealing-with-nerves/

Что же такое софт скиллы? Для самых маленьких
https://skillbox.ru/media/growth/chto_takoe_soft_skills_i_kak_ikh_razvit/

Софт-скиллы для сеньоров
https://skamille.medium.com/an-incomplete-list-of-skills-senior-engineers-need-beyond-coding-8ed4a521b29f

Книги от Миши:

Джедайские техники
Nonviolent Communication: A Language of Life
https://www.goodreads.com/book/show/71730.Nonviolent_Communication

Immunity to Change: How to Overcome It and Unlock Potential in Yourself and Your Organization
https://www.goodreads.com/book/show/5962102-immunity-to-change

№65 - А работодатель знает, что ты эту шутку не слышал?

State of CSS
https://2021.stateofcss.com/

Книга про паттерны
https://www.patterns.dev/

Псевдоэлементы не нужны
https://www.smashingmagazine.com/2021/09/reducing-need-pseudo-elements/

Proposals included in the incoming ECMAScript 2022 standard for JavaScript
https://medium.com/geekculture/proposals-included-in-the-incoming-ecmascript-2022-standard-for-javascript-6119a4518904


Полупики
Отладка React для самых маленьких
https://habr.com/ru/post/595607/

Deep-copying in JavaScript using structuredClone
https://web.dev/structured-clone/

Пики

https://a.singlediv.com/

The surprising behavior of !important in CSS custom property values
https://css-tricks.com/the-surprising-behavior-of-important-in-css-custom-property-values

№66 - Псевдоэлементы вообще не нужны

Опенсорс драма

https://snyk.io/blog/open-source-npm-packages-colors-faker/
https://web.archive.org/web/20210628030444/https://marak.com/blog/2021-04-25-monetizing-open-source-is-problematic
https://github.com/Marak/colors.js/commit/074a0f8ed0c31c35d13d28632bd8a049ff136fb6

Отличная статья про оптимизацию
https://habr.com/ru/company/yandex/blog/570914/

Top 15 JavaScript Frameworks You Should Consider in 2022
https://www.simform.com/blog/javascript-frameworks/

Полупики 

https://blog.scottlogic.com/2021/10/11/Capturing-Intent-with-TypeScript.html

Responsive Layouts, Fewer Media Queries
https://css-tricks.com/responsive-layouts-fewer-media-queries/

Поиск утечек памяти
https://github.com/nolanlawson/fuite

🔥 Frontend Interview Cheatsheet That Helped Me Get Offers From Amazon & LinkedIn
https://itnext.io/frontend-interview-cheatsheet-that-helped-me-to-get-offer-on-amazon-and-linkedin-cba9584e33c7

Highlights of the Web Almanac 2021
stefanjudis.com/blog/highlights-from-the-web-almanac-2021/

№67 - 2к22 - это год Backbone.js

Ведущий подкаста - Алексей Пирогов, преподаватель Hexlet. Сегодня расскажем об истории web и инструментах, которые применялись для его ускорения.

* COM https://ru.wikipedia.org/wiki/Component_Object_Model
  * Java applets https://ru.wikipedia.org/wiki/Java-апплет
  * ActiveX https://ru.wikipedia.org/wiki/ActiveX
  * Flash https://ru.wikipedia.org/wiki/Adobe_Flash
* Google Native Client https://ru.wikipedia.org/wiki/Native_Client
* asm.js https://ru.wikipedia.org/wiki/Asm.js
  * Emscripten https://ru.wikipedia.org/wiki/Emscripten
    * LLVM https://ru.wikipedia.org/wiki/LLVM
* WebAssembly https://ru.wikipedia.org/wiki/WebAssembly
  * wasmer https://wasmer.io/
  * WASI https://wasi.dev/
  * wascap https://github.com/waxosuit/wascap

Hexlet Podcast: средства для ускорения web

В гостях Саша Шинкевич

00:00:00 Интро
00:00:39 Путь гостя в профессию
00:08:29 Выступления на конференциях
00:27:04 Про выгорание
00:51:28 Что можно понять о работе по тексту вакансии
01:04:22 Наши худшие собеседования
01:11:27 Полупики и пики

Материалы

Опознаём плохие условия работы по текстам вакансий
https://habr.com/ru/company/digital-ecosystems/blog/520614/

On the Web Share API
https://css-tricks.com/on-the-web-share-api

Container Queries are coming to Chromium!
https://www.bram.us/2020/11/05/container-queries-are-coming-to-chromium

Intent to Remove: HTTP/2 and gQUIC server push
https://twitter.com/intenttoship/status/1326652757739180033
https://groups.google.com/a/chromium.org/g/blink-dev/c/K3rYLvmQUBY/m/vOWBKZGoAQAJ

Emulate vision deficiencies in DevTools
https://addyosmani.com/blog/emulate-vision-deficiencies-devtools

A Complete Guide to CSS Media Queries
https://css-tricks.com/a-complete-guide-to-css-media-queries/

Выпуск №49: Постарайтесь не выгорать джунами

Возрождение youtube-dl
https://twitter.com/natfriedman/status/1328365679473426432

Эпичное промо нового tailwind
https://twitter.com/tailwindcss/status/1329129585024372741

Переход Bloomberg на Typescript
https://www.techatbloomberg.com/blog/10-insights-adopting-typescript-at-scale/

Правило прототипирования анимаций
https://css-tricks.com/the-paper-prototype-rule

Пики

Announcing TypeScript 4.1
https://devblogs.microsoft.com/typescript/announcing-typescript-4-1

Let web applications be file handlers
https://web.dev/file-handling/

Standardizing <select> And Beyond: The Past, Present And Future Of Native HTML Form Controls
https://www.smashingmagazine.com/2020/11/standardizing-select-native-html-form-controls

Lazy-load images with the Intersection Observer API and React
https://medium.com/javascript-in-plain-english/lazy-load-images-with-the-intersection-observer-api-and-react-4fd8ae19e195

A Complete Guide to CSS Gradients
https://css-tricks.com/a-complete-guide-to-css-gradients

№50 - Все дороги ведут к букингу

В гостях Татьяна Новикова

Top 10 Web Application Security Risks
https://owasp.org/www-project-top-ten/

№51 - Вас взломают, но хотя бы не хомячок

Adopting TypeScript Will Make You Suffer
https://medium.com/swlh/typescript-will-make-you-suffer-7cc6ca4b1233

Несколько задач на систему типов TypeScript
https://github.com/type-challenges/type-challenges

Мега-альманах за 2020 о состоянии дел в вебе
https://almanac.httparchive.org/en/2020/

Using Git commands that will make you look like a senior developer
https://levelup.gitconnected.com/using-git-commands-that-will-make-you-look-like-a-senior-developer-14247f4aca3b

CSS custom properties are not variables
https://webplatform.news/issues/2020-12-04

Advent of Code
https://adventofcode.com/

JWT Authentication Best Practices
https://dev.to/deleteman123/jwt-authentication-best-practices-3lf9

Deno 1.6 Release Notes
https://deno.land/posts/v1.6](https://deno.land/posts/v1.6

How to Abort a Fetch Request in JavaScript using AbortController
https://dev.to/nas5w/how-to-abort-a-fetch-request-in-javascript-using-abortcontroller-3jc3

№52 - Раскати опечатку на 200 тысяч сайтов

«Глупый рекрутер не назвал мне вилку зарплат»: почему в вакансиях редко пишут честную сумму
https://mc.today/blogs/glupyj-rekruter-ne-nazval-mne-vilku-zarpat-pochemu-v-vakansiyah-redko-pishut-chestnuyu-summu

8 Common JavaScript Mistakes That You Should Avoid
https://medium.com/javascript-in-plain-english/8-common-javascript-mistakes-that-you-should-avoid-bbbfe1fb9539

React Server Components
https://reactjs.org/blog/2020/12/21/data-fetching-with-react-server-components.html
https://twitter.com/dan_abramov/status/1343200035035557890?s=21

Vanilla JavaScript speech-to-text
https://daily-dev-tips.com/posts/vanilla-javascript-text-to-speech/

Mocks aren’t evil! Better mocking with React Testing Library
https://dev.to/d_ir/mocks-aren-t-evil-better-mocking-with-react-testing-library-3hii

Continuous Performance Analysis with Lighthouse CI and GitHub Actions
https://css-tricks.com/continuous-performance-analysis-with-lighthouse-ci-and-github-actions

Справочник: пробелы
https://type.today/ru/journal/spaces

№53 - Наша работа не дала результатов

Видео-версия (https://youtu.be/PXXuDw8cMtA)

Ответы на вопросы слушателей. 

Вступление (00:43)
VSCode и CLI (03:02)
React Native (37:56)
Digital nomads (41:51)
10 плохих привычек в Typescript (https://startup-cto.net/10-bad-typescript-habits-to-break-this-year) (50:20)

#173​ Make TypeScript JavaScript Again

https://www.typescriptlang.org/docs/handbook/2/template-literal-types.html


https://2020.stateofjs.com/en-US/

React Bias
https://gist.github.com/malchata/e7c4862b77120dc230763ea8f3110c17

New aspect-ratio CSS property supported in Chromium, Safari Technology Preview, and Firefox Nightly
https://web.dev/aspect-ratio/

Managing CSS Z-Index In Large Projects
https://www.smashingmagazine.com/2021/02/css-z-index-large-projects/

Margin considered harmful
https://mxstbr.com/thoughts/margin/

Don't use functions as callbacks unless they're designed for it
https://jakearchibald.com/2021/function-callback-risks/

№55 - Не ешьте фрукты, не используйте margin

Сделайте мне красиво

Related tracks