Frontend Hash
3.74K subscribers
205 photos
24 videos
2 files
362 links
Download Telegram
English for Developers - канал для тех, кто хочет учить технический английский. От создатателей популярного ит-канала Data analysis.

1. техническая лексика
2. опросы на английском
3. шутки на английском

Подписывайтесь, проходите опросы, читайте полезные прогерские фразы на английском: english_forprogrammers.

1 канал вместо тысячи учебников и курсов
👍41🔥1
GitHub Actions и Vercel — быстрое развертывание проектов

Vercel — один из лучших хостингов благодаря своей простоте и адаптивности. Он позволяет максимально быстро размещать проекты и практически не требует настройки. Применение Vercel с GitHub для развертывания проектов делает разработку намного более увлекательной. Отправка нового обновления на GitHub позволяет автоматически развертывать код, оптимизируя процесс CI/CD.

Что такое GitHub Actions?
GitHub Actions — это платформа CI/CD для автоматизации рабочих процессов сборки, тестирования и развертывания. С помощью этих процессов вы можете создавать и тестировать пул-реквесты в личном репозитории или развертывать объединенные пул-реквесты в производственном репозитории.

GitHub Actions упрощает автоматизацию всех действий с ПО. В настоящее время эта платформа включает первоклассные технологии CI/CD, позволяющие настраивать ревью кода, управление ветками и сортировку issue.

Как GitHub Actions взаимодействует с Vercel
GitHub Actions автоматически развертывает проекты GitHub с помощью Vercel, предоставляя предварительные URL-адреса развертывания и автоматические обновления пользовательских доменов. Когда вы создаете новый проект Vercel на GitHub и обеспечиваете автоматическое развертывание в каждой ветке, Vercel отслеживает каждую отправку изменений в ветку и развертывает по умолчанию. Если Vercel уже работает с предыдущим коммитом, то текущий процесс отменяется для создания самого последнего коммита. Таким образом, всегда происходит развертывание самых актуальных изменений.

1 вариант для тестирования: модель Fork.
2 вариант для тестирования: tmate.

➡️ Читать дальше
⚙️ Vercel

@hashdev
👍31🔥1
📁 Настраиваем Git для правильной работы с опенсорс-проектами

Как принять участие в разработке проекта с открытым исходным кодом и внести свой вклад, не наломав дров?

Краткое руководство, чтобы меньше разочаровываться и больше работать над улучшением рабочих процессов.

Форк-проект
После того как вы настроили свой профиль на GitHub, вам необходимо форкнуть проект, в который вы планируете внести свой вклад. Поскольку доступ на запись к проектам с открытым исходным кодом контролируется сопровождающим (сопровождающими), вы никогда не будете вносить прямые изменения в репозиторий проекта. Вместо этого, мы форкаем (или копируем) исходный код проекта в свой личный аккаунт, чтобы было куда вносить изменения, не затрагивая исходный репозиторий. Легче всего форкнуть проект через GitHub WebUI. Перейдя на страницу GitHub проекта, в который вы хотите внести свой вклад, найдите кнопку Fork в правом верхнем углу.

➡️ Читать дальше

@hashdev
👍41🔥1
Hostsколлекция файлов hosts с блокировкой различных доменов, связанных с трекингом или рекламой

AdBlock на уровне файла хостов, иными словами. В коллекции около 800к файлов

Ссылка на проект

@hashdev | #Interesting #Privacy
👍4🔥21
✔️ 10 лайфхаков для Linux, которые повысят продуктивность

Если вы разработчик программного обеспечения, то чем дольше будете использовать Linux, тем продуктивнее будете выполнять свои обязанности. Почему это так?

Очевидная причина заключается в удобстве CLI (интерфейса командной строки). Для выполнения некоторых операций при помощи GUI (графического интерфейса пользователя) приходится делать несколько щелчков мышью, открывать несколько окон или даже загружать и устанавливать программное обеспечение на компьютер. Какая трата времени, столь драгоценного в программировании!

В этой статье вы найдете 10 лайфхаков для работы с CLI Linux, которые помогут повысить производительность. Все они довольны просты, но отлично демонстрируют, что можно делать больше меньшими средствами.

➡️ Читать дальше

@hashdev
👍81🔥1
🔥 Полезнейшая Подборка каналов

🖥 Machine learning
@ai_machinelearning_big_data – все о машинном обучении
@data_analysis_ml – все о анализе данных.
@machinelearning_ru – машинное обучении на русском от новичка до профессионала.
@machinelearning_interview – подготовка к собеседования Data Science
@datascienceiot – бесплатные книги Machine learning
@ArtificialIntelligencedl – канал о искусственном интеллекте
@neural – все о нейронных сетях
@machinee_learning – чат о машинном обучении
@datascienceml_jobs - работа ds, ml

🖥 Python

@pro_python_code – погружение в python
@python_job_interview – подготовка к Python собеседованию
@python_testit тесты на python
@pythonlbooks - книги Python
@Django_pythonl django
@python_djangojobs - работа Python

🖥 Java
@javatg - Java для програмистов
@javachats Java чат
@java_library - книги Java
@android_its Android разработка
@java_quizes - тесты Java
@Java_workit - работа Java
@progersit - шпаргалки ит

🖥 Javascript / front
@javascriptv - javascript изучение
@about_javascript - javascript продвинутый
@JavaScript_testit -тесты JS
@htmlcssjavas - web
@hashdev - web разработка

👣 Golang
@golang_interview - вопросы и ответы с собеседований по Go. Для всех уровней разработчиков.
@Golang_google - go для разработчиков
@golangtests - тесты и задачи GO
@golangl - чат Golang
@GolangJobsit - вакансии и работа GO
@golang_jobsgo - чат вакансий
@golang_books - книги Golang
@golang_speak - обсуждение задач Go

🖥 Linux
@linux_kal - чат kali linux
@linuxkalii - linux kali
@linux_read - книги linux


👷‍♂️ IT работа

@hr_itwork - ит-ваканнсии

🖥 SQL
@sqlhub - базы данных
@chat_sql - базы данных чат

🤡It memes
@memes_prog - ит-мемы

⚙️ Rust
@rust_code - язык программирования rust
@rust_chats - чат rust

#️⃣ c# c++
@csharp_ci - c# c++кодинг
@csharp_cplus чат

📓 Книги

@programming_books_it
@datascienceiot
@pythonlbooks
@golang_books
@frontendbooksit
@progersit
@linux_read
@java_library
@frontendbooksit

📢 English for coders

@english_forprogrammers - Английский для программистов

🖥 Github
@github_code
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2🔥1
🖥 Код как у сеньора: рефакторинг

Все мы знаем, что такое рефакторинг. Берешь невнятный кусок кода, выкидываешь и пишешь новый, быстрее, без багов… К сожалению, все не так просто. Давайте попробуем вместе разобраться, чем же отличается настоящий рефакторинг как практика от банального переписывания кода.

Это — первая серия проекта «Код Раковского», где Александр Раковский, Senior Java разработчик компании ITentika, расскажет о том, что считает важным и интересным в сфере программирования.

Каких-то жестких правил тут не будет, главное, запомните:

Здесь не любят костыли и велосипеды.
Здесь не терпят код без тестов.
Здесь чтут отцов аджайла.
Здесь суровое экстремальное программирование.
Возьмем пример из революционной книги Мартина Фаулера «Рефакторинг». Книге в следующем году 20 лет стукнет, поэтому пример оттуда сегодня будет смотреться необычно.

Этот небольшой проект, написанный на Java — программа для печати чека клиенту в видеопрокате. Исходники кода можно взять тут.

Она выводит арендованные фильмы и стоимость их аренды и рассчитывает общую сумму, которую должен клиент, при этом в чек выводятся баллы программы лояльности. Проект специально наполнен кучей огрехов, которые в книге называются Code Smell — так имитируется кусок кода типичного корпоративного приложения. В рамках примера нам надо будет добавить пару фич, для чего мы и проведем небольшой рефакторинг.

↪️ Читать дальше

@hashdev
Please open Telegram to view this post
VIEW IN TELEGRAM
👍71🔥1
🖥 7 малоизвестных команд и приемов Git

Cегодня Git является стандартным инструментом для хранения кодовых баз ПО. Практически любая команда разработчиков использует инструменты и сервисы удаленного хостинга Git, поддерживающие разные способы работы с кодовыми базами. Одни программисты довольствуются лишь официальным интерфейсом Git CLI (Command-Line Interface). Другие дополнительно используют инструменты визуализации, такие как Gitk. Между тем есть разработчики, которые редко работают с CLI, но часто используют GUI, даже для staging и committing.

Git CLI предлагает комплексное решение для управления репозиториями Git через терминальные интерфейсы. Кроме того, множество сокращенных параметров командной строки позволяют максимизировать производительность.

Всем известны повседневно используемые команды Git для подготовки файлов (staging), фиксации состояния репозитария (committing), ветвления и слияния файлов, управления удаленными репозиториями. Несмотря на то, что интерфейс командной строки Git предоставляет множество опций и субкоманд, мы обычно пользуемся привычным набором. А ведь в Git есть еще и другие полезные скрытые возможности. Рассмотрим несколько таких команд и приемов.

↪️ Читать дальше

@hashdev
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2🔥21
✔️ Сначала графдизайн создать, потом код написать

Как-то в одной статье я обосновал свой выбор Emacs в качестве основного текстового редактора. И один из полученных комментариев сподвиг меня написать эту статью. Его автор говорил о том, что суть программирования не сводится только к тексту и синтаксису кода  —  оно должно быть концептуальным. А такие текстовые редакторы, как Emacs и Vim, тормозят развитие разработчиков в этом направлении.

Мне еще предстоит изучить систему визуального программирования (Smalltalk), рекомендованную автором комментария. Но его точка зрения заставила поразмышлять на заданную тему. По правде говоря, я всегда интуитивно разбивал процесс разработки на 2 этапа.

Разработка графического дизайна функциональности, подлежащей реализации, со всеми техническими деталями.
Написание кода функциональности в соответствии с представленным образом (графическим дизайном).

↪️ Читать дальше

@hashdev
Please open Telegram to view this post
VIEW IN TELEGRAM
👍41🔥1
🐘🗂️ Гибкая ORM для Node.js – Sequelize

Что такое ORM
ORM – (с англ. ​​Object-Relational Mapping, объектно-реляционное отображение) технология в программировании, которая связывает ваши объекты с базой данных, тем самым создавая виртуальную базу данных. К виртуальной базе данных можно обращаться, извлекая или записывая информацию без написания SQL-запросов.

Что такое Sequelize
Sequelize – это Node.js ORM на базе промисов, которая может работать в связке Postgres, MySQL, MariaDB, SQLite, Microsoft SQL Server, Amazon Redshift.

Sequelize может помочь закрыть 90% нужных задач без написания SQL-запросов. Внутри есть поддержка создания, обновления, удаления сущностей. Есть поддержка вложенных сортировок, сложных условий, LEFT JOIN, лимитов, подзапросов, кастомных запросов, а также есть защита от SQL-инъекций и отмена транзакций.

↪️  Читать дальше

@hashdev
Please open Telegram to view this post
VIEW IN TELEGRAM
👍21🔥1
🔩 Essential Technology Vocabulary in English: Advanced Vocabulary Lesson

➡️ Video

@english_forprogrammers английский для программистов
Please open Telegram to view this post
VIEW IN TELEGRAM
👍31🔥1
⬆️ Достиг потолка в профессии: как устроиться в международную компанию

Расскажем о том, как оценить свой уровень английского, грамотно оформить резюме и успешно пройти собеседование в международную команду.

➡️ Читать дальше

@hashdev
Please open Telegram to view this post
VIEW IN TELEGRAM
👍21🔥1
👣 VS Code Remote-SSH для удаленной разработки

Вам когда-либо приходилось писать код на Raspberry Pi или других системах Linux, не имеющих GUI? Во-первых, тем, кто редко ими пользуется, практически невозможно запомнить команды копирования и вставки в vi. Во-вторых, остро ощущается отсутствие таких функциональностей, как подсветка синтаксиса, проверка кода на наличие ошибок и одновременный просмотр двух файлов.

К счастью, есть такое расширение VS Code, которое подключается к удаленным/проектируемым без фронтенда системам. Оно позволяет использовать VS Code на настольном компьютере для редактирования файлов удаленной файловой системы.

Если я пишу код, предназначенный для запуска на Raspberry Pi, то целесообразно выполнять разработку именно на нем, а не на ПК. Какие-то зависимости языка и платформы не хотелось бы обнаружить в последнюю минуту.

У многих систем Linux нет графической консоли. Следовательно, при попытке заняться разработкой на такой удаленной системе я теряю привычные функциональности в VS Code, например расширения, ориентированные на конкретный язык, или превосходную графическую интеграцию с Git и GitHub.

Познакомимся с расширением VS Code Remote-SSH, которое решает обозначенную проблему.

➡️ Читать дальше

@hashdev
Please open Telegram to view this post
VIEW IN TELEGRAM
👍31🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Эффект 3D-вращения карточки при наведении на неё с появлением заголовка.

Пример применения:
🔶 выбор категории товаров в каталоге онлайн-магазина.

#hover #карточки

https://codepen.io/Delvezio/pen/OJPeJeq
👍4🔥41
Лучшие проекты с Github теперь доступны в одном канале.

Проекты , которые рреально помогут в разработке и помогут прокачать навыки программирования.

Смотреть
👍21🔥1
HTML Cleaner — бесплатный улучшайзер HTML, CSS и JavaScript

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

Из прочих «плюшек» можно отметить конвертацию Word-документов в аккуратный HTML и любые другие визуальные документы. В том числе Excel, PDF, Google Docs и т.д

Стоимость: #бесплатно

#web #html #css
👍51🔥1
👉 @frontendquiz - задачи с собеседований по фронтенду.
Задачи, тесты и теоретические вопросы по Frontend. Можно быстро проверить себя и обсудить решение с другими разработчиками.

Публикуем на канале:
⚡️ребята делятся опытом разработки
⚡️фрагменты кода
⚡️интересные задачи с разбором решений
⚡️тренды разработки
⚡️свежие новости

👉 Изучайте Frontend и прокачивайте свой hard skill вместе с профессионалами. Присоединитесь к @frontend_mind

Проверь свои знания.
GlideApps — инструмент, превращающий динамические таблицы в удобные в использовании приложения

При этом от пользователя не требуется совершенно никакой работы с кодом.

Достаточно лишь выбрать таблицу либо начать с работы с шаблоном. Далее нужно будет лишь настроить параметры приложения, после чего поделиться им с другими.

Стоимость: #бесплатно (но есть и платные тарифы)

#таблицы #приложения #nocode
👍4
🖥 Как используется Docker в разработке

Разработчики Docker дают ему такое определение: «Docker helps developers bring their ideas to life by conquering the complexity of app development», что можно перевести как «Docker помогает разработчикам воплощать свои идеи в жизнь, преодолевая сложность разработки приложений». Звучит многообещающе, не правда ли?

Если конкретнее, Docker — это инструмент, с помощью которого разработчики, системные администраторы и все желающие могут легко запускать разные приложения в изолированных контейнерах на одном сервере.

Контейнеры не знают, что рядом развёрнуты другие контейнеры с приложениями, они полностью изолированы друг от друга. В каждом контейнере можно настроить окружение, необходимое именно для этого приложения.

В отличие от виртуальных машин, контейнеры не требуют серьёзных мощностей, что позволяет более эффективно использовать ресурсы сервера.

➡️ Читать дальше

@hashdev
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥21