Вдруг вам нужен ключ для какого-то продукта JetBrains (#халява)

https://support.stepik.org/hc/ru/articles/360010105180-%D0%9A%D0%B0%D0%BA-%D0%BF%D0%BE

SQL CheatSheet

#am_cheatsheet

Почему важно использовать корректные #HTML5 тэги вместо div:

👉 Accessibility (читалки корректно понимают для чего секция вашей страницы предназначена и как с ней взаимодействовать)
👉 Maintainability & readability (легче читать и понимать код разметки, когда у тебя не одни лишь div'ы в ней)
👉 Machine friendly (частично относится к первому пункту, но так же поисковые боты и парсеры воспринимают валидные страницы лучше)
👉 Testability (легче тестировать и поддерживать актуальность тестов)

Перед тем, как использовать тег <div>, убедитесь что ни один из нижеперечисленных вам не подходит (если подходит - используйте корректный тег, вместо div)

header
footer
nav
main
section
summary
caption
label
p
ul
ol
blockquote
article
aside
mark
details
fieldset
legend
form
table
figure
figcaption
progress
q
abbr
address
time
dl
dialog
s
output
var

#am_html_tips #am_accessibility

Какие теги использовать вместо

<span>

:

a
em
strong
small
s
cite
q
dfn
abbr
time
code
var
kbd
sub
sup
mark
bdi
bdo

#am_html_tips #am_accessibility

Map vs Object

Как браузер приоритизирует запросы и как можно повлиять на эти приоритеты, чтобы ускорить загрузку страницы

https://calibreapp.com/blog/critical-request

CheatSheet по дизайн паттернам

http://www.mcdonaldland.info/files/designpatterns/designpatternscard.pdf

#am_cheatsheet

Условный border-radius в #CSS

https://ishadeed.com/article/conditional-border-radius/

#am_css

System Design для самых маленьких

Виктор Карпов про основные аспекты проектирования технической реализации какого-либо продукта 

https://vitkarpov.me/posts/what-is-system-design/

Can I Include - это как Can I Use, только для определения может ли один HTML тег быть родителем/ребенком для другого

https://caninclude.glitch.me/

#am_tools

Tachometer – инструмент для бэнчмарков в вэбе

https://github.com/Polymer/tachometer

#am_tools

bundle.js.org – инструмент для быстрой проверки размеров npm-пакета или отдельной функции пакета

https://bundle.js.org/

#am_tools

Не уверены какая именно разметка для кнопки вам нужна? Загляните в The Button CheatSheet 👇

https://www.buttoncheatsheet.com/

#am_cheatsheet

Набор best practices от Google, которые вы можете применить в своих проектах.

▶️ Как писать хорошие коммит сэсседжи
▶️ На что обратить внимание во время код-ревью
▶️ Как формулировать комменты во время код-ревью
▶️ Как воспринимать комментарии к вашему коду

https://google.github.io/eng-practices/

Разница между `Object.freeze` и `as const` в #TypeScript

#TypeScript Interfaces vs Types

Очень похожи, но все же различия между типами и интерфейсами есть, в статье об этом читайте подробнее:
https://ultimatecourses.com/blog/typenoscript-interfaces-vs-types

Заголовок Clear-Site-Data позволяет очистить данные в браузере (localstorage, кэши, service-workers, etc.) командой с сервера. Не работает в Safari.

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Clear-Site-Data

#am_tips