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

@anothertechrock

РКН: https://kurl.ru/LwANe
Download Telegram
Задача

Входные данные:
32-bit signed  integer number

Выходные данные:
number с перевернутыми цифрами (строкой), либо '0'

Примечание:
Если изменение number приводит к тому, что значение выходит за пределы интервала [-2^31, 2^31 - 1], нужно вернуть '0'

Ответ
5 способов уменьшения размера пакетов JavaScript

Рассмотрели 5 способов уменьшить размер пакетов JavaScript, чтобы избавиться от проблем с производительностью.

#javascript
The React Workshop

Авторы:
Brandon Richey, Ryan Yu, Endre Vegh, Theofanis Despoudis, Anton Punith, Florian Sloot
Год издания: 2020

#react #english
Понимание условий асинхронной гонки JavaScript

Термин «состояние гонки» обычно применяется к конфликту при доступе к общим переменным в многопоточной среде. В Javascript ваш JS-код выполняется только одним потоком за раз, но все же можно создавать похожие проблемы.

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

#javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Animated pie chart

Анимированная диаграмма, реализованная в виде svg картинки, которая анимируется библиотекой gsap.

#css #js
Deep Learning with JavaScript

Авторы:
Shanqing Cai, Stanley Bileschi, Eric D. Nielsen, With François Chollet
Год издания: 2020

#javascript #english
This media is not supported in your browser
VIEW IN TELEGRAM
Wavy Color Cube

Куб с анимацией переливающихся цветов в каждой из его сторон. Анимация реализована на чистом CSS.

#css
JavaScript. Каким будет вывод первого и второго блока кода?

Ответ
Производительность фронтенда: большое приложение на реактивном SSR-топливе

Как построить архитектуру фронта, чтобы приложение загружалось быстро и при этом выполняло требования поисковой оптимизации? Как мы можем это измерить?

Значительно повысить производительность можно при помощи серверного рендеринга, но какая будет цена у такой оптимизации? Какой инструмент выбрать — готовую библиотеку или собственное решение? Какие ограничения в дальнейшем могут быть вызваны выбором того или иного подхода?

На все эти вопросы ответил frontend-разработчик Виталий Старов на конференции FrontendConf 2021.

#javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Platonic solids

Анимированный настраиваемый многогранник, выполненный с помощью CSS и JavaScript.

#css #js
JavaScript. Является ли данная функция чистой?
Anonymous Quiz
72%
Да
13%
Нет
7%
Невозможно дать однозначный ответ
9%
Посмотреть ответы
React to Python

Автор:
John Sheehan, Jenna Sys
Год издания: 2021

#react #english
Задача

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

Ответ
This media is not supported in your browser
VIEW IN TELEGRAM
Clock

Часы, созданные из svg картинки и анимированные в SCSS. Направление стрелок задается в js и зависит от времени на устройстве.

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

Ответ
Сравнение методов require() и import() в JavaScript

Рассмотрели два метода JS и сравнили их.

#javascript
Наш чатик по ссылке: https://t.me/+a8aDKNJCcWExMmEy
This media is not supported in your browser
VIEW IN TELEGRAM
Liquid Radio Button

Радио-кнопка, сделанная из svg-картинки и анимированная библиотекой gsap.

#css #js
This media is not supported in your browser
VIEW IN TELEGRAM
Folded Paper Login Form

Форма входа в систему в виде сложенной бумаги, реализованная на чистом CSS.

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

Ответ