Frontend Hash

CodeKit —  расширяемый front-end сборщик «на стероидах» Его отличительной особенностью является приятный GUI, а также возможность навешивать скрипты по любому событию Если искать аналог среди консольных приложений, то это будут Grunt и Gulp Единственное, CodeKit доступен лишь в виде macOS-приложения Стоимость: #бесплатно #macOS #front_end #gui

Termius — кроссплатформенный SSH-клиент, работающий на ПК и мобильных устройствах С помощью него можно организовывать хосты в группы, в рамках которых есть возможность обмениваться настройками. При этом каждый хост может иметь свои собственные предпочтения Интересной особенностью инструмента является использование сквозного шифрования Стоимость: #бесплатно (но есть платные тарифы) #ssh #web #шифрование

Хотите создавать высоконагруженные сервисы в сферах онлайн-ритейла, доставки, финтеха, интернета вещей? Тогда вам нужно изучать язык программирования Golang на курсе Яндекс Практикума «Профессия Go-разработчик». В профессии две программы: обучение до уровня Junior+ и обучения до уровня middle. Обратите внимание, эти курсы подходят только тем, у кого есть опыт разработки, нужно будет пройти входной тест и узнать свой уровень. Как вы будете учиться • Сразу писать боевой сервис. Вы будете писать один большой проект на протяжении всего курса, постоянно пополняя, усложняя и модифицируя кодовую базу. Кроме того, в уроках будет много практических заданий, которые вы сможете выполнять в любимой среде разработки. • Общаться с менторами — senior Go-разработчиками. У вас будет ментор — действующий senior Go-разработчик, который будет помогать находить ответы на вопросы, проверять ваш код, проводить вебинары для разбора задач.  • Готовить выпускной проект. После прохождения основной программы у вас будет время написать выпускной проект для вашего портфолио. Вы сможете объединиться в команды или работать самостоятельно, реализовать свою идею или взять за основу один из предложенных вариантов. Мы не дадим вам просесть по учёбе и поможем выкроить время на образование. Команда карьерного центра подготовит вас к разговору о повышении или поможет с поиском новой интересной и перспективной работы во время и после обучения. Выберите курс, который соответствует вашему уровню знаний: https://practicum.yandex.ru/promo/go-profession

​Как вывести сайт в топ поисковиков на рынке с высокой конкуренцией Вы когда-нибудь искали в интернете ювелирный магазин? Если нет, просто представьте, сколько результатов выдает поисковик. И занять высокую строку в поисковой выдачи крайне непростая задача. В этой статье вы найдёте несколько полезных советов для SEO, который хочет сделать веб-сайт популярным и заметным: https://tproger.ru/articles/kak-vyvesti-sajt-v-top-poiskovikov-na-rynke-s-vysokoj-konkurenciej/ #seo

Scrimba — платформа для изучения frontend-разработки Сервис позволяет изучать программирование, работая с кодом во внутреннем редакторе, сразу же отображающем результат изменений в браузере При этом Scrimba поддерживает мультифайловые проекты, что приближает разрабатываемые проекты к реальной жизни Стоимость: #бесплатно (но есть платные курсы) #web #обучение #frontend

Vimium — лучший способ познать боль при веб-браузинге Если шутки про «как выйти из Vim?» для вас вовсе не шутки, то это расширение для Chrome сделает вашу жизнь ещё сложнее Установив его, вы сможете управлять процессом браузинга исключительно при помощи клавиатуры — о существовании мыши можно будет забыть навсегда Те, кто использовал текстовый редактор Vim, поймут принцип работы этого инструмента Из интересного — есть версия и для Firefox Стоимость: #бесплатно #web #расширение

Голограммы, пленочные засветки и шейдеры на чистом CSS Как вы обычно делаете визуальные эффекты для веб-страницы? Наверное, используете какую-нибудь JS-библиотеку, которая может прокачать сцену, добавив освещение, 3D, шейдеры и прочее, например threejs. Верно? Но на самом деле в некоторых кейсах уже можно смело отказывать от JS в пользу CSS, ведь браузеры наконец поддерживают mix-blend-mode. Например, вы можете добавить эффект засветки при скролле страницы, как на этой картинке выше (как это работает можно увидеть по ссылке). В этой статье вы узнаете, как добавить крутые эффекты для ваших изображений только благодаря CSS и заодно увидите, как они работают в жизни: https://css-live.ru/tricks/gologrammy-plenochnye-zasvetki-i-shejdery-na-chistom-css.html #css #фронтенд

​Одностраничные приложения: полное руководство Одностраничники уже плотно вошли в нашу жизнь и значительно её облегчили как с точки зрения разработчиков, так и пользователей. Если вы ещё не работали с SPA, то самое время познакомиться поближе с этой технологией и начать внедрять её в свои проекты: https://www.keycdn.com/blog/single-page-application #spa

Eleventy — простенький генератор статических сайтов Инструмент требует Node.js, но за счёт этого вся первичная «магия» генерации сайтов происходит непосредственно в Терминале У Eleventy очень большое коммьюнити, а также крайне понятная документация Из интересного стоит отметить, что именно с помощью этого инструмента созданы такие популярные сайты, как Chrome Developers, Netlify, Forsquare и многие другие Стоимость: #бесплатно #web #node #сайты

Dot Loader - CSS Анимация загрузки. Написана на чистом CSS. #анимация #карточка #css

💡 JavaScript человеческим языком. Канал будет полезен:  ✓  начинающим верстальщикам,  ✓  фронтенд-разработчикам, ✓  людям, которые изучают JavaScript.

Decryption Effect with Pseudo Elements Эффект расшифровки с псевдоэлементами. Реализован с помощью CSS и JavaScript. #анимация #css #js

Neumorphism.io — онлайн-инструмент для генерации CSS-кода в стиле неоморфизма Работает сервис максимально просто: вы выбираете цвет элемента, его размеры, радиус, дистанцию тени и т.д На выходе получаете готовый CSS-код, который можно вставить в ваш проект. И уже по необходимости самостоятельно «доработать» Стоимость: #бесплатно #css #web #open_source

👉 Изучайте Frontend и прокачивайте свой hard skill вместе с профессионалами. Присоединитесь к @frontend_mind 👉 @frontendquiz - задачи с собеседований по фронтенду. Задачи, тесты и теоретические вопросы по Frontend. Можно быстро проверить себя и обсудить решение с другими разработчиками.

Speed lines Можно задействовать как загрузку или переход между страницами сайта. #js #css #html #coden https://codepen.io/gvissing/pen/vYRoERY @hashdev

​github1s – полезный инструмент, который позволяет открывать любой github-репозиторий в браузерной версии VSCode Это не плагин, а онлайн-ресурс который не связан с вашей локальной VSCode ⤷ Ссылка на проект GitHub | #Interesting #Code #Useful

​Code Thesaurus — пожалуй, самая необычная шпаргалка по языкам программирования С её помощью можно сравнивать структуры языков программирования. Сервис по сути позволяет легче перейти с одного языка программирования на другой. А вместо многословных документаций, там реализована быстрая система быстрых ответов на конкретные вопросы: https://codethesaur.us/ #инструменты #шпаргалки

Must Have для разработчиков! Итак, хотим поделится подборкой каналов. 👉 Переходите в каналы 📚 Предлагаю твоему вниманию популярный Мега Архив для программистов BZD • Книги для программистов. 🪱 Присоединитесь к Python Community RU - СНГ сообщество Python-разработчиков. 🥷 Сделай паузу ИТ Юмор и мемчики. 💻 frontend_mind — ребята делятся опытом разработки и фрагменты кода! 📖 Задачи, тесты и теоретические вопросы с собеседований по JavaScript.