Frontend Головного Мозга

2021-07-16 19:22:56 Tingle.js - JS библиотека для создания всплывающих окон.

Особенности / преимущества:
Интеграция CSS3 трансформаций
Легко настраивается
Легкая библиотека размером около 2 КБ
Легко интегрировать в проект
Удобный API
Поддерживает медиафайлы
Адаптирована под мобильные устройства

Сайт: https://tingle.robinparisi.com/
Гит: https://github.com/robinparisi/tingle

#библиотеки #полезно #js

@frontend_mind Открыть/Комментировать

2021-07-16 10:23:01 Эффект печатной машинки, сделанный с помощью библиотеки Babel.js и SCSS

#codepen #scss #js

@frontend_mind Открыть/Комментировать

2021-07-15 17:23:00 OctoLinker - расширение, для упрощения навигации в GitHub

Обеспечивает быструю навигацию по коду благодаря превращению элементов кода (например, include, require или import) в кликабельные ссылки.

Особенности:
Доступно на Chrome, Safari, Edge, Firefox, Opera
Поддержка частных репозиториев
Ссылается на документы API
Связывает зависимости и файлы в pull request
Распознаёт зависимости
Получает древовидную структуру репозитория

Сайт: https://octolinker.vercel.app/
Гит: https://github.com/octolinker/octolinker

#полезно #инструменты

@frontend_mind Открыть/Комментировать

2021-07-15 11:23:00 Айтишник, нужен буст? Начните на бесплатных вебинарах онлайн-курсов «Разработчик программных роботов (RPA) на базе UiPath и PIX» и «Алгоритмы и структуры данных»:

Регистрация — «RPA на практике на платформе Uipath»: https://otus.pw/XXfI/

Регистрация — «Алгоритм сжатия данных - код Хаффмана. Создание Архиватора»: https://otus.pw/zIVm/

Проверьте, готовы ли вы к обучению, пройдя тест при регистрации! Открыть/Комментировать

2021-07-15 10:23:01 Кнопка "Отправить", сделанная с помощью CSS и JavaScript

#codepen #css #js

@frontend_mind Открыть/Комментировать

2021-07-14 18:00:13 Бесплатное обучение самой востребованной IT профессии! Тема “Создание нейронных сетей”.

Создашь 9 нейронных сетей для разных сфер.
3 дня увлекательной практики и никакой скучной теории!
⠀
Поймешь как создать свою нейросеть.
Убедишься что AI - это легко, увлекательно и прибыльно.
Позанимаешься вживую с ведущим и с кураторами.
Окунешься в профессию AI-разработчика.
Поймешь, твое ли это направление.
⠀
Каждый участник получит сертификат!
⠀
Гарантируем трудоустройство после основного обучения.
Не упускай такую возможность!
⠀
Записывайся на практикум прямо сейчас, нажав СЮДА Открыть/Комментировать

2021-07-14 17:23:00 Инструменты сборки и автоматизации JavaScript

1. Grunt - инструмент для автоматизации повторяющихся и трудоёмких задач. Cуществует более 6000 плагинов.

2. Gulp - определяет задачи в JavaScript как функции, также GUl автоматизирует задачи, предлагая более 2700 плагинов, обеспечивает прозрачность и контроль над процессом.

3. Brunch.io - быстрый и простой, инструмент автоматически создаёт карту JS-файлов с CSS, что упрощает процесс отладки.

4. Webpack - модульный упаковщик, анализирует зависимости между модулями и образовывает ассеты, упаковывает модули в один или несколько маленьких пакетов для загрузки браузером.

5. Browserify - позволяет разработчикам ПО использовать модули NodeJS в браузерах. Вы определяете зависимости, а Broweserify упаковывает всё это в аккуратный JS-файл.

6. Yeoman - служит для разработки веб-приложений и позволяет создавать новые проекты, не забывая об обслуживании уже существующих. Существует более 6200 плагинов.

#полезно #подборки_инструментов

@frontend_mind Открыть/Комментировать

2021-07-14 10:23:00 Переключатель тёмной темы, реализованный на CSS и JS

#codepen #css #js

@frontend_mind Открыть/Комментировать

2021-07-13 16:23:00 Jest - фреймворк для тестирования в JavaScript

Фреймворк разработан для проверки правильности работы любого JavaScript кода.

Особенности:
Не требует дополнительных настроек
Тесты выполняются параллельно
Простая установка
Работает с проектами, использующими Babel, TypeScript, Node, React, Angular, Vue и т.д
Удобный API

Сайт: https://jestjs.io/

#полезно #инструменты

@frontend_mind Открыть/Комментировать

2021-07-13 13:23:00 Intro.js - JS библиотека для создания пошагового руководства пользователя для проекта

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

Особенности / преимущества:
Открытый исходный код
Удобный API
Легкая библиотека размером около 15 КБ
Широкие возможности кастомизации
Легко интегрировать в проект
Кроссплатформенность

Сайт: https://introjs.com/
Гит: https://github.com/usablica/intro.js

#библиотеки #полезно #js

@frontend_mind Открыть/Комментировать