Фронтенд Гайд
7.2K subscribers
625 photos
309 videos
299 links
Канал для фронтендеров, много полезных лайфхаков, фичей, макетов, тестов!

Все представлено в виде готового кода, бери и юзай в своем проекте.

По всем вопросам: @it_dashka
Реклама: https://telega.in/channels/frontend_dev5/card
Download Telegram
Как быстро изучить JavaScript и ReactJS?

Привет! Я Андрей Шопинский — Frontend-разработчик из крупного Российского банка.

⚠️ 26 апреля в 18:30 по МСК я проведу бесплатный эфир в своём Telegram-канале про Frontend-разработку!

На трансляции будут раскрыты следующие темы:
— Как перейти от вёрстки к освоению JS;
— Зачем нужен ReactJS и как быстро его изучить;
— Секрет скоростного обучения в IT-сфере.

🔥 Ты сможешь задать свои вопросы в прямом ЭФИРЕ! 

Подписывайся на канал, чтобы не пропустить!

Реклама. Шопинский Андрей Олегович ИНН 312834439322. erid: LjN8KTYvM
3👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Leaping Like

Виджет с четырьмя реакциями с анимацией.

#CodePen
This media is not supported in your browser
VIEW IN TELEGRAM
eyeroll

Это расширение для Firefox, позволяющее прокручивать веб-страницы с помощью моргания глазами. Закройте правый глаз для прокрутки вниз и левый глаз для прокрутки вверх. Можно настроить чувствительность и время прокрутки. Работает и в Firefox для Android.

#GitHub
Какой атрибут нужно изменить, чтобы сделать элементы невидимыми?
Anonymous Quiz
50%
visibilty
30%
visible
9%
invisibility
11%
invisible
👍4
Что из следующего не является допустимым именем переменной JavaScript?
Anonymous Quiz
48%
2java
19%
_java_and_ java _names
9%
javaandjava
24%
Ничего из вышеперечисленного
🗝 Применение ключевого слова revert-layer в CSS

Статья описывает применение каскадных слоев в CSS и ключевое слово revert-layer, позволяющее управлять приоритетом стилей и вернуться к исходным значениям.

#Полезное
Какой из приведенных ниже способов создания экземпляра даты неверен?
Anonymous Quiz
33%
new Date(dateString)
15%
new Date()
24%
new Date(seconds)
28%
new Date(year, month, day, hours, minutes, seconds, milliseconds)
🤨6👍2
This media is not supported in your browser
VIEW IN TELEGRAM
No JS Carousel POC

Карусель с фото с возможностью переключения при помощи кнопок.

#CodePen
Выберите правильный вариант для написания «Hello World» на веб-странице?
Anonymous Quiz
11%
System.out.println(“Hello World”)
24%
print («Hello World»)
62%
document.write («Hello World»)
3%
response.write («Hello World»)
🤨15👍1
Какой из следующих методов используется для оценки строки кода Java Script в контексте указанного объекта?
Anonymous Quiz
36%
Eval
8%
ParseDoule
50%
ParseObject
6%
Efloat
👀1
InnerTune

Приложение предлагает безрекламное прослушивание, фоновый режим, поиск треков и альбомов, управление библиотекой, а также возможность кэширования и загрузки песен для прослушивания офлайн.

#GitHub
👍4
Что из следующего используется для регистрации всех событий кликов в окне?
Anonymous Quiz
12%
window.routeEvents(Event.CLICK );
51%
window.handleEvents (Event.CLICK);
6%
window.raiseEvents(Event.CLICK );
🔥3👍2
↔️ Как мы применяем гибкую вёрстку для адаптива страниц под большие экраны

Статья о применении гибкой вёрстки для адаптации веб-страниц под большие экраны, сосредотачивается на необходимости, компонентах и примерах использования CSS для достижения адаптивности страниц с разрешением свыше 1920 пикселей.

#Полезное
Как добавить значение в массив Java Script?
Anonymous Quiz
55%
arr[arr.length] = value
32%
arr[arr.length+1] = new Arrays()
11%
arr[arr.length-1] = value
3%
arr[arr.length*1] = value
6👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Noisy Risograph Gradient Celestial Body

Генератор градиентов, выполненный с помощью SCSS и JavaScript.

#CodePen
Perplexica

Perplexica - поисковая система на основе ИИ с открытым исходным кодом. Она не только ищет в Интернете, но и понимает ваши запросы, обеспечивая актуальную информацию без ущерба для конфиденциальности.

#GitHub
🎼 Записываем музыку при помощи CSS Grid

Статья предлагает решение для отображения нотной записи на веб-страницах с помощью адаптивного рендерера музыки под названием Scribe, используя CSS Grid и SVG.

#Полезное
👍2🤔1
JavaScript игнорирует лишние пробелы
Anonymous Quiz
61%
Правда
39%
Ложь
👍7👨‍💻1