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

@anothertechrock

РКН: https://kurl.ru/LwANe
Download Telegram
JavaScript. Что будет выведено в консоль?

Ответ
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
This media is not supported in your browser
VIEW IN TELEGRAM
Linear-style Cursor Glow

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

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

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

#css
Secrets of the JavaScript Ninja

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

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

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

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

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

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

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

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

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

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

#css #js
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.

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

Ответ
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Rooster Animation

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

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

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

#css
This media is not supported in your browser
VIEW IN TELEGRAM
Light/Dark Mode Toggle

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

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

Ответ
Multithreaded JavaScript

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

#javascript #english
This media is not supported in your browser
VIEW IN TELEGRAM
Gooey Navigation

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

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

Ответ
This media is not supported in your browser
VIEW IN TELEGRAM
Hamburgers

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

#css #js