Советы по HTML 💡

Знаете ли вы, как используются элементы <thead>, <tbody> и <tfooter>?

👉 @frontend_1

Подборка Telegram каналов для программистов

Системное администрирование 📌
https://www.tg-me.com/tipsysdmin Типичный Сисадмин (фото железа, было/стало)
https://www.tg-me.com/sysadminof Книги для админов, полезные материалы
https://www.tg-me.com/i_odmin Все для системного администратора
https://www.tg-me.com/i_odmin_book Библиотека Системного Администратора
https://www.tg-me.com/i_odmin_chat Чат системных администраторов
https://www.tg-me.com/i_DevOps DevOps: Пишем о Docker, Kubernetes и др.
https://www.tg-me.com/sysadminoff Новости Линукс Linux


https://www.tg-me.com/tikon_1 Новости высоких технологий, науки и техники💡
https://www.tg-me.com/mir_teh Мир технологий (Technology World)

https://www.tg-me.com/rust_lib Полезный контент по программированию на Rust
https://www.tg-me.com/golang_lib Библиотека Go (Golang) разработчика

https://www.tg-me.com/itmozg Программисты, дизайнеры, новости из мира IT.
https://www.tg-me.com/phis_mat Обучающие видео, книги по Физике и Математике

https://www.tg-me.com/php_lib Библиотека PHP программиста 👨🏼‍💻👩‍💻
https://www.tg-me.com/nodejs_lib Подборки по Node js и все что с ним связано
https://www.tg-me.com/ruby_lib Библиотека Ruby программиста

1C разработка 📌
https://www.tg-me.com/odin1C_rus Cтатьи, курсы, советы, шаблоны кода 1С

Программирование C++📌
https://www.tg-me.com/cpp_lib Библиотека C/C++ разработчика
https://www.tg-me.com/cpp_knigi Книги для программистов C/C++
https://www.tg-me.com/cpp_geek Учим C/C++ на примерах

Программирование Python 📌
https://www.tg-me.com/pythonofff Python академия. Учи Python быстро и легко🐍
https://www.tg-me.com/BookPython Библиотека Python разработчика
https://www.tg-me.com/python_real Python подборки на русском и английском
https://www.tg-me.com/python_360 Книги по Python Rus

Java разработка 📌
https://www.tg-me.com/BookJava Библиотека Java разработчика
https://www.tg-me.com/java_360 Книги по Java Rus
https://www.tg-me.com/java_geek Учим Java на примерах

GitHub Сообщество 📌
https://www.tg-me.com/Githublib Интересное из GitHub

Базы данных (Data Base) 📌
https://www.tg-me.com/database_info Все про базы данных

Мобильная разработка: iOS, Android 📌
https://www.tg-me.com/developer_mobila Мобильная разработка
https://www.tg-me.com/kotlin_lib Подборки полезного материала по Kotlin

Фронтенд разработка 📌
https://www.tg-me.com/frontend_1 Подборки для frontend разработчиков
https://www.tg-me.com/frontend_sovet Frontend советы, примеры и практика!
https://www.tg-me.com/React_lib Подборки по React js и все что с ним связано

Разработка игр 📌
https://www.tg-me.com/game_devv Все о разработке игр

Вакансии 📌
https://www.tg-me.com/sysadmin_rabota Системный Администратор
https://www.tg-me.com/progjob Вакансии в IT

Чат программистов📌
https://www.tg-me.com/developers_ru

Библиотеки 📌
https://www.tg-me.com/book_for_dev Книги для программистов Rus
https://www.tg-me.com/programmist_of Книги по программированию
https://www.tg-me.com/proglb Библиотека программиста
https://www.tg-me.com/bfbook Книги для программистов
https://www.tg-me.com/books_reserv Книги для программистов

БигДата, машинное обучение 📌
https://www.tg-me.com/bigdata_1 Data Science, Big Data, Machine Learning, Deep Learning

Программирование 📌
https://www.tg-me.com/bookflow Лекции, видеоуроки, доклады с IT конференций
https://www.tg-me.com/coddy_academy Полезные советы по программированию

QA, тестирование 📌
https://www.tg-me.com/testlab_qa Библиотека тестировщика

Шутки программистов 📌
https://www.tg-me.com/itumor Шутки программистов

Защита, взлом, безопасность 📌
https://www.tg-me.com/thehaking Канал о кибербезопасности
https://www.tg-me.com/xakep_1 Статьи из "Хакера"

Книги, статьи для дизайнеров 📌
https://www.tg-me.com/ux_web Статьи, книги для дизайнеров

Английский 📌
https://www.tg-me.com/UchuEnglish Английский с нуля

Математика 📌
https://www.tg-me.com/Pomatematike Канал по математике

Excel лайфхак📌
https://www.tg-me.com/Excel_lifehack

Совет по javascript 💡

Одновременное удаление нескольких event listeners с помощью AbortController

Пример https://www.codewithshripal.com/playground/js/abort-multiple-events-at-once

👉 @frontend_1

Совет по HTML 💡

Используйте элемент `<datalist>` для создания собственного HTML-автозаполнения.

👉 @frontend_1

Совет по использованию инструментов Chrome Dev Tools 💡

Знаете ли вы, что с помощью функции Network throttling в Chrome Dev Tools можно легко протестировать наш сайт в различных сетевых условиях?

👉 @frontend_1

Совет по CSS 💡

Знаете ли вы, что мы можем получить доступ к значению HTML-атрибута как к строке в CSS? ✨

👉 @frontend_1

Используйте свойство columns, чтобы разделить статью на отзывчивые колонки 🚀.

👉 @frontend_1

Совет по Javascript 💡

Знаете ли вы об этом кратчайшем способе добавления условного свойства к объекту?

👉 @frontend_1

Webpack: заменить нельзя оставить
Евгений Кувшинов

Есть ли среди ваших знакомых хоть один фронтендер, ни разу не запускавший сборку проекта вебпаком? У меня таких нет. Развитая экосистема, сообщество и решения на все случаи жизни привлекают и подкупают. Тем не менее новые игроки на рынке бандлеров заявляют, что у Webpack есть огромный недостаток — скорость сборки. Они задают новые стандарты скорости, обгоняя вебпак в десятки раз! ESBuild и SWC, созданные на непривычных для фронтенда Go и Rust, расшатывают положение лидера. Насколько это всерьез? Я перевел продукт с шестилетней историей разработки и миллионом пользователей на современный бандлер. Муки выбора, проблемы переезда и что из этого получилось — в докладе!

источник

👉 @frontend_1

Совет по использованию инструментов Chrome Dev Tools 💡

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

👉 @frontend_1

В плену JavaScript: как веб-разработка стала заложницей одного языка

В мире веб-разработки JavaScript давно стал не просто инструментом, а основополагающей силой, без которой современный интернет трудно представить. Однако эта монополия языка несёт в себе не только преимущества, но и серьезные риски. Мы собрали ведущих экспертов по JavaScript, чтобы в рамках дискуссии на YouTube обсудить перспективы развития языка и шансы его свержения с Олимпа веб-разработки.

00:00 Введение.
00:30 JS способствует или вредит развитию индустрии?
5:20 Для каких технологий JS стал триггером?
7:00 Есть язык программирования, готовый конкурировать с JS?
10:00 Правда, что JS "душит" развитие других языков?
18:40 У JS множество недостатков. Почему "ёжики продолжают есть кактус"? Плюсы и минусы языка.
51:00 Заменяем JS или нет?
1:03:50 Что станет с JS разработчиками, когда исчезнут браузеры?
1:06:00 Насколько тяжело убедить заказчика перейти на новую технологию?
1:07:35 Есть шанс, что браузеры выйдут из пользования?
1:10:00 Насколько безопасно использовать JS в финансовых разработках?
1:12:00 Что с однородностью реализации кода в разных браузерах?
1:18:30 Есть проблемы с использованием библиотек JS?
1:25:50 Стоит ли сегодня учиться на JS разработчика?

https://habr.com/ru/companies/lanit/articles/787616/

👉 @frontend_1

🚀Создаем панель навигации с анимированным индикатором с помощью HTML, CSS и JavaScript

https://github.com/atherosai/ui/tree/main/navigation-bar-02

👉 @frontend_1

🎲 Создание ролика для игры в кости с помощью Three.js и Cannon-es

В этом руководстве мы проведем вас через процесс создания интерактивного 3D-роллера с использованием JavaScript-библиотек Three.js для создания 3D-графики и cannon-es для добавления взаимодействия. Мы начнем с создания кубиков с помощью модифицированной BoxGeometry, без использования текстур, шейдеров или внешних 3D-моделей. Затем с помощью cannon-es мы включим физику, смоделируем бросок кубика и определим сторону приземления.

https://tympanus.net/codrops/2023/01/25/crafting-a-dice-roller-with-three-js-and-cannon-es/

Demo https://tympanus.net/Tutorials/DiceRoller/

GitHub https://github.com/uuuulala/Threejs-rolling-dice-tutorial/

👉 @frontend_1

Совет по CSS 💡

Возможно, вы не знали, но мы можем реализовать базовую анимацию для bullet/number в HTML-списке

👉 @frontend_1

Шпаргалка по HTML

👉 @frontend_1