TG Telegram Group Link
Channel: Frontend Hash
Back to Bottom
🖥 Код как у сеньора: рефакторинг

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

Это — первая серия проекта «Код Раковского», где Александр Раковский, 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
Temp Mail — отличный сервис с одноразовыми email

Отличительной особенностью площадки является то, что созданные адреса в течение короткого времени самоуничтожаются. А вместе с ними и данные, «упавшие» на почту.

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

#web #email
👍41👎1🔥1
One Day Offer для фронтенд-разработчиков 5 ноября

Получить офер Яндекса можно за 1 день. Участвуйте в One Day Offer Frontend: решите тестовое, пройдите 2 секции 5 ноября и получите офер в тот же день.

От Яндекса в мероприятии участвуют команды, которые готовы предложить работу в гибком формате — полностью удаленно, в гибридном режиме или из любого офиса или коворкинга в 20 городах России и мира. Варианты работы обсуждаются с каждым кандидатом индивидуально.

На мероприятии ждут инженеров с опытом разработки от 3-х лет на JavaScript и TypeScript, либо готовых к работе на этих языках программирования.
👍41🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Mockoon — простейший способ разработки и запуска макетов REST API

Инструмент не требует удалённого развертывания, не требует учётной записи, при этом бесплатно и имеет открытый исходный код

Благодаря Mock API вам больше не придётся писать фиктивные функции для получения данных

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

#API #open_source

@hashdev
👍5🔥21
Hastebin — сервис для создания уникальной ссылки для вашего фрагмента кода

Работает всё достаточно просто: вы вводите кусок кода или обыкновенного текста, сохраняете его. Получившийся URL можно передать друзьям или коллегам, чтобы они могли получить к нему доступ в один клик.

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

#код #web
👍31🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Переворачивание карточки и появление ссылок на социальные сети при наведении на фото.

Пример применения:
🔶 переход на аккаунт на сайте знакомств;
🔶 переход на сайт компании;
🔶 связь с сотрудниками фирмы.

#карточки #hover #соцсети

https://codepen.io/dig-lopes/pen/exOKGp
👍41👎1🔥1
HTML Embed Code:
2025/07/10 14:56:15
Back to Top