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

Админ: @anothertechrock
加入频道
15 библиотек JavaScript, о которых стоит знать

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

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

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

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

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

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

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

#relocation
🔥4👍3
Задача

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

Ответ
👍2
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>

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

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

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

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

#js
🔥38🤯17👍5👎1
Задача

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

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

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

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

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

#css
🔥161
5 фактов о this

Алоха всем! Я думаю многие кто из вас проходил интервью при устройстве на работу знают что вопросы на тему this - одни из самых часто встречающихся, а те кто еще не проходил в общем знаете это теперь. Подготовил для вас небольшую шпаргалку на тему this

👉 В глобальном контексте this ссылается на window
👉 При 'use strict' this в функции = undefined а без 'use strict' ссылается на window
👉 Если функция вызывается как метод объекта, то этот объект становится значением this
👉 Внутри setTimeout this ссылается на window
👉 В обработчиках событий this ссылается на элемент который вызвал событие
👍29🔥5
This media is not supported in your browser
VIEW IN TELEGRAM
Hamburger Icons Animations

Несколько вариантов анимации иконки-гамбургера, реализованные с помощью CSS и JavaScript.

#js
👍181
HTML вопрос: С помощью какого значения атрибута http-Equiv y тега meta можно перенаправить пользователя на другую страницу?
Anonymous Quiz
8%
refresh
67%
redirect
2%
restart
12%
Такого значения не существует
11%
Посмотреть ответы
👍5🔥1
Какого состояния не может быть у промиса?
Anonymous Quiz
55%
ready
13%
pending
8%
rejected
25%
fulfilled
👍2
Компоненты высшего порядка ReactJS (Higher-order components)

Приветствую коллеги! Огонь видео в котором автор без воды и с хорошими примерами рассказывает о HOC.

Рекомендую к просмотру так как это та штука которая будет часто вам встречаться в работе плюс об этом часто спрашивают на интервью при устройстве.

Смотреть…
👍3🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Sliding Sign In Sign Up Page

Форма авторизации и регистрации с анимацией переключения между ними.

#css #js
👍235