Javascript Pro
Открыть в Telegram
Канал для начинающих JavaScript разработчиков. Если вы приступаете к изучению JS - этот канал для вас. Админ: @anothertechrock
Больше
Сеть:2 524
Подписчики
Нет данных24 часа
-127 дней
-4430 день
Архив постов
2 524
Улучшение Visual Studio Code для новичков
VSCode — самый популярный редактор кода среди веб-разработчиков. Вы можете использовать его с нуля, однако со временем его базовых функций станет недостаточно. Рассказываю, как сам докрутил этот редактор под свои потребности.
Читать...
2 524
Javascript вопрос: Какие кавычки недопустимы в синтаксисе (не внутри строк) JS?
2 524
Пару слов о стилизации React компонентов
Стилизация. Довольно насущный для меня момент. Несмотря на годы работы с React, стартуя новый проект, я каждый раз задумываюсь о стилизации. Я перепробовал многие её способы, больше и дольше всего я работал с
css-modules и styled-components. Сегодня я хочу предложить вам рассмотреть еще один не менее интересный вариант.
Читать...2 524
HTML тег base
Всем привет! Относительно недавно узнал что есть такой тег как
<base />. Так вот, он служит для того что-бы подменять url относительно которого будут ссылаться все относительные ссылки и определять их поведение.
Пример:
<head>
<base href="http://some-other-domain.ru/" target="_blank">
</head>
<body>
<a href="somepage">Ссылка</a>
// Эквивалентно написанию:
<a href="http://some-other-domain.ru/somepage" target="_blank">Ссылка</a>
</body>
Надеюсь вам это было полезно, если будет интересно то вот тут вы сможете узнать более подробно о минусах и плюсах использования данного тега.2 524
Трудности перевода: может ли менталитет помешать вашей релокации и карьере
Вечера доброго товарищи фронты! И снова о релокации. В этой статье описаны факторы которые чаще всего мешают уезжающим обосноваться на новом месте.
Читать статью...
А вот тут если кто пропустил довольно интересная статейка с подборкой самых популярных материалов на тему релокации на хабре за 2021 год.
#relocation
2 524
HTML вопрос: Какое из перечисленных значений атрибута tabindex означает, что кнопка может быть выделена, однако не участвует в навигации с помощью клавиши Tab?
2 524
15 библиотек JavaScript, о которых стоит знать
Язык программирования JavaScript широко используется как во фронтенде, так и в бэкенде. Не удивительно, что в его экосистеме есть множество библиотек, с помощью которых можно легко и быстро создавать самые разные сайты.
В этой статье автор составил список библиотек JavaScript, о которых было бы неплохо хотя бы просто знать.
Читать статью...
#js
2 524
Скролл страницы наверх
Всем привет! Микро-пост о том как простейшим способом проскроллить страницу наверх.
Вот так:
const scrollToTop = (x, y) => {
window.scrollTo(x, y);
};
scrollToTop(0, 0);
#js #features2 524
3 способа преобразования массива в объект
Приветствую товарищи! Довольно часто по разным причинам нам требуется трансформировать данные в какой-либо формат, например для работы с какой-нибудь библиотекой или апихой. В этом посте описаны 3 способа с помощью которых можно массив трансформировать в объект.
const arr = ['frontend', 'backend', 'qa'];
// 1 способ - метод assign
const obj = Object.assign({}, arr);
// 2 способ - spread оператор
const obj = {...arr};
// 3 способ - метод reduce
const obj = arr.reduce((res, key, index) => {
res[index] = key;
return res;
}, {})
#js #features2 524
Тренды JavaScript в 2022 году
Новые JS-фреймворки постоянно появляются на рынке. Часто бывает трудно следить за новинками, а причины исчезновения некоторых продуктов бывают загадочны.
Пользователи заинтересованы в производительности, скорости, популярности и соотношении цены и качества, в то время как разработчики стремятся улучшить свои решения, чтобы успешно конкурировать. В этой статье мы попытаемся спрогнозировать тренды в мире JavaScript в 2022 году и немного поразмышлять о них.
Читать...
2 524
CSS media запрос any-hover
Приветствую товарищи фронты! Знаете ли вы про такой медиа запрос?
Он предназначен для того что бы некоторые стили работали только на устройствах с мышью, а соответственно на сенсорных экранах не работали.
Пример применения:
@media(any-hover: hover) {
.element: hover {
// ваши стили
}
}
Если верить ресурсу caniuse то у этого медиа запроса уже довольно высокий уровень поддержки и из основных браузеров его не поддерживает только IE так что в большинстве случаев юзайте на здоровье.
#css #features