Javascript js frontend
9.99K subscribers
421 photos
158 videos
15 files
309 links
Канал для начинающих JavaScript разработчиков. Если вы приступаете к изучению JS или FrontEnd в целом - этот канал для вас.

@anothertechrock

РКН: https://kurl.ru/LwANe
Download Telegram
JavaScript. Каким будет результат?
Anonymous Quiz
35%
0 1 2 и 0 1 2
15%
0 1 2 и 3 3 3
42%
3 3 3 и 0 1 2
8%
Посмотреть ответы
This media is not supported in your browser
VIEW IN TELEGRAM
Beat Burger

Приложение на React, анимированное библиотекой gsap. При нажатии на элементы проигрываются звуки.

#react #js
Задача

В киоске стакан кваса стоит 5 рублей. Дети подходят за квасом по очереди. Каждый купит только один стакан кваса и заплатит купюрой в 5, 10 или 20 рублей. Вы же должны дать сдачу каждому. Сначала у вас нет сдачи.

Необходимо определить, сможете ли вы продать квас каждому ребенку.

Входные данные: bills - массив купюр, которые платит i-й ребенок в очереди.

Вывод: true - если вы сможете рассчитать каждого клиента, false - в противном случае.

Примеры:

[5, 5, 10, 10, 20]
Output: false

- Первым двум покупателям вы продадите квас, не давая сдачи, у вас будет 2 купюры по 5 рублей.
- Следующим двум вы дадите сдачу оставшимися купюрами в 5 рублей. У вас останется только 2 купюры по 10 рублей.
- Последнему покупателю вы не сможете дать сдачу в 15 рублей.

Ответ
Прощайте, useState и useEffect: революция в React

Многие разработчики продолжают использовать хуки useState и useEffect для обновления состояний. Проблема заключается в том, что компонент одновременно монтируется, перемонтируется и размонтируется, что приводит к неожиданному поведению. В результате при записи в консоль результат может быть повторен три раза.

#js #react #ru
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Movie Clapboard

Создано на HTML и SCSS. Анимировано при помощи CSS keyframes.

#css
CSS Mastery

Авторы:
Andy Budd, Emil Bjorklund
Год издания: 2016

#css #en
JavaScript. Что будет выведено в консоль?

Ответ
This media is not supported in your browser
VIEW IN TELEGRAM
Yet another slider

Адаптивный слайдер. Реализован с помощью JavaScript и CSS.

#css #js
JavaScript. Что будет выведено в консоль?

Ответ
Web Development
and Design Foundations
with HTML5

Автор:
Terry Felke-Morris
Год издания: 2018

#html #en
JavaScript. Каким будет результат?
Anonymous Quiz
22%
"object"
30%
"number"
29%
"function"
13%
"undefined"
5%
Посмотреть ответы
This media is not supported in your browser
VIEW IN TELEGRAM
Rotating text

Вращающийся текст. Сделан с помощью JavaScript.

#js
JavaScript. Что будет выведено в консоль?

Ответ
5 лучших библиотек всплывающих окон для React

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

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

#js #react #ru
This media is not supported in your browser
VIEW IN TELEGRAM
Kippo Hover Card Effect

Эффект раскрытия карточек при наведении, реализованный с помощью CSS и JavaScript.

#css #js
JavaScript. Что будет выведено в консоль?
Anonymous Quiz
63%
1 и false
8%
false и NaN
9%
false и false
11%
1 и NaN
9%
Посмотреть ответы