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

@anothertechrock

РКН: https://kurl.ru/LwANe
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Look At Pointer

Анимация движения линий за курсором мыши, реализованная с помощью CSS и JavaScript.

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

Ответ
11👍1
This media is not supported in your browser
VIEW IN TELEGRAM
3D Interactive Card Hover

Интерактивные карточки с 3D-эффектом, выполненные с помощью CSS и JavaScript.

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

Ответ
👍192
The React beginners handbook

Автор:
Flavio Copes

#javascript #react #english
This media is not supported in your browser
VIEW IN TELEGRAM
HTML5 canvas and javascript fireworks tutorial

Сцена фейерверка на canvas и JS с очень подробными комментариями в коде.

#html
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Linear-style Cursor Glow

Рассеянная подсветка при наведении на элемент, выполненная с помощью SCSS и JavaScript.

#css #js
10
This media is not supported in your browser
VIEW IN TELEGRAM
Checkboxes and radio buttons

Чекбоксы и переключатели с применением SVG-галочки. Реализованы на чистом CSS.

#css
👍51
Secrets of the JavaScript Ninja

Авторы:
John Resig, Bear Bibeault, Josip Maras
Год издания: 2016

#javascript #english
👍5
JavaScript. Вариация последовательности Фибоначчи - числа трибоначчи. Суть в том, что вместо суммирования двух предыдущих значений суммируются три (Fn(i) = Fn(i-1) + Fn(i-2) + Fn(i-3)).

Напишите функцию tribonacci, которая принимает начальную сигнатуру и число n, обозначающее длину результирующего массива, который нужно вернуть.

Ответ
👍6😱3
This media is not supported in your browser
VIEW IN TELEGRAM
Houdini gradient border animation

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

#css
👍182
Хороший джаваскриптер — канал, созданный для помощи студентам, школьникам, начинающим программистам в изучении Javascript и фронтенда вцелом.

На канале и сайте gcoder.ru можно найти множество полезной информации:

🔹туториалы
🔹книги
🔹задачи
🔹тесты

Подписывайтесь, чтобы не пропустить самое интересное: @gcoderjs
This media is not supported in your browser
VIEW IN TELEGRAM
Another Datepicker

Уникальный DatePicker, созданный из svg картинки, анимированной библиотекой GSAP.

#css #js
👍1
Web Design Playground

Автор:
Paul McFedries
Год издания: 2019

#html #css #english
Tech MeetUp от Сбера в Санкт-Петербурге — крутая возможность узнать много нового о frontend, backend и QA, познакомиться с топовыми спикерами и пообщаться с интересными людьми 👨‍💻

👉 Какие темы будем обсуждать?

Наши лучшие специалисты расскажут о магии, которая происходит внутри Сбера: как нажатие одной кнопки запускает сотни процессов, как правильно тестировать действия, кто стоит на страже багов.

Еще они поделятся, с какими проблемами столкнулись при использовании виртуальных машин в дата-центрах и поговорят об использовании Mobx State Tree при разработке React-приложений

👉 Что еще интересного будет на митапе?

Нетворкинг, Q&A-сессии и кофе-брейк.

👉 Где и когда встречаемся?

25 апреля в 18:30 в единственном IT-баре в Санкт-Петербурге — Failover Bar по адресу: 7-я линия Васильевского острова, 42.

Узнать подробности и зарегистрироваться!
🤡4👍2
JavaScript. Напишите функцию duplicateEncode, которая принимает строку и кодирует каждый символ в скобку. Если такой символ только один, то скобка будет открывающая, если несколько, то закрывающая.

Ответ
👍9👏2😁1
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Rooster Animation

Анимированная сцена, выполненная на чистом CSS, без использования JavaScript.

#css
8👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Shopping Cart Preloader

Оригинальный загрузчик, созданный из svg-картинки, анимированной в CSS.

#css
👍12💘1👾1
This media is not supported in your browser
VIEW IN TELEGRAM
Light/Dark Mode Toggle

Переключение светлых/темных режимов с эффектом занавески, реализованное на чистом CSS.

#css
6💊2
JavaScript. Напишите функцию findMissingLetter, которая принимает массив символов по алфавиту и возвращает пропущенную букву.

Ответ
👍17