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

@anothertechrock

РКН: https://kurl.ru/LwANe
Download Telegram
Как работают веб-приложения?

Подробный разбор составляющих частей веб-приложений и механизма их работы (для начинающих).
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Interactive 3D die

Вращение трехмерных игральных костей согласно вводу пользователя, реализованное на чистом CSS.

#css
👍10
Задача

Дан массив arr из N целых чисел, где значение arr[i] находится в диапазоне [1, N].

Необходимо найти все целые числа в диапазоне [1, N], которые не входят в исходный массив.

Входные данные: N == arr.length, 1 <= N <= 10^5.
Выходные данные: список пропущенных элементов

Ответ
👍7👎3
Progressive Web Apps with Angular

Автор:
Majid Hajian
Год издания: 2019

#angular #english
👍2
JavaScript. Что будет выведено в консоль?

Ответ
👍16🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Ripples

Рябь, выполненная с помощью SCSS и библиотеки Three.js.

#html #css #js
👍15
CSS-свойство overscroll-behavior

Знакомимся с overscroll-behavior. Это свойство позволяет ограничить прокрутку одним контейнерм и предотвратить её распространение на родительские скролл-вьюпорты.

#css
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Hashnode Logo CSS Art

Анимированная сцена, созданная на HTML и SCSS.

#html #css
👍5
Что будет выведено в консоль?

Ответ
👍19👎1
ASP.NET Core 3 and Angular 9

Автор:
Valerio De Sanctis
Год издания: 2020

#angular #english
👍4
Что будет выведено в консоль?

Ответ
👍20👏1
This media is not supported in your browser
VIEW IN TELEGRAM
Scattering hexagons

Анимация рассеивающихся шестиугольников, реализованная с помощью jQuery.

#js
👍20
Задача

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

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

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

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

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

#javascript
👍8
The React Workshop

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

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

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

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

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

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

#css #js
👍11
Deep Learning with JavaScript

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

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

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

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

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

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

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

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

#javascript
👍9