Frintest
24 subscribers
45 photos
1 file
47 links
Frintest — это IT блог. Мы разрабатываем собственные продукты и делимся полезной информацией.
Download Telegram
Буду писать не только про фронт, хочется развиться и в других смежных направлениях.
⚡️Начинаю разработку npm пакета для работы с фотографиями. Всё будет написано на JS, сборка на webpack 5. Это open source проект, так что, если хотите - присоединяйтесь. https://github.com/Frintest/ArrColors/
🧬 The 7-1 Pattern

Рассказываем как структурировать ваши проекты на Sass с помощью несложной архитектуры.

https://sass-guidelin.es/ru/#section-36/
🤨 Для чего используют EditorConfig

В отличие от линтеров и плагинов с помощью EditorConfig можно установить общую стилистику проекта, не меняя настройки редактора.

Это решение работает не во всех редакторах, для VSC придётся ставить плагин.

https://techrocks.ru/2021/07/27/using-editorconfig-to-standardize-code-styles/
Пришлось сменить репозиторий проекта ArrColorsImage на https://github.com/Frintest/ArrColorsImage/

Изменения v0.0.1:
1. обновил архитектуру всего проекта
2. обновил билды webpack
3. добавил .editorсonfig
📗 Путь программиста. Человек эпохи IT

Эта книга содержит полезные советы по прокачке soft скиллов и жизни айтишника в целом. От себя скажу, что некоторые главы не совсем понятные, даже не нужные как по мне, но всё равно рекомендую к прочтению.
📊 Архитектура C4 MODEL

Разбираемся в архитектурной модели для проектирования ПО и визуализируем её.

https://www.cinimex.ru/solutions/model-s4-arkhitektury-programmnogo-obespecheniya/
🎈 Используем Web Bluetooth API на практике

С помощью Bluetooth можно сделать почти всё, начиная от программирования светодиодов, заканчивая умным домом и дронами. Но есть одно но:) - нужен Bluetooth адаптер.

https://www.youtube.com/watch?v=XDc5HUVMI5U/
🎲 Destyle.css — new normalize

Таблица стилей, которая одновременно "нормализует" и "сбрасывает" ваш CSS. Но ещё лучше, использовать свой, кастомный вариант destyle.

https://github.com/nicolas-cusan/destyle.css/blob/master/destyle.css/
🔥🔥 Запускаю конкурс 🔥🔥

Нужно придумать иконку для нашего чата. Лучшая, по моему мнению заменит текущую, а победитель получит сливы проф. JS и вёрстки от HtmlAcademy и много других плюшек))

Срок - до июля.

Все работы присылать сюда — https://t.me/frintest_chat
Кто участвует пишите + в чат.
Frintest pinned «🔥🔥 Запускаю конкурс 🔥🔥 Нужно придумать иконку для нашего чата. Лучшая, по моему мнению заменит текущую, а победитель получит сливы проф. JS и вёрстки от HtmlAcademy и много других плюшек)) Срок - до июля. Все работы присылать сюда — https://t.me/frintest_chat…»
👎 Не используйте монорепозитории

Монорепозитории хороши для маленьких проектов, но когда дело доходит до крупных компаний и командной разработки, работать становится невыносимо.

🤨 Почему?
1 — клонировать репозиторий размерами в терабайты практически невозможно.

2 — нет смысла клонировать весь репозиторий, т.к. разработчик работает лишь с какой-то частью проекта.

3 — версионирование. Эта штука портит вообще всё. Один разработчик использует одну версию библиотеки, а другой - на версию меньше, и дедлайны затягиваются на вечность.

📖 Подробнее вы можете почитать здесь:
1. https://habr.com/ru/post/435306/
2. https://habr.com/ru/post/436264/
3. https://www.youtube.com/watch?v=kdbOHt0eBuY/
4. https://www.youtube.com/watch?v=zXFYkyMh5DE/
Философия архитектуры ООП

Хороший программист должен не только писать код, но и проектировать его. А такие принципы как: SOLID, KISS, DRY, YAGNI - должен знать вообще каждый.

https://habr.com/ru/company/itelma/blog/546372/
📽 Вся суть Internet Explorer

15.06.2022 войдёт в историю, как день освобождения web разработчиков, но так ли это?

На самом Internet Explorer уже пытался покинуть нас ранее,
19 мая и 17 августа 2021, но полноценного ухода так и не состоялось. Microsoft сама бы, с удовольствием, прекратила поддержку IE, если бы он не был так зависим от государственной инфраструктуры, подробнее здесь:

https://web-standards.ru/podcast/323/
https://youtu.be/yc55iTIcVCc?t=3807/

Но не смотря на обескураженность этого браузера, он принёс
с собой много принципов, которыми мы пользуемся ежедневно.

https://schepp.dev/posts/today-the-trident-era-ends/
При создании css контейнеров, многие используют принцип 2х контейнеров: общий и локальный, для определённого блока. Но есть способ получше: создать только локальный контейнер, а вместо общего - использовать селектор атрибута.

PS: width (и все ему подобные) лучше писать в локальном контейнере, чтобы не было переопределения ширины, если на странице есть несколько контейнеров.
🔮 Восстанавливаем иконки для каналов в YouTube

Чтобы вернуть наши иконки, включаем vpn, перезагружаем любую страницу ютуба, желательно с кешем и открываем меню. Подгрузится только видимая часть каналов, поэтому разворачиваем наши подписки и пролистываем всё что там имеется.

PS: При отключении vpn некоторые иконки могут не появится, исправляется это тем же способом.
This media is not supported in your browser
VIEW IN TELEGRAM
Как оказалось, иконки со временем исчезают, и кажется, что исчезнут все, поэтому способ не рабочий:(