SmolCSS — небольшой набор сниппетов для современных #CSS лейаутов и компонентов

https://smolcss.dev/

#am_css_tips

Sucrase, альтернатива Babel для ускорения транспиляции в режиме разработки: транспилирует код с прицелом на современные браузеры, работает в 20 раз быстрее Babel

https://sucrase.io – https://github.com/alangpierce/sucrase

#am_tools

Обертка над child_proccess для более удобного написания скриптов взаимодействия с системой

https://github.com/google/zx

#am_tools

Для тех, кто пропустил оригинал или некомфортно читать статьи на английском:
Перевод статьи Объяснение управления памятью в #JavaScript

https://habr.com/ru/company/skillbox/blog/554018/

Новый инструмент дебаггинга flexbox в Chrome DevTools:
‣ Найди элемент с бэйджем "flex"
‣ Эксперементируй с его настройками в визуальном редакторе

Подробнее: https://developer.chrome.com/blog/new-in-devtools-90/

#am_tools

DOM Events: способ визуализировать и поэкспериментировать с системой DOM событий

https://domevents.dev/

Что бы быстро открыть #GitHub репозиторий в #Stackblitz, добавьте blitz к домену:
github.com... -> githubblitz.com...

Можно так же открыть конкретную ветку

#am_tips

#Angular инструменты, которые Minko Gechev советует рассмотреть:

‣ Angular language service https://buff.ly/3uxFI3h
‣ Angular DevTools https://buff.ly/3fVCIIr
‣ Compodoc https://buff.ly/2qqgLIV
‣ Angular ESLint https://buff.ly/3fTxEo7
‣ ngrev https://buff.ly/2rYVHd2
‣ Componizer https://buff.ly/39D7Gnw

#am_tools

Flexbox CSS cheat sheet

#am_css_tips

Критерии повышения синьерности разработчика в GitLab

https://gitlab.com/gitlab-com/www-gitlab-com/-/blob/master/data/engineering_ic_career_matrix.yml#L1

Картинка не относится к статье (разве что косвенно). В статье описана "соковыжималка" базирующихся в Китае компаний, вроде Alibaba (Aliexpress), ByteDance (TikTok).

https://habr.com/ru/company/gms/blog/567340/

Устанавливаем один npm пакет с разными именами (можно использовать для установки и использования разных версий одновременно).

Пример:

npm install jquery-ver-2@npm:jquery@2

В итоге, в dependencies в вашем package.json будет нечто подобное:

"dependencies": {
    "jquery": "https://github.com/jquery/jquery/archive/refs/tags/3.3.0.tar.gz",
    "jquery-ver-2": "npm:jquery@^2.2.4" <--- jquery@2 is installed as jquery-ver-2.
  }

#am_tips

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