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

@anothertechrock

РКН: https://kurl.ru/LwANe
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Neon Love

Анимированная сцена, выполненная с помощью CSS и JavaScript.

#html #css #js
React-Architect

Автор:
Dr. Frank Zickert
Год издания: 2020

#react #english
Задача

В простых случаях циклических ссылок мы можем исключить свойство, из-за которого они возникают, из сериализации по его имени.

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

Напишите функцию replacer для JSON-преобразования, которая удалит свойства, ссылающиеся на meetup.

Ответ
Как устроена автоматизация в Почте России? А есть ли легаси?

Все это можно узнать в Telegram-канале Почтатеха — ИТ-подразделения Почты, которое занимается разработкой цифровых продуктов.

В нем вы также найдете актуальные вакансии, комментарии экспертов и множество интересного из мира информационных технологий.
Подписывайтесь: @pochtatech
This media is not supported in your browser
VIEW IN TELEGRAM
Анимированная кнопка, выполненная с помощью CSS, SVG и JavaScript.

#css #js
This media is not supported in your browser
VIEW IN TELEGRAM
Drop

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

#css
Задача

Напишите функцию persistence, которая принимает положительный параметр num и возвращает его мультипликативную величину (сколько раз нужно перемножить цифры num, пока не получите одну цифру).

Пример:
39 --> 3
(3*9 = 27, 2*7 = 14, 1*4 = 4 .
4 состоит из одной цифры. Чтобы дойти до четвёрки, мы сделали 3 итерации. )

Ответ
Как стилизовать полосы прокрутки при помощи CSS

Из этой статьи вы узнаете все о кастомизации и стилизации скроллбаров при помощи CSS.

#css #en
This media is not supported in your browser
VIEW IN TELEGRAM
Sliding Stepper

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

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

Ответ
Node Cookbook

Автор:
Bethany Griggs
Год издания: 2020

#node #english
Top-3 статьи по JavaScript, вышедших в мае, от наших друзей из TechRocks:

- Метод setTimeout() — задержка выполнения в JavaScript

- Локализация даты, времени и чисел в JS при помощи .toLocaleString

- Полное руководство по regex

Кому понравилось - подпишитесь @techrocks!
Google Maps – отрисовка полигонов и окружностей на карте

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

#js
This media is not supported in your browser
VIEW IN TELEGRAM
3D Interactive Card Hover

Свойство transform со значением rotate изменяется в зависимости от положения курсора.

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

Ответ
Фиктивные объекты и данные, моки, стабы

Среди фиктивных объектов можно выделить две группы: моки и стабы. Давайте разберемся, что они собой представляют.
This media is not supported in your browser
VIEW IN TELEGRAM
Article Toggle

Плавное переключение светлой и темной тем, реализованное с помощью CSS и JavaScript.

#js
Задача

Дан массив целых чисел arr и целое число K. Необходимо найти количество непрерывных подмассивов, сумма элементов которых равна числу K.

Условие: необходимо написать алгоритм с линейной сложностью по времени (т.е. O(N), где N - количество элементов исходного массива).

Входные данные: arr - массив целых чисел, размер массива от 1 до 10^4. Элементы массива - целые числа в диапазоне [-1000, 1000], K - целое число в диапазоне [-10^5, 10^5].

Выходные данные: количество непрерывных подмассивов.

Ответ
Professional JavaScript

Авторы:
Hugo Di Francesco, Siyuan Gao, Vinicius Isola, Philip Kirkbride
Год издания: 2019

#javascript #english
This media is not supported in your browser
VIEW IN TELEGRAM
Cubic Clock

Кубические часы, выполненные с помощью Haml, SCSS и JavaScript.

#css #js