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

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

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

По рекламе: @anothertechrock
Download Telegram
Подборка наиболее распространенных неприятных особенностей сайтов. Если вы отвечаете за разработку/дизайн/менеджмент какого-либо сайта или приложения, пожалуйста, никогда так не делайте!

Читать статью
👍1👎1
Возможно, вы знаете о некоторых библиотеках, полных заранее разработанных элементов пользовательского интерфейса, каждый из которых имеет свой собственный стиль. Но вот в чем загвоздка: вам может понадобиться всего несколько этих компонентов. Так зачем же делать ваше приложение более громоздким? В действительности значительная часть встроенных стилей может остаться неиспользованной.

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

Читать статью
Цель этой статьи – изложить принципы основополагающих концепций CSS, таких как наследование, происхождение стилей, специфичность селекторов и каскад.

Читать статью
👍2
В CSS магическими числами называют значения, которые при определенных обстоятельствах вполне работоспособны, но настолько хрупки, что при изменении этих обстоятельств склонны ломаться. Давайте разберем некоторые примеры, чтобы узнавать магические числа и, будем надеяться, избегать их в будущем.

Читать статью
🔥3
JavaScript только что добавил новое ключевое слово для создания переменной под названием using. Это ключевое слово является идеальной заменой let и const в определенных сценариях, таких как подключения к базе данных и обработка файлов.

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

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

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

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

Читать статью
👍2
Как эффективно использовать TypeScript при разработке server-side приложений на Node.js?

Узнайте на бесплатном практическом уроке от OTUS, где вы вместе с опытным экспертом разберете:

1. Введение в TypeScript
2. Интеграцию TypeScript с Node.js
3. Работу с модулями и зависимостями
4. Основные типы данных и аннотации типов
5. Работу с асинхронным кодом
6. Разработку серверной логики
7. Тестирование и отладку приложений
8. Лучшие практики разработки
9. Практические примеры и демонстрации

Встречаемся 21 марта в 20:00 мск в рамках курса «JavaScript Developer. Professional». Доступна рассрочка на обучение! На курсе осталось 3 свободных места. А еще мы уговорили создателей подарить участникам вебинара скидку на курс 10% по 🎁промокоду js10🎁.

👉 Чтобы зарегистрироваться на бесплатный урок, пройдите тест на знание JavaScript: https://vk.cc/cvomoW

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru
Разбираем на примерах, как формируется контекст наложения в CSS.

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

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

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

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

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

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

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

Читать статью
👩‍💻 Пройди тест по JavaScript и проверь свои знания.

Ответишь
— пройдешь на продвинутый курс "JavaScript Developer. Professional" от OTUS по специальной цене + получишь доступ к записям открытых уроков курса курса

👉 ПРОЙТИ ТЕСТ: https://vk.cc/cx5btr

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
Please open Telegram to view this post
VIEW IN TELEGRAM
Эти концепции выходят за рамки базового JavaScript, но их должен усвоить каждый веб-разработчик. Они значительно расширят ваши возможности по написанию более продвинутого и эффективного JS-кода.

Читать статью
👩‍💻 Как эффективно разрабатывать Web-API на JavaScript?

Узнайте на открытом практическом уроке «Быстрый старт с Express.js. Разработка REST API» от OTUS, где мы построим серверное приложение на платформе Node.js с использованием популярной легковесной библиотеки Еxpress.js и разберем ее основные функции и возможности.

А также рассмотрим:

- введение в веб-серверы;
- описание маршрутов HTTP API;
- связь контроллеров и бизнес-логики;
- миддлвары.

Встречаемся 4 июня в 20:00 мск в преддверии старта курса «JavaScript Developer. Professional».
Все участники вебинара получат специальную цену на обучение!

➡️ Регистрируйтесь прямо сейчас, чтобы не пропустить бесплатный урок: https://vk.cc/cxdsvp

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
Please open Telegram to view this post
VIEW IN TELEGRAM
В этой статье мы рассмотрим, как комбинировать :has() с другими селекторами CSS, и какие волшебные возможности предоставляет этот селектор.

Читать статью
👍4
👩‍💻 Хочешь выйти на максимальный уровень в веб-разработке на JavaScript?

Пройди тест по JavaScript и проверь свои знания.

Ответишь
— пройдешь на продвинутый курс "JavaScript Developer. Professional" от OTUS по специальной цене + получишь доступ к записям открытых уроков курса курса

👉 ПРОЙТИ ТЕСТ: https://vk.cc/cxBxBF

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
Please open Telegram to view this post
VIEW IN TELEGRAM
👎1