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

@anothertechrock

РКН: https://kurl.ru/LwANe
Download Telegram
27 основных однострочных функций JavaScript

Список из 27 однострочных функций JavaScript, которые используются ежедневно и необходимы каждому разработчику.

#js
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Loading Animations

Подборка оригинальных загрузчиков на чистом CSS.

#css
Каким будет output следующего JavaScript-кода?

console.log(Pattern.matches("[amn]", "abcd"));
Anonymous Quiz
17%
true
22%
false
15%
undefined
12%
a
35%
Посмотреть ответ
Advanced TypeScript Programming Projects

Автор:
Peter O'Hanlon
Год издания: 2019

#typescript #english
Как проверить, содержится ли значение в коллекции Set?

Метод set.has() проверяет, содержится ли значение в коллекции Set. Если значение есть в коллекции, метод вернет true, в противном случае — false.

Пример:

const watchList = new Set(['Сияние', 'Интерстеллар', 'Казино'])

console.log(watchList.has('Казино'))
// true

console.log(watchList.has('Чёрная пантера'))
// false

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

Анимация вращения трёх сфер, реализованная с помощью Three.js.

#js
conic-gradient и radial-gradient

Подробный разбор работы градиентов, их сходства и отличий и вариантов использования.

#css
This media is not supported in your browser
VIEW IN TELEGRAM
Фрактал

Анимированный фрактал, выполненный на чистом JavaScript.

#js
Full-Stack React Projects

Автор:
Shama Hoque
Год издания: 2020

#react #english
This media is not supported in your browser
VIEW IN TELEGRAM
Slider boomerang effect

Необычный слайдер, листать который можно при помощи кнопок или колесика мыши.

#css #js
4 способа добавить иконки на сайт из Figma

Подробный разбор того, как лучше всего добавлять иконки на сайт из макета Figma. Автор статьи рассмотрел 4 способа и оценил их плюсы и минусы.

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

Кружка наполняется пивом при клике и удержании кнопки мыши. Реализовано на чистом CSS с использованием SVG.

#css
Building APIs with Node.js

Автор:
Caio Ribeiro Pereira
Год издания: 2016

#node #english
This media is not supported in your browser
VIEW IN TELEGRAM
День и ночь

Смена дня и ночи, выполненная с помощью CSS и библиотеки jQuery. Смена дня и ночи происходит при клике на солнце/луну.

#css #js
Как сделать так, чтобы стандартные HTML элементы отображались одинаково во всех браузерах?

Некоторые элементы форм имеют уникальный внешний вид в каждой операционной системе. Например, выпадающий список в macOS внешне выглядит совсем не так, как такой же выпадающий список в Windows.

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

В настоящее время используется в основном appearance: none для сброса системных стилей, остальные значения не работают практически ни в одном браузере.

#css
This media is not supported in your browser
VIEW IN TELEGRAM
Часы

Все элементы анимированы при помощи CSS, без JS.

#css
.Net Knowledge Book

Автор:
Patrick Desjardins
Год издания: 2017

#net #english
This media is not supported in your browser
VIEW IN TELEGRAM
Morphing Ball

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

#css #js
This media is not supported in your browser
VIEW IN TELEGRAM
Basic Wind Strip

Анимация небольшой полосы ветра, реализованная с помощью JavaScript.

#js