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

@anothertechrock

РКН: https://kurl.ru/LwANe
Download Telegram
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

Ответ
This media is not supported in your browser
VIEW IN TELEGRAM
Project Management Dashboard UI

Пользовательский интерфейс панели управления проектами, реализован с помощью CSS и JS.

#css #js
Menu Animation.gif
45.9 KB
Menu Animation

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

#js
JavaScript. Что из перечисленного НЕ является зарезервированным словом в ES6?
Anonymous Quiz
47%
enum
7%
case
32%
int
10%
var
4%
Посмотреть ответы
Основные принципы хорошего нейминга

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

#ru
This media is not supported in your browser
VIEW IN TELEGRAM
Live data

Демонстрация работы графика с автоматическим обновлением данных. Создано с использованием библиотеки amCharts.

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

Ответ