Calendar and Clock

Получение даты и времени реализовано на JS. Если зажать кнопку на календаре, то открываются часы.

#js

​Руководство по работе с формами и полями ввода в React

Лучший способ разобраться в любом фреймворкке - создать с его помощью CRUD-приложение. А любое такое приложение имеет форму с разными полями ввода. Работая с формами в React, вы столкнетесь с такими терминами, как "контролируемые и неконтролируемые компоненты". В этой статье автор разобрал суть этих терминов простым английским языком.

#javascript #react

CSS Loaders

Подборка загрузчиков на HTML и SCSS. Для удобства автор сделал увеличение лоадера при наведении.

#css #html

Computer Programming

Авторы: Willam Alvin Newton, Steven Webber
Год издания: 2019

#javascript #html #css #english

​3 чудо-приема JavaScript для ускорения разработки

У профессионального разработчика JavaScript всегда найдется в запасе несколько особо крутых приемов, накопленных за многие годы работы. В этой статье автор поделился тремя такими приемами.

#javascript

Energy

Анимация энергетических лучей, которые следуют за курсором мыши. Реализована с помощью JavaScript.

#js

​Обнаружение долгого нажатия в событиях JavaScript в React

Разбираем, как реализовать взаимодействие с долгим нажатием в React-приложении без использования нативных инструментов мобильной разработки.

#react #en

Melty line goodness

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

#css #js

Node.js for Embedded Systems

Автор: Patrick Mulder and Kelsey Breseman
Год издания: 2017

#node #english

​Зачем использовать materialize и dematerialize операторы и что такое Notification в RxJS?

Вы когда-нибудь встречали такие операторы, как materialize и dematerialize в RxJS? А что насчет класса Notification? Вероятно, многие слышали, но не до конца представляли, где их можно применить на практике. Из этой статьи вы узнаете, что делают эти операторы.

#javascript

Moko's lost!

Страница 404: svg-картинка, анимированная в JS.

#js

Задача

Преобразуйте строку по таким правилам:

1) Изменить регистр каждого символа, т.е. нижний регистр в верхний, верхний регистр в нижний. Например, 'FizzBuzz' -> 'fIZZbUZZ'.
2) Изменить порядок слов на обратный. Например, 'pen pinapple apple PEN' -> 'pen APPLE PINAPPLE PEN'.

Примечание:
Количество пробелов должно быть сохранено. Например, для строки 'js css html':
- 'HTML CSS JS' - неправильный вариант
- 'HTML CSS JS' - правильный вариант

Входные данные: строка, состоящая из букв английского алфавита и пробелов.
Выходные данные: преобразованная строка.

Ответ

Responsive Blog Card Slider

Адаптивная карточка со слайдером Swiper. Слайды можно прокручивать с помощью колеса мышки или нажатием на пагинацию.

#js

Matrix

Анимация с зеленым кодом из фильма «Матрица», реализованная с помощью JavaScript.

#js

​Экосистема React в 2022 году

Рассмотрели текущее состояние экосистемы React. Также остановились на том, какие инструменты и библиотеки нам необходимы, чтобы покрыть все основные кейсы для успешной разработки приложения.

#react

Building Web Applications with .NET Core 2.1 and JavaScript

Автор: Philip Japikse, Kevin Grossnicklaus, Ben Dewey
Год издания: 2020

#javascript #english

​TypeScript: худший лучший язык программирования

На конференции FrontedConf 2021 Андрей Старовойт показал плюсы и минусы TypeScript. Если вы сомневаетесь, стоит ли его использовать — эта статья для вас, чтобы вы смогли для себя всё решить.

Spirited Away Bathhouse

3D-карточка, выполненная с помощью Haml и SCSS, без использования JavaScript.

#css