Обложка канала

Frontend Головного Мозга. Страница 20

12111 @frontend_mind
Открыть

Настоящий клондайк для frontend-разработчиков.

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

    Анимированная сцена, выполненная с помощью SCSS, без использования JavaScript #codepen #scss #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇

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

    Tabnine — Инструмент для написания кода с искусственным интеллектом Индексирует ваш код и находит статистические закономерности для создания индивидуальных предложений. Особенности: 👉 Поддержка JavaScript, Python, TypeScript, Rust, Go и т.д 👉 модели ИИ обучаются с нуля на основе кода 👉 Интеграция с GitHub, GitLab, Bitbucket 👉 Доступен для VS Code, JetBrains, Visual studio, Sublime Text и т.д Сайт: https://www.tabnine.com/ #полезно #инструменты 👉 @frontend_mind

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

    Вопрос, который беспокоит новичков в IT — как набраться опыта в начале карьеры? У студентов Elbrus Bootcamp такого вопроса не возникает: все обучение здесь построено на постоянной практике. Во время обучения студенты решают задачи от реальных работодателей, что особенно важно в постоянно развивающейся сфере IT. 3 месяца обучения с 9:00 до 19:00 5 дней в неделю, ежедневная работа с кодом, плюс два проекта, командный и персональный, которые студенты защищают на второй и третьей, заключительной, фазе обучения — и вот на выходе уже есть полноценное портфолио, которое можно показать при устройстве на работу. По окончании обучения всех ждет карьерная неделя, где ментор помогает подготовиться к техническому собеседованию, подтянуть софт-скиллы и собрать резюме, с которыми 93% студентов находят работу в течение трех месяцев после окончания обучения.  Заглядывайте на День открытых дверей онлайн и узнайте от выпускника Elbrus Bootcamp о его опыте первой работы после обучения 👉 https://clck.ru/rcXSi

  • Реклама

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

    Игра лабиринт, выполненная с помощью CSS и JavaScript. Управление осуществляется с клавиатуры #codepen #css #js #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇

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

    ✨Топ JavaScript фреймворков и библиотек 👉 Angular — Написан на языке “TypeScript”. Позволяет встраивать модульные тесты и проводить тестирования. Способен самостоятельного изменять HTML-код благодаря автоматическому считыванию изменений на уровне модели. 👉 Vue — Имеет открытый исходный код. Поддерживает TypeScript. Имеет серверный рендеринг на основе React и Angular. Обеспечивает высокую производительность и эффективность. 👉 Ember — Позволяет применять простые шаблонов для оперативной и лёгкой разработки интерфейсов. Имеет возможность компиляции применяемых шаблонов на сервере. 👉 React — Библиотека для создания интерактивных интерфейсов пользователя и имеет открытый исходный код. Имеет возможность повторного использования его компонентов в различных частях web-приложения. 👉 Webix UI — Библиотека предлагает более 100 виджетов для UI. Все виджеты совместимы с Angular и React. Библиотека регулярно обновляется. Имеет подробную документацию. А какими сервисами пользуетесь вы? Напишите в комментариях👇 #полезно #подборки_инструментов 👉 @frontend_mind

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

    Выпадающее меню, выполненное на чистом CSS, без использования JavaScript #codepen #css #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇

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

    Day.js — Библиотека для работы с датой и временем Валидирует, управляет, и отображает даты и время для современных браузеров, обладает большой совместимостью с Moment.js API Особенности / преимущества: ✔️Небольшой вес (2kB) ✔️Написана на чистом JS ✔️Поддерживает Firefox, Chrome, Edge, Safari, IE ✔️Поддержка I18n Сайт: https://day.js.org/ Гит: https://github.com/iamkun/dayjs #библиотеки #полезно #js 👉 @frontend_mind

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

    Рассеянная подсветка при наведении на элемент, выполненная с помощью SCSS и JavaScript #codepen #scss #js #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇

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

    Функции фильтров CSS позволяет накладывать поверх картинок или фонов различные фильтры. Можно, например, размыть или обесцветить изображение. blur() — Применяет размытие Гаусса к изображению. Чем больше значение, тем больше размытие. brightness() — Меняет яркость изображения. Значение 0% сделает изображение полностью чёрным. contrast() — Меняет контраст изображения. В скобках можно указать любое значение от 0% и выше. drop-shadow() — Задаёт тень для картинки. Тень располагается снаружи элемента. grayscale() — Делает изображение чёрно-белым. Значение 100% сделает изображение полностью чёрно-белым. hue-rotate() — Меняет цвета изображения за счёт поворота цветового круга. invert() — Инвертирует цвета изображения, превращая в противоположные. opacity() — Меняет прозрачность изображения. saturate() — Меняет насыщенность цветов изображения. Значение 0% убирает насыщенность цветов. sepia() — Меняет цвета изображения на сепию — коричневые оттенки. 👉 Читать статью полностью #статья #js 👉 @frontend_mind

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

    Неоновый курсор, выполненный с помощью CSS и библиотеки Three.js #codepen #css #js #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇

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

    Wallaby.js — Инструмент для непрерывного тестирования JavaScript Запускает JavaScript и TypeScript-тесты во время написания кода, высвечивает результаты в IDE. Особенности: 👉 Доступен для VS Code, JetBrains, Visual studio и Sublime Text 👉 История выполненных тестов 👉 Встроенные отчеты об ошибках 👉 Поддерживает множество интеграций Сайт: https://wallabyjs.com/ GitHub: https://github.com/wallabyjs #полезно #инструменты 👉 @frontend_mind

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

    Анимированный tabbar, выполненный на чистом CSS, без использования JavaScript #codepen #css #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇

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

    Решение задачи "Действительный номер телефона" #codewars #легко #js #ответы #49kata 👉 @frontend_mind

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

    Действительный номер телефона Напишите функцию, которая принимает строку и возвращает true, если она представлена в виде номера телефона. Предположим, что любое целое число от 0 до 9 в любом из мест даст действительный номер телефона. Пример: 
    validPhoneNumber("(123) 456-7890") - вернёт true

validPhoneNumber("(1111)555 2345") - вернёт false

validPhoneNumber("(098) 123 4567" ) - вернёт false
    Номер телефона должен быть записан в следующем формате: (123) 456-7890 (не забудьте о пробеле после скобок). ===Решать задачу на Codewars=== 📌 Пишите ваше решение в комментариях. Решение будет через несколько часов на этом канале. 👇 #codewars #легко #js #49kata 👉 @frontend_mind

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

    Анимированные игральные кубики, выполненные с помощью CSS и библиотеки GSAP.js. При клике выпадает новое значение #codepen #css #js #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇

  • Реклама

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

    Uppy — Плагин для загрузки файлов Позволяет загружать файлы локально и из удаленных мест. Особенности / преимущества: ✔️Загрузка файлов с устройства, Dropbox, Box, Google Drive, Instagram и т.д ✔️Поддержка React, Vue, Svelte ✔️Удобный UI ✔️Небольшой вес Сайт: https://uppy.io/ Гит: https://github.com/transloadit/uppy #библиотеки #полезно #js 👉 @frontend_mind

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

    Панель навигации по вкладкам, выполненная с помощью SCSS, без использования JavaScript #codepen #scss #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇

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

    WakaTime — Инструмент для анализа работы над кодом Автоматически выдает статистику и показатели вашего кода. Также, он предоставляет панель, где видно разбивку времени работы над отдельными задачами. Особенности: 👉 Отправка статистических отчетов по почте 👉 Возможность устанавливать цели 👉 Доступен для множества IDE 👉 Определяет каким файлам и областям проекта уделяется больше всего времени Сайт: https://wakatime.com/ GitHub: https://github.com/wakatime #полезно #инструменты 👉 @frontend_mind