Вакансия

Нам в Huntica требуется верстальщик, у которого есть желание эволюционировать в Vue Frontend Developer.
Если вы работаете в конвеерной web студии - это ваш шанс вырваться из этой пучины :)

От нас:

- удаленка или офис в мск (но вся команда на ремоуте)
- деньги (40-80к рублей в зависимости от занятости, можно фултайм, можно парттайм)
- профессиональный рост со мной (можно вырасти в Frontend и Fullstack developer, разбираться в архитектуре и бизнесе)
- работа в продукте с современным стеком (Vue, Nuxt, NestJS, Laravel, Flutter, Docker, Kubernetes)
никакой бюрократической возни
- обучим JS,TS

От вас:

- восхитительная, четкая и быстрая верстка (1 макет в неделю и 100 правок после приемки не подойдет)
- визуальное мышление (программист сделал технический макет фичи, а вы можете сделать из этого красиво аналогично стилям сайта)
- умение в БЭМ (понимаете, когда использовать блок, элемент, модификатор, микс и вот это все)
- навык приемки дизайна (тот вариант, когда дизайнер дает дизайн, который хорошо смотрится на его 13' макбуке и больше нигде и нужно это грамотно ему донести)
- опыт работы с webpack (ну то есть можете сконфигурировать сборку с гуглом и стек оверфлоу, использовать плагины)
- базовые навыки работы с terminal (можете зайти в проект, собрать, запустить его)
- опыт работы с git (базовый - можете склонить, спулить - смержить, пулркевесты там)
- SCSS на уровне написания и использования variables, mixins
- понимание принципов адаптивного дизайна и верстки (умеете из desktop макета сделать сносный адаптив)
- flexbox (умение строить сложные интерфейсы)
- готовность вджобывать и обучаться самостоятельно
- не бояться самостоятельно принимать решения
- выполнять обещания (или во время предупредить, что не можете выполнить)

Вообще замечательно, если есть опыт работы с Vue, Vuetify, Vite, Nuxt (2,3)

Первый этап - автоматическое собеседование на платформе Huntica. Заодно познакомитесь с продуктом, с которым планируете работать (это вообще большой плюс при найме, когда вы изучили компанию).
https://huntica.works/v/1030 - ссылка на собес.

По всем вопросам пишите мне @bearlogin

#vacancy #frontend

Mailcatcher

Очень удобная штука для разработки функционала связанного с почтой https://mailcatcher.me/
Можно использовать локально, или на stage окружении и не бояться, что test@test.com опять получит ваше супер важное сообщение :)

Просто поднимаете сервис, например через docker, и кидаете письма на smtp://127.0.0.1:1025.
И просматриваете в веб интерфейсе эти письма или получаете через API, что отлично подходит для интеграционных тестов.

P.S. Камрады еще советуют https://github.com/mailhog/MailHog

#advices #backend

Чот не нашел чатика архитекторов в телеге, сделал свой https://news.1rj.ru/str/software_architecture_chat, кто интересуется архитектурой ПО - залетайте. Будем холиварить за DDD, Clean Architecture и прочие аггрегаты с микросервисами.

Похоже на боян, но я первый раз увидел, смеялся :D

И так каждый день... За исключением L, так как это я сам :D

Микросервисы - это просто, говорили они...
На самом деле очень полезная карта для изучения технологий и паттернов применяемых в MSA

Держите сайт, который позволит выучить любой язык за несколько минут :) https://learnxinyminutes.com
В одном документе сразу описание синтаксиса и основных конструкций языка.
Конечно это тема не для джунов, но крайне полезная для «полиглотов», которым приходиться на разных языках работать. Чтобы быстро вкатиться в новый язык или вспомнить старый.

P. S. Пока ждал жену в машине, выучил джава :)

Тот момент, когда и не поспоришь с машиной :D

Обработка форм

Очень часто при создании форм на React/Vue разработчики вешают обработку отправки на клик по кнопке сабмита. (Сам так делал :))

В итоге получаем проблему - нужно реализовывать стандартное поведение отправки формы, например по кнопке Enter.

Решение: добавить элемент form (как деды делали) и повесить обработку на onSubmit.

PROFIT!

#advice #vue #react #frontend

Parameter Properties

Только вчера узнал, что в TypeScript есть возможность создавать поля класса прямо в конструкторе, без их явного объявления и присваивания. Очень удобно :)

https://www.typenoscriptlang.org/docs/handbook/2/classes.html#parameter-properties

#typenoscript #frontend #backend

https://news.mail.ru/society/53744926/?frommail=10&utm_partner_id=428
Вот, я ждал этого! Теперь есть, что сказать выпускникам института благородных девиц :)

Произошел конфликт слияния

@devopsgarden

Ржал как не в себя :D

Интересный курс по реактивному программированию в Java https://www.youtube.com/watch?v=EExlnnq5Grs&list=PLqq-6Pq4lTTYPR2oH7kgElMYZhJd4vOGI&index=1
Учитывая что норм материалов по reactor днем с огнем не сыщешь
#java #reactor

Gitlab runners

Gitlab недавно ограничил бесплатные минуты до 400, и в России остался единственный вариант — поднять свои gitlab runners. (что дешевле, чем даже покупать минуты)

2 машины 2cpu/4gb одновременно тянут 5-6 обычных сборок

В принципе, это делается легко — достаточно взять VPS, установить там docker и gitlab-runner (https://docs.gitlab.com/runner/install/linux-repository.html)
Далее регистрируем его с ключем со страницы CI/CD - Runners. Затем выбираем тип docker, а образ docker:latest

И тут есть нюанс — из коробки runner не будет работать с Docker TLS.

Решение
Нужно в /etc/gitlab-runner/config.toml в секции runners.docker поставить privileged = true и volumes = ["/cache","/certs/client"]
Теперь можно коннектиться к докеру по TLS tcp://docker:2376

P.S. не перепутайте тип runner с docker+machine. Это автомасштабируемая конфигурация, которая автоматом поднимает раннеры с помощью api облачных сервисов.

P.P.S Еще нужно сделать gitlab-runner run чтобы он начал брать джобы (или запустить в background — nohup gitlab-runner run &)

#cicd #advices #gitlab #runners

Как убить процесс на порту

Положу себе напоминалочку

sudo kill -9 $(sudo lsof -t -i:8080)

https://stackoverflow.com/questions/9346211/how-to-kill-a-process-on-a-port-on-ubuntu

#kill #port #devops #bash #advices

Отрицание, гнев, принятие...

Beta React Docs

Вчера наткнулся на Beta новой документации React

https://beta.reactjs.org/

Ну я вам скажу, это небо и земля вообще...

Просто сравните док по useCallback в старом и новом...
https://reactjs.org/docs/hooks-reference.html#usecallback
https://beta.reactjs.org/apis/react/useCallback

Собственно, искал инфу чтобы сделать пост про useCallback, но с такой докой уже можно не делать :)

#docs #react #frontend #дока2

Hellride ищет СреднегоПрограммиста 1C УТ 11.3

Немного не по теме моего канала, но мои друзья из Hellride https://hellride.ru/
Ищут 1С миддла на УТ 11.3
Желательно фултайм.
Вилка 150-220.
Можно офис, можно удаленку.

Если (вдруг!) у вас где то есть друг 1С программист, и он (вдруг!) ищет работу, то киньте ему этот пост)

Писать сюда https://news.1rj.ru/str/Teddn

#вакансия #1с

Ищем в хантику мануального терапевта тестировщика

Собсно нужен человек на парт-тайм, который будет ломать наш функционал и бесить разрабов :)

— Нужно быть внимательным (так как мы тут все невнимательные, и нужен хоть один нормальный человек)
— Еще хорошо бы отличать дымовые тесты от регрессионных.
— Еще лучше, если прочитали хотя бы одну книгу по тестированию или прошли курс.
— Совсем отлично уметь в селениум.

Еще иногда нужно будет звонить кандидатам, и узнавать как они умудрились сломать все своими кривыми руками на своем нищебродском хуёмифоне смогли наткнуться на баг, который не заметили мы.

Для отклика пройдите интервью на нашем сервисе https://huntica.works/v/1069

#вакансия #тестирование

Мок сервера

Классная штука - Mock Service Worker https://mswjs.io/
Позволяет легко мокать REST или GraphQL сервер и не нужно поднимать в CI API или мокать библиотеки типа axios)

А какие интересные штуки для unit и интеграционного тестирования вы знаете?

#advices #front #testing #back