Cheatsheet по подготовке к собеседованию на JavaScript

https://www.freecodecamp.org/news/javanoscript-interview-prep-cheatsheet/

#am_tips #am_js_tips #am_cheatsheet

Шпаргалка по названиям naming convention cases:

🖊️ camel case: someName
🖊️ kebab case: some-name
🖊️ snake case: some_name
🖊️ pascal case: SomeName
🖊️ flat case: somename
🖊️ upper flat case: SOMENAME

#am_tips

Simple monorepos via npm workspaces and TypeScript project references

https://2ality.com/2021/07/simple-monorepos.html

#JavaScript #TypeScript #NodeJS

О важности отдыха от Аси Казанцевой - https://habr.com/ru/post/571620/

В продолжение этого поста https://news.1rj.ru/str/am_code/81

Angular Dependency Injection CheatSheet

#angular #am_cheatsheet #am_js_tips

Вдруг вам нужен ключ для какого-то продукта 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/