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

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

12111 @frontend_mind
Открыть

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

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

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

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

    Совет для всех айтишников – учите фронтенд и 3D-графику. Сайты с 3D-графикой продают на 40% лучше обычных, поэтому хорошим спецам компании платят в 3-4 раза больше рынка.  Лучший способ освоить главные фишки – подписаться на @travellerLogs. В коротких постах автор делится фишками по оптимизации, основам трехмерной графики и подборками полезных сервисов. Зачем полгода ходить на курсы, если всё можно выучить в 1 канале по простым инструкциям?

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

    ✨Топ WYSIWYG HTML-редакторов, Часть 1: 👉 CoffeeCup HTML Editor — Включает в себя быстрый FTP-клиент, галерею рисунков, библиотеку компонентов, быстрый просмотр страницы, проверку правописания. 👉 TinyMCE — Предлагает более 12 интеграций и более 400 API. Включает чистое копирование и вставку из Word, Google Docs, Excel и т.д. Ядро с открытым исходным кодом. 👉 CKEditor — Предоставляет историю изменений и возможность работы в команде. Поддержка HTML и Markdown, также поддерживает экспорт в PDF и Word. 👉 Quill — Поддерживает все современные браузеры на настольных десктопах, планшетах и телефонах. Предоставляет детальный доступ к содержимому редактора, изменениям и событиям через простой API. Имеет открытый исходный код. 👉 Froala — Предлагает более 30 встроенных плагинов на выбор, мощный API и подробную документацию. Также имеет широкий спектр функций и множество интеграций. 👉 WYSIWYG Web Builder — Поддерживает drag-and-drop, предоставляет библиотеку иконок, готовые блоки и анимации. Также предлагает инструменты SEO и различные плагины. Продолжение следует... А какими сервисами пользуетесь вы? Напишите в комментариях👇 #полезно #подборки_инструментов 👉 @frontend_mind

  • Реклама

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

    Каналы от Senior разработчиков Хотите быстро выучить JavaScript, Python или другой язык программирования? Подписывайтесь на каналы от опытных разработчиков, где они объясняют код и учат программировать. 💻 Канал Senior JavaScript разработчика: @senior_front 🐍 Канал Python разработчика: @seniorpy ☕️ Канал Senior Java разработчика: @seniorjavist 🤖 Канал C++ разработчика: @seniorcpp 📚 Заметки программиста: @progersbooks

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

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

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

    Billboard.js — Библиотека для создания диаграмм Позволяет легко добавлять различные диаграммы и графики в проект. Особенности / преимущества: ✔️Совместимость с D3 v4+ ✔️Модульность ✔️Поддержка более 20 типов графиков ✔️Мгновенное создание графиков Сайт: https://naver.github.io/billboard.js/ Гит: https://github.com/naver/billboard.js #библиотеки #полезно #js 👉 @frontend_mind

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

    Хотел что-то изменить в жизни?  Задумался о новой работе или оплатил обучающие курсы? Обрадовался окончанию пандемии и открытию границ? Не хочу тебя обнадеживать, лучше забудь обо всем. Сам прошёл через несколько кризисов, но все они покажутся нам цветочками. Но не переживай, у меня все ещё хуже. Я владею стартапом по робототехнике, делаю мобильные игры и пытаюсь сохранить на плаву несколько школ программирования для детей. Подписывайся на канал! Пишу хронику выживания, ищу интересных людей и планирую выйти победителем к концу года.

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

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

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

    ​Подгрузка контента при прокрутке В вебе хорошим тоном считается не загружать в браузер ничего лишнего. Например, стили, скрипты и изображения, которые пользователю не понадобятся. С контентом дело обстоит так же — по возможности мы хотим загружать только то, что пользователю понадобится «прямо сейчас». Первым делом сделаем заглушку для сервера, чтобы имитировать запросы к нему. Когда сервер готов, мы можем приступать к разработке клиентской части. Первым делом спроектируем, как должно работать приложение. Нам нужно подгружать новый контент, когда пользователь докручивает до конца страницы. Здесь можно выделить несколько задач: ✔️Следить за положением прокрутки ✔️Уметь общаться с сервером ✔️Преобразовывать данные в вёрстку на странице и отображать её ✔️Правильная обработка события прокрутки Первым делом сделаем шаблон для контента, который мы будем загружать с сервера. Дальше нам потребуется написать функцию, которая будет определять, когда пора отправлять новый запрос. Когда мы докрутим и пересечём порог, отправим запрос за новой порцией контента. Также улучшим производительность — притормозим обработку прокрутки, чтобы она выполнялась чуть реже и меньше нагружала браузер. Напишем функции для запросов к серверу и обработки данных от сервера. 👉 Читать статью полностью #статья #js 👉 @frontend_mind

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

    Как изучить основы HTML и CSS за 5 занятий  HTML и CSS — служат основой каждого сайта, соцсети или интернет-магазина, которыми мы пользуемся каждый день. Знать их полезно не только веб-разработчикам, но и всем, кто работает с вебом — дизайнерам, контент-менеджерам, интернет-маркетологам и руководителям проектов.  На бесплатном курсе Нетологии «Основы вёрстки сайта» вы выполните 16 практических заданий и научитесь самостоятельно вносить изменения в HTML-код, верстать с нуля текстовые блоки, менять внешний вид отдельных элементов сайта с помощью CSS, а также готовить контент для публикации на сайте.

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

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

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

    PatternPad — Генератор паттернов Позволяет создавать неограниченное количество уникальных узоров, которые соответствуют вашему стилю. Особенности: 👉 Экспорт в SVG, JPEG, PNG 👉 Библиотека готовых пресетов 👉 Ввод цвета в HEX, RGB, HSL 👉 Возможность выбрать готовую цветовую палитру Сайт: https://patternpad.com/ #полезно #инструменты 👉 @frontend_mind

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

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

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

    Решение задачи "Код гласных" #codewars #легко #js #ответы #37kata 👉 @frontend_mind

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

    Код гласных Шаг 1: Напишите функцию encode() для замены всех строчных гласных в заданной строке числами в соответствии со следующим шаблоном: a -> 1 e -> 2 i -> 3 o -> 4 u -> 5 Шаг 2: Теперь напишите функцию decode(), чтобы преобразовать числа обратно в гласные в соответствии с тем же шаблоном, который показан выше. Пример: 
    encode('hello') - вернёт 'h2ll4'

decode('h2ll4') - вернёт  'hello'

encode('How are you today?') - вернёт 'H4w 1r2 y45 t4d1y?'

decode("h3 th2r2") - вернёт 'hi there'
    В этой задаче не будет заглавных гласных. ===Решать задачу на Codewars=== 📌 Пишите ваше решение в комментариях. Решение будет через несколько часов на этом канале. 👇 #codewars #легко #js #37kata 👉 @frontend_mind

  • Реклама

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

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

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

    Pace.js — Библиотека для добавления анимации загрузки Автоматически добавляет индикатор загрузки страницы на сайт. Особенности / преимущества: ✔️Встроенные темы оформления ✔️Не имеет зависимостей ✔️Возможность расширить темы ✔️Поддерживает IE8+, Chrome, Safari 4+, Opera 10.5+ ✔️Небольшой вес (4kB) Сайт: https://codebyzach.github.io/pace/ Гит: https://github.com/CodeByZach/pace/ #библиотеки #полезно #js 👉 @frontend_mind

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

    Фронтенд-разработчики: сколько им платят и что нужно уметь?👨🏽‍💻 Статья от HTML Academy основана на базе большого исследования рынка вакансий, опроса тимлидов IT компаний, работающих разработчиков, работодателей. В опросе приняли участие 270 человек. В статье есть большая Карта компетенций, в которой указаны какими навыками должен обладать фронтенд-разработчик и чему поэтапно учиться в 2022 году, чтобы расти профессионально. Читайте статью и составляйте собственный план обучения📚