Javascript Pro
2.78K subscribers
191 photos
30 videos
129 links
Канал для начинающих JavaScript разработчиков. Если вы приступаете к изучению JS - этот канал для вас.

Админ: @anothertechrock
加入频道
Что будет выведено в консоль?

Ответ
This media is not supported in your browser
VIEW IN TELEGRAM
Wifi Signal animations

Элементы созданы на canvas и анимированы в JS.
This media is not supported in your browser
VIEW IN TELEGRAM
Gooey Navigation

Элементы меню - это svg картинки, стилизованные в SCSS.
Задача

Дан массив arr из N целых чисел, где значение arr[i] находится в диапазоне [1, N].

Необходимо найти все целые числа в диапазоне [1, N], которые не входят в исходный массив.

Входные данные: N == arr.length, 1 <= N <= 10^5.
Выходные данные: список пропущенных элементов

Ответ
JavaScript for impatient programmers

Автор:
Dr. Axel Rauschmayer
Год издания: 2019

Рецензия на книгу:

Эта книга делает JavaScript менее сложным в освоении для новичков, предлагая современный, максимально последовательный взгляд на язык.

Плюсы:
1. Охватывает все основные функции JavaScript
2. Лаконичность
3. Хороший авторский стиль.

Минусы: не замечено.

#javascript #english

Скачать книгу
This media is not supported in your browser
VIEW IN TELEGRAM
Loaders

Подборка svg-загрузчиков в едином стиле.
This media is not supported in your browser
VIEW IN TELEGRAM
You Must Build a Lighthouse.

Игра на HTML и SCSS. Каждый квадрат, в котором можно построить часть дома - radio кнопка, при активации которой задействуются CSS стили.
Задача

Напишите программу, которая выводит на экран числа от 1 до num. При этом вместо чисел, кратных трем, программа должна выводить слово «fizz», а вместо чисел, кратных пяти — слово «buzz». Если число кратно и 3, и 5, то программа должна выводить слово «fizzbuzz» .

Входные параметры: num - целое число, num > 1

Ответ
Principles of Web API Design

Автор:
James Higginbotham
Год издания: 2021

Рецензия на книгу:

Книга объединяет принципы и процессы, которые помогут вам добиться успеха на протяжении всего жизненного цикла разработки API.

Опираясь на обширный практический опыт, автор поможет вам разработать API, обеспечивающие целостность, и масштабировать процесс проектирования от небольших команд до всей организации.

#english

Скачать книгу
This media is not supported in your browser
VIEW IN TELEGRAM
Форма входа

Анимированная версия входа в google.
Что будет выведено в консоль?

Ответ
This media is not supported in your browser
VIEW IN TELEGRAM
Хамелеон с острова Null

В зависимости от положения курсора, Хамелеон меняет цвет. При этом он может "поймать курсор"
This media is not supported in your browser
VIEW IN TELEGRAM
Book reviews

Верстка реализована при помощи CSS Grid. Анимации созданы библиотекой gsap.
This media is not supported in your browser
VIEW IN TELEGRAM
Кнопка подтверждения

При нажатии на кнопку запускается анимация, созданная при помощи библиотеки gsap.
This media is not supported in your browser
VIEW IN TELEGRAM
Статья дня. Добавляем и стилизуем видео на заднем фоне с помощью CSS и JS

Обзор вариантов исполнения популярной фичи с примерами.

Читать статью

#читать
This media is not supported in your browser
VIEW IN TELEGRAM
3D Room - Pure CSS

Вращающаяся 3D-комната. Написана на чистом CSS.
Что будет выведено в консоль?

Ответ
Что будет выведено в консоль?

Ответ