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

@anothertechrock

РКН: https://kurl.ru/LwANe
Download Telegram
Learning TypeScript

Автор:
Josh Goldberg
Год издания: 2022

#ts #en
This media is not supported in your browser
VIEW IN TELEGRAM
Instagram Dark Mode

Темный режим в Instagram, реализованный с помощью CSS и JavaScript.

#css #js
Задача

Дано натуральное число, необходимо преобразовать его в римскую запись.

Римские цифры представлены семью разными символами:

I - 1,
V - 5,
X - 10,
L - 50,
C - 100,
D - 500,
M - 1000

Справка: римские цифры обычно пишутся от наибольшего к наименьшему слева направо. Однако цифра четыре - это не IIII. Вместо этого число четыре записывается как IV. Поскольку единица стоит перед пятью, мы вычитаем ее и получаем четыре. Тот же принцип применяется к числу девять, которое записывается как IX.

Вычитание используется в шести случаях:

- I можно поставить перед V (5) и X (10), чтобы получилось 4 и 9.
- X можно поставить перед L (50) и C (100), чтобы получилось 40 и 90.
- C можно поставить перед D (500) и M (1000), чтобы получилось 400 и 900.

Входные данные: n - натуральное число от 1 до 3000.

Вывод: римская запись числа n.

Ответ
Перенос, обрезка и ориентация текста в CSS

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

#css #ru
This media is not supported in your browser
VIEW IN TELEGRAM
Animated Star Rating

Каждая звезда - это радио кнопка, при нажатии на которую задействуются свои CSS-стили.

#css
JavaScript All-in-One For Dummies

Автор:
Chris Minnick
Год издания: 2023

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

Ответ
This media is not supported in your browser
VIEW IN TELEGRAM
Scrubbing, scrolling and splitting

Анимация при скролле, реализованная при помощи библиотеки gsap.

#js
JavaScript. Каким будет результат?
Anonymous Quiz
11%
[0, 10], [10, 20]
15%
20, 20
49%
10, 20
6%
0, 10 и 10, 20
19%
Посмотреть ответы
HTML и CSS ошибки, влияющие на доступность

Многие разработчики думают, что доступность реализуется только с помощью aria-атрибутов. Если их не добавить, то всё, доступности нет. Конечно, aria-атрибуты нужны, но HTML и CSS - такая же важная часть процесса создания доступных интерфейсов. Эти технологии не просто несут в себе кучу скрытых моментов, влияющих на доступность. Они напрямую позволяют её улучшить.

#html #css #ru
This media is not supported in your browser
VIEW IN TELEGRAM
What's really going on?

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

#css
JavaScript. Подумайте, что будет выведено в консоль после выполнения программы.

Ответ
Mastering JavaScript Functional Programming

Автор:
Federico Kereki
Год издания: 2023

#js #en
JavaScript. Каким будет результат?
Anonymous Quiz
43%
123
16%
456
16%
undefined
17%
ReferenceError
9%
Посмотреть ответы
This media is not supported in your browser
VIEW IN TELEGRAM
Rotating border

Граница сделана из псевдоэлементов, которые анимируются в CSS.

#css