Telegram Web
JavaScript. Свойства объекта

Вы можете получить доступ к свойствам объекта с помощью [] вместо '.'. Это позволяет найти свойство, которое соответствует переменной.

Также это можно использовать для получения или установки значения свойства, если его название - неразрешенный идентификатор.

Некоторые люди не знают этого и заканчивают это использованием eval(), что по-настоящему плохая идея. Так код сложнее читать, сложнее находить ошибки (невозможно использование jslint), он медленнее выполняется и может привести к XSS.
Positive Negative.gif
120.1 KB
Positive Negative

Слайдер температуры с положительным и отрицательным значениями. Реализован с помощью Vue.

#js
Хотите освоить передовые инструменты для создания масштабируемых решений и прокачаться в разработке?

➡️➡️➡️Присоединяйтесь к открытому вебинару «Создание RestFull API с NestJs» 24 сентября в 20:00 мск, где мы разберем:

- общие принципы построения REST;
- как создать RestFull API с помощью NestJS;
- как использовать современные фреймворки для разработки масштабируемых API.

Спикер Николай Лапшин — опытный архитектор, тимлид и разработчик на Javascript, Typescript, Golang, C.

Встречаемся в преддверии старта курса «JavaScript Developer. Professional».
Все участники вебинара получат специальную цену на обучение!
➡️➡️Регистрируйтесь прямо сейчас, чтобы не пропустить мероприятие
Please open Telegram to view this post
VIEW IN TELEGRAM
JavaScript. Каким будет результат?
Anonymous Quiz
8%
[0, 10], [10, 20]
14%
20, 20
54%
10, 20
6%
0, 10 и 10, 20
19%
Посмотреть ответы
This media is not supported in your browser
VIEW IN TELEGRAM
London Tube Map - Navigation Bar Concept

Концепция панели навигации в виде схемы лондонского метро.

#js
JavaScript. Что вернет метод prompt, если пользователь отменит ввод нажатием на Esc?
Anonymous Quiz
32%
undefined
21%
"" (пустая строка)
23%
null
6%
{} (пустой объект)
3%
[] (пустой массив)
15%
Посмотреть ответы
JavaScript. Каким будет результат?
Anonymous Quiz
4%
8
70%
10
13%
SyntaxError
9%
ReferenceError
3%
Посмотреть ответы
This media is not supported in your browser
VIEW IN TELEGRAM
Neon Cursor

Реализовано при помощи Three.js. Настройки анимации задаются в JS.

#js
Quickchat UI Themes.gif
1.6 MB
Quickchat UI Themes

Адаптивная панель управления с темой пользовательского интерфейса Quickchat. Реализована с помощью JavaScript.

#css
@frontquizes - тесты по фронтенд технологиям, преимущественно Javascript/React/HTML/CSS
This media is not supported in your browser
VIEW IN TELEGRAM
Ocean card, perspective shift on hover

Смена перспективы при наведении мыши на карточку. Сделано с помощью SCSS и JS (Babel).

#js
This media is not supported in your browser
VIEW IN TELEGRAM
Masked Circle Slider

Сверстано на HTML и SCSS. Логика переключения слайдов реализована в JS.

#js
Хотите освоить прогрессивный фреймворк для создания веб-приложений на JS?

➡️Ждем вас на открытом вебинаре 23 октября в 20:00 мск, где мы разберем:

✔️архитектурные принципы Nest.Js, включая внедрение зависимостей и модульность;
✔️как создавать маршруты, контроллеры и использовать middleware;
✔️как работать с базами данных, включая MongoDB, PostgreSQL и MySQL;
✔️методы тестирования и отладки приложений Nest.Js.

Спикер Николай Лапшин — опытный архитектор, тимлид, преподаватель и разработчик с широким технологическим стеком.

Встречаемся в преддверии старта курса «Node.js Developer». Все участники вебинара получат специальную цену на обучение!
➡️Регистрируйтесь прямо сейчас, чтобы не пропустить мероприятие


Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
Please open Telegram to view this post
VIEW IN TELEGRAM
Rating.gif
280.3 KB
Rating

Выставление рейтинга в виде звезд, анимация реализована с помощью библиотеки GSAP.

#js
JavaScript. Что будет выведено в консоль?
Anonymous Quiz
42%
1
4%
5
4%
10
26%
Ошибка
24%
Посмотреть ответы
This media is not supported in your browser
VIEW IN TELEGRAM
Temperature displays

Индикаторы - это svg-картинки, параметры которых задаются в JS.

#js
JavaScript. Задача

Ищем блок поврежденных пикселей.

Дана матрица пикселей, где '0' представляет рабочий пиксель, а '1' - поврежденный.

Поврежденные пиксели связаны (т.е. есть только одна поврежденная область на матрице). Пиксели соединены по горизонтали и вертикали.

Также даны два целых числа - x и y - представляющие расположение одного из поврежденных пикселей.

Необходимо найти площадь наименьшего (выровненного по оси) прямоугольника, охватывающего все поврежденные пиксели.

Входные данные:
- Стороны матрицы имеют размер от 1 до 100 пикселей включительно
- Элементы матрицы - символы '0', '1'.

Вывод: площадь наименьшего прямоугольника, охватывающего все поврежденные пиксели.

Пример:

matrix = [
['0','0','1','0'],
['0','1','1','0'],
['0','1','0','0']
].
x = 0, y = 2
Output: 6

Ответ
2025/06/28 08:38:03
Back to Top
HTML Embed Code: