Javascript Pro
Open in Telegram
Канал для начинающих JavaScript разработчиков. Если вы приступаете к изучению JS - этот канал для вас. Админ: @anothertechrock
Show more
Network:2 524
Subscribers
No data24 hours
-127 days
-4430 days
Posts Archive
2 524
Статья дня. Продвинутые вопросы для CSS собеседования. Реализуем if-else.
#читать
Читать статью
2 524
Memory Game
Суть игры в том, что надо найти пары одинаковых карточек. Логика сделана на JS.
2 524
Приветствую фронты! Давно уже слышал про такую тему как
<picture /> но применить на практике пришлось вот только недавно.
Задача: Отображать разные картинки в зависимости от размера девайса
Можно сделать и через CSS, но минус такого подхода в том что рендерится все-равно 2 картинки, а если элементов в которых нужно сделать такую подмену много(как у меня было) то это влияет на производительность. В итоге вспомнил про picture и применил его:
Выглядит примерно так:
<picture>
<source media="(min-width:650px)" srcset="big_pic.jpg">
<source media="(min-width:465px)" srcset="small_pic.jpg">
<img src="pic.jpg" alt="pic" style="width:auto;">
</picture>
В общем вот вам, экспериментируйте =)2 524
Sliding Sign In Sign Up Page
Форма авторизации и регистрации с анимацией переключения между ними.
#css #js
2 524
Компоненты высшего порядка ReactJS (Higher-order components)
Приветствую коллеги! Огонь видео в котором автор без воды и с хорошими примерами рассказывает о HOC.
Рекомендую к просмотру так как это та штука которая будет часто вам встречаться в работе плюс об этом часто спрашивают на интервью при устройстве.
Смотреть…
2 524
HTML вопрос: С помощью какого значения атрибута http-Equiv y тега meta можно перенаправить пользователя на другую страницу?
2 524
Hamburger Icons Animations
Несколько вариантов анимации иконки-гамбургера, реализованные с помощью CSS и JavaScript.
#js
2 524
5 фактов о this
Алоха всем! Я думаю многие кто из вас проходил интервью при устройстве на работу знают что вопросы на тему
this - одни из самых часто встречающихся, а те кто еще не проходил в общем знаете это теперь. Подготовил для вас небольшую шпаргалку на тему this
👉 В глобальном контексте this ссылается на window
👉 При 'use strict' this в функции = undefined а без 'use strict' ссылается на window
👉 Если функция вызывается как метод объекта, то этот объект становится значением this
👉 Внутри setTimeout this ссылается на window
👉 В обработчиках событий this ссылается на элемент который вызвал событие