Javascript js frontend

Hamburgers

Подборка бургер кнопок, анимированных в CSS. Логика изменения размера иконок создана на JS.

#css #js

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

Ответ

Gooey Navigation

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

#css

Multithreaded JavaScript

Авторы: II Thomas Hunter, Bryan English
Год издания: 2021

#javascript #english

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

Ответ

Light/Dark Mode Toggle

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

#css

Shopping Cart Preloader

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

#css

CSS Rooster Animation

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

#css

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

Ответ

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

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

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

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

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

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

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

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

Узнать подробности и зарегистрироваться!

Web Design Playground

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

#html #css #english

Another Datepicker

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

#css #js

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

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

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

Подписывайтесь, чтобы не пропустить самое интересное: @gcoderjs

Houdini gradient border animation

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

#css

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

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

Ответ

Secrets of the JavaScript Ninja

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

#javascript #english

Checkboxes and radio buttons

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

#css

Linear-style Cursor Glow

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

#css #js

HTML5 canvas and javascript fireworks tutorial

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

#html

The React beginners handbook

Автор: Flavio Copes

#javascript #react #english