🤟 TechRocks: веб-разработка
1.94K subscribers
622 photos
622 links
Полезные материалы для начинающих веб-разработчиков.

От создателей @techrocks

Канал по Тестированию: @techrocksqa

По рекламе: @anothertechrock
Download Telegram
JavaScript только что добавил новое ключевое слово для создания переменной под названием using. Это ключевое слово является идеальной заменой let и const в определенных сценариях, таких как подключения к базе данных и обработка файлов.

Читать статью
👍4
Когда фронтенд-разработчик с нуля создает проект с новыми идеями и требованиями, перед ним встает довольно хлопотная проблема: базовые стили CSS. Часто с ними нереально работать без настройки.

В этой статье приведен пример кода, который можно вставить в каждый CSS в корне проекта, чтобы больше не переписывать одни и те же базовые стили в надежде сделать их полезными.

Читать статью
👍5
В этой статье мы изучим синтаксис CSS, переменные и комментарии. Кроме этого, познакомимся с CSS-директивами (@-правилами) или кэшированием файлов в браузере.

Читать статью
В этой статье мы разберёмся, как разворачивать многокомпонентное веб-приложение в кластере Kubernetes на примере его локальной реализации — minikube.

Читать статью
👍2
Разбираем на примерах, как формируется контекст наложения в CSS.

Читать статью
Каррирование  —  это техника, применяемая в функциональном программировании. Она позволяет преобразовать функцию с несколькими аргументами в последовательность функций, каждая из которых принимает один аргумент за раз.

Читать статью
👍4
Долгое время единственным способом создания динамических поповеров было написание большого количества CSS и кода JavaScript. Давайте рассмотрим, как создавать всплывающие окна при помощи новой функции CSS Anchor.

Читать статью
👍2
Автор статьи поделился собственным опытом использования CSS-переменных.

Читать статью
👍2
10 полезных приемов для написания JavaScript-кода.

Читать статью
В этой статье мы изучим свойства для работы с шрифтами в CSS: font-family, font-size и font-weight. Кроме этого разберём, как подключать кастомные шрифты.

Читать статью
Обычно мы добавляем выпадающие элементы на веб-страницу с помощью собственного элемента HTML select. Однако из-за сложности его внутренней структуры добиться единообразного оформления этого элемента в различных браузерах довольно сложно.

В этом уроке мы рассмотрим, как с помощью CSS добиться единообразия внешнего вида и при этом использовать собственный элемент select.

Читать статью
Эти концепции выходят за рамки базового JavaScript, но их должен усвоить каждый веб-разработчик. Они значительно расширят ваши возможности по написанию более продвинутого и эффективного JS-кода.

Читать статью
В этой статье мы рассмотрим, как комбинировать :has() с другими селекторами CSS, и какие волшебные возможности предоставляет этот селектор.

Читать статью
👍4
В этой статье мы разберем, как можно с помощью CSS настроить обработку пробелов в тексте, режим письма, ориентацию текста, перенос слов и расстановку переносов.

Читать статью
👍5
Псевдоэлементы все еще играют важную роль, однако теперь, благодаря новым свойствам CSS, в некоторых сценариях мы можем отказаться от них.

Читать статью
👍3
Свойство поворота (rotate) является частью модуля преобразования CSS, который позволяет разработчикам применять различные преобразования к элементам на веб-странице. Функция поворота позволяет поворачивать элементы на заданный угол, изменяя их ориентацию, но не положение в потоке документов.

Читать статью
🔥1
Очень интересная штука — интернет-магазин в консоли. Он позволяет авторизоваться в магазине и заказать товар (кофе), не выходя из терминала. Говорят, кофе из командной строки даже вкуснее, чем обычный.

Читать статью
🔥3
Наша цель ― разобрать функциональность, архитектуру, проблемы, масштабируемость, системные API-интерфейсы, производительность и оценку ресурсов для каждой системы, а также представить необходимые данные для аналогичных проектов в реальных сценариях.

Читать статью
В этой статье мы разберем ошибки, которые допускают почти все, используя хуки useState и useEffect.

Читать статью
🔥1
В этой статье:
- Как избавиться от соседнего родственного комбинатора + при реализации нестандартных чекбоксов и радиокнопок
- Свойство inset, сокращающее код на целых три строки
- Сниппет для расширения интерактивной области у кнопок и ссылок
- Стиль написания медиа-запросов, позволяющий сократить количество правил
- Альтернативный способ центрирования элемента без свойства transform.

Читать статью
👍1
В этой статье создадим мини-календарь с использованием HTML, CSS и JavaScript. Он будет отображать текущее число месяца, день недели, месяц и год. Вывод названия месяца и дня недели он будет осуществлять на том же языке, на котором отображается браузер.

Читать статью
👍21