Javascript Pro
2.78K subscribers
191 photos
30 videos
129 links
Канал для начинающих JavaScript разработчиков. Если вы приступаете к изучению JS - этот канал для вас.

Админ: @anothertechrock
加入频道
Javascript вопрос: Какие кавычки недопустимы в синтаксисе (не внутри строк) JS?
Anonymous Quiz
3%
' '
71%
« »
3%
" "
13%
` `
7%
Все перечисленные допустимы
4%
Посмотреть ответы
CSS media запрос any-hover

Приветствую товарищи фронты! Знаете ли вы про такой медиа запрос?

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

Пример применения:

@media(any-hover: hover) {
.element: hover {
// ваши стили
}
}

Если верить ресурсу caniuse то у этого медиа запроса уже довольно высокий уровень поддержки и из основных браузеров его не поддерживает только IE так что в большинстве случаев юзайте на здоровье.

#css #features
Javascript вопрос: Что вернет код ниже?
1еЗ ===100
Anonymous Quiz
21%
true
42%
false
14%
NaN
9%
Произойдет ошибка
13%
Посмотреть ответы
Тренды JavaScript в 2022 году

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

Пользователи заинтересованы в производительности, скорости, популярности и соотношении цены и качества, в то время как разработчики стремятся улучшить свои решения, чтобы успешно конкурировать. В этой статье мы попытаемся спрогнозировать тренды в мире JavaScript в 2022 году и немного поразмышлять о них.

Читать...
Учим английский слэнг. Shake hands (рукопожатие) - это....
Скролл страницы наверх

Всем привет! Микро-пост о том как простейшим способом проскроллить страницу наверх.

Вот так:

const scrollToTop = (x, y) => {
window.scrollTo(x, y);
};
scrollToTop(0, 0);


#js #features
15 библиотек JavaScript, о которых стоит знать

Язык программирования JavaScript широко используется как во фронтенде, так и в бэкенде. Не удивительно, что в его экосистеме есть множество библиотек, с помощью которых можно легко и быстро создавать самые разные сайты.

В этой статье автор составил список библиотек JavaScript, о которых было бы неплохо хотя бы просто знать.

Читать статью...

#js
HTML вопрос: Какое из перечисленных значений атрибута tabindex означает, что кнопка может быть выделена, однако не участвует в навигации с помощью клавиши Tab?
Anonymous Quiz
15%
" "
12%
0
5%
1
32%
-1
16%
false
20%
Посмотреть ответы
Трудности перевода: может ли менталитет помешать вашей релокации и карьере

Вечера доброго товарищи фронты! И снова о релокации. В этой статье описаны факторы которые чаще всего мешают уезжающим обосноваться на новом месте.

Читать статью...

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

#relocation
Задача

Напишите функцию sumTo(n), которая будет вычислять сумму чисел 1 + 2 + ... + n.

Ответ
Javascript вопрос: Вызовет ли ошибку код ниже?
const cupboard;
Anonymous Quiz
30%
Да
33%
Нет
24%
Зависит от того, строгий ли режим
13%
Посмотреть ответы
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>

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

Стилизация. Довольно насущный для меня момент. Несмотря на годы работы с React, стартуя новый проект, я каждый раз задумываюсь о стилизации. Я перепробовал многие её способы, больше и дольше всего я работал с css-modules и styled-components. Сегодня я хочу предложить вам рассмотреть еще один не менее интересный вариант.

Читать...
This media is not supported in your browser
VIEW IN TELEGRAM
Фрактал

Анимированный фрактал, выполненный на чистом JavaScript.

#js
Задача

Что будет выведено в консоль после выполнения этого кода?

Ответ
Javascript вопрос: Какие кавычки недопустимы в синтаксисе (не внутри строк) JS?
Anonymous Quiz
2%
' '
77%
« »
2%
" "
9%
` `
6%
Все перечисленные допустимы
5%
Посмотреть ответы
Улучшение Visual Studio Code для новичков

VSCode — самый популярный редактор кода среди веб-разработчиков. Вы можете использовать его с нуля, однако со временем его базовых функций станет недостаточно. Рассказываю, как сам докрутил этот редактор под свои потребности.

Читать...
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Loading Animations

Подборка оригинальных загрузчиков на чистом CSS.

#css