Size: a a a

2020 May 21
maxpfrontend
Работаем с input'ами в Elm, а так же в начале, поговорили про роутинг. Стрим рабочего процесса проекта по стикерам.

https://youtu.be/tgAllY6DbRY

Elm все больше и больше захватывает меня, и не без оснований. Стабильно, удобно, любопытно.
YouTube
Работаем с input'ами в Elm. Делаем страницу настроек.
В данном видео показан процесс разработки, в рамках которого, мы выполнили:
- добавили новую страницу (немного поговорили про роутинг)
- добавили 4 тэга в input, научились работать с их состоянием
- отправили "fake" данные в LocalStorage (поговорили про ports)


По времени:
00:00:00 Добавляем новую страницу
00:39:05 Второй заход, ответы на вопросы
00:39:55 Что мы сегодня делаем.
00:41:50 Продолжаем работать с моделью для Settings page.
01:29:21 Продолжаем работу с inputs
01:56:31 Сохраняем данные в LocalStorage
---

Проект CutCut, еще не выложен в общий доступ, но скоро будет. Поэтому, немного терпения, исходный код будет доступен.
---

Если не знакомы с Elm, рекомендую посмотреть видео "зачем" и "почему" - https://youtu.be/iDkE6bJShMc
---
Чтобы быть в курсе:
- http://bit.ly/maxpfrontendru (сайт + расписание)
- http://bit.ly/telegramytwebinars (Телеграм канал)
- http://bit.ly/vkytwebinars (VK паблик)
- http://bit.ly/twitterytwebinars (Twitter)
---

Приветствуются вопросы и комментарии по теме! Спасибо за внимание.…
источник
2020 June 21
maxpfrontend
Всем воскресный привет!

Сервис для создания стикеров в телеграм открыт публично

🔗 https://cutcut.now.sh/

Сервис написан преимущественно на Elm + сторонние библиотеки на JS. Есть код, который необходим для общения Elm <-> JS библиотеки, он написан на TypeScript. По верстке я не заморачивался, на проекте есть недочеты в этом плане, если будут пользователи - придется вспомнить былое и исправить. Мобильной версии нет.

Репозиторий выложен в общий доступ

👨‍💻 https://github.com/maxfarseer/cutcut

Про сервис я рассказывал на вебинаре, который мы записали еще в январе, теперь он тоже доступен:

📼 https://youtu.be/_iPakxPBOxo

Есть презентация с кучей полезных ссылок по Elm (с вебинара):

📑 https://docs.google.com/presentation/d/1__TGf1rlomeTtJ5gq5dxd9fu_Q4g8Zfyalu5wQKLnTM/edit?usp=sharing

---

Если проектом будут пользоваться, то можно будет добавить функционала. Моей целью было разобраться с Elm.

На бытовом уровне я разобрался и скажу с уверенностью, Elm просто офигенный. One love ❤️

---

Увидимся на будущих вебинарах, возможно сделаю небольшой выпуск, чтобы рассказать вам об отслеживании ошибок у клиентов (Sentry) и может немного про трэкинг событий в Google analytics (это чтобы не привязываться к Elm / TS, так как эти вещи везде одинаково работают).

Чтобы были данные, загрузите проект! Попробуйте создать стикер!

---

Буду рад звездочке в гитхабе и лайку под видосом ) А уж если напишите комментарий с годным вопросом - то просто бомба!

До связи!
источник
2020 July 30
maxpfrontend
Привет, напоминаю, что сегодня буду рад увидеть вас на стриме PiterJS :) 19:50 Мск
источник
maxpfrontend
PiterJS №49 уже сегодня! 😊
Максим Сальников, Максим Пацианский и Игорь Камышев расскажут про работу приложения после закрытия вкладки, про Elm и yarn@berry.
Будем ждать вас в 19:00 — http://amp.gs/wo13
источник
maxpfrontend
Салют! Я скоро начинаю http://amp.gs/wMyu , давайте поддержим ПитерЖс и меня :) очень хороший уровень организации. Расскажу об этом подробнее позже. Поехали 🤜🏻
источник
2020 August 02
maxpfrontend
Зачастую, начинающие разработчики не знают, что сделать для портфолио. Если вы джун, то чтобы не застрять, сделайте маленькое и стандартное CRUD-приложение, как ваш первый собственный проект:
- получите данные (прелоадер, подгрузка по кнопке / пагинация)
- добавьте стабильности (обработайте ошибки, напишите тесты)

Чтобы у вас было больше мотивации, лучше использовать данные, которые вам интересны. Посмотрите на список открытых API, возможно, он вдохновит вас на что-нибудь легкое и аккуратное, что можно прикрепить к портфолио или взять в качестве тренировки после прохождения курсов.

Список API (один из гугл-вариантов): https://apilist.fun/

p.s. практика, практика и еще раз практика. Пока вы только повторяете курсы - ваше обучение замедленно.
источник
2020 August 25
maxpfrontend
Для тех, кто постоянно забывает как пишется "не равно" в Elm - https://github.com/izdi/elm-cheat-sheet
p.s /=
источник
maxpfrontend
Так же, спустя год, начал повторно читать прекрасную книгу о функциональном программировании (все примеры кода в ней на javascript) - https://github.com/MostlyAdequate/mostly-adequate-guide

Часть книги переведена на русский - https://github.com/MostlyAdequate/mostly-adequate-guide-ru (update: переведено почти все!)

Рекомендую к ознакомлению всем, кто интересуется темой "декларативного подхода" и, скажем так, некой чистоты кода. Конечно, на любителя, но в результате чаще получается код, который легче читать и проще поддерживать.
источник
2020 August 29
maxpfrontend
Не знаю с чем это связано, но в Мюнхене 🇩🇪 реально любят Elm!

Это уже 3я компания на моей памяти, которая ищет Elm/JS/TS разработчика. Оплачиваемый переезд и помощь с визой. К сожалению, не к нам в офис, но тем не менее рекомендую взглянуть, если кто ищет варианты переезда. Так же доступна удаленная работа!

> https://stackoverflow.com/jobs/393093/elm-frontend-developer-m-f-d-functional-snapview-gmbh

p.s. по зп у них написано 45-75k euro/год. Если хотите переезжать, ориентируейтесь на 62k в год, этого хватит чтобы снимать жилье и путешествовать.
источник
2020 September 01
maxpfrontend
Интересное видео про смену стиля программирования: GOTO -> IF ... ELSE -> OOP (object oriented programming) -> FP (functional programming)

Если с английским порядок, то рекомендую к просмотру:
🎥 https://youtu.be/6YbK8o9rZfI
источник
2020 September 03
maxpfrontend
Всем привет!

На днях на vc.ru объявили конкурс, в который я аккуратно ворвался. Для новичков - полезный материал. Для бывалых - ничего нового.

https://vc.ru/dev/154739-testiruem-veb-prilozhenie-s-cypress

Буду рад, комментариям или плюсику к статье.
источник
2020 October 01
maxpfrontend
Сегодня не могу пройти мимо новой вакансии на Elm. Я бы сказал "так должно выглядеть тестовое задание", а именно - ребята взяли реальную задачу из своей системы, убрали лишние сущности и оставили осязаемый для разработки кусок. Посмотреть можно здесь https://github.com/GlobalWebIndex/challenge-elm/

язык вакансии английский, позиция - удаленка)

Так же, мекка Elm разработчиков, компания NoRedInk наконец-то открыла позицию инженера (мне кажется я целый год этого ждал) - но он fullstack 🙂 А это значит, знаний опять не хватает и нужно учиться дальше. Тем не менее, можете глянуть требования - https://www.noredink.com/job_post?gh_jid=123595 (как по мне, достаточно суровые)

Так или иначе, что я могу сказать на сегодня, 1 октября 2020 года:
- английский must have
- Elm - живой, бодрый и прекрасный (в Ру по прежнему тяжело с этим)
- typescript react / react-native / flutter - работы валом
- учиться нужно постоянно 🙂

Ваш кэп 🎓

P.S. посмотрел классное видео из 2012 года (язык EN) - https://jamesclear.com/great-speeches/inventing-on-principle-by-bret-victor (после того, как кончится возня с рисованием дерева, потихонечку начинает отваливаться челюсть от темы выступления)

P.P.S. так же, я шпионом ворвался на марафон для начинающих JS разработчиков. Окунулся в проблемы новичков, кому смог - помог в чатике. Выводы по таким марафонам уже были сделаны в статье https://vc.ru/hr/89485-v-programmisty-ya-b-poshel-pust-menya-nauchat , а именно: марафон, это для тех, кто уже умеет бегать (то есть уже знает тему, по которой будет марафон, хотя бы на уровне знакомства). Куча людей отвалились сразу же на первом задании с установкой git, далее часть отъехала когда получила первое задание по js и затем большой кусок умер на ключевом слове this.
источник
2020 October 10
maxpfrontend
Привет отдыхающим 🛏

Если понаблюдать за elm вакансиями, то можно заметить, что часто требуется fullstack разработчик. С чем это связано? Я думаю, причины следующие:

- Уже опытные бэкэнд разработчики (python, ruby), для своих проектов, выбирают Elm как "спасение" от безбашенного фронтенда на JavaScript в наше время;
- Уже опытные бэкэнд разработчики, адепты ФП (функционального программирования) (Elixir, Haskell) тем более, выбирают Elm, так как на раз-два разбираются в языке;
- опытные фронтенд-разработчики, начавшие писать в функциональном стиле на JS, а затем, вошедшие в мир ФП с головой с помощью Elm, легче въезжают в Elixir/Haskell и тем самым эволюционируют в fullstack, а когда увольняются - вот оно, освободившееся место для fullstack разработчика 🙂

Выводы для себя я сформировал еще год назад: elm, он другой. Он толкает тебя в бездну новых знаний. А если сможешь выкарабкаться, то помимо стабильного фронтенда, он еще и открывает тебе путь в функциональный мир, где пасутся такие популярнейшие языки как Haskell или Elixir.

Чтобы не быть голословным, прикладываю ссылку на вакансии - https://hackmd.io/@b1hdcBB2Qmu9KtH_ycT20Q/ryAD44kvD (сегодня в номере языки: англ, немецкий и итальянский)
источник
2020 November 20
maxpfrontend
📺Немного новостей:

1) сегодня приехала первая релеватная вакансия с hh.ru на Elm (https://hh.ru/vacancy/40522173) несмотря на то, что hh в домене .ru - вакансия на англ) ждем первую русскоязычную вакансию дальше…

в elm-jobs канале за ноябрь - 5 вакансий, активность есть.

в elm сообществе без изменений (активность на прежнем уровне). Новостей от создателя языка нет.

2) Набирает популярность такой css продукт как - https://tailwindcss.com/ , интересная статья про то зачем и почему, от создателя - https://adamwathan.me/css-utility-classes-and-separation-of-concerns/ (англ). В статье рассказано как автор двигался от одного подхода к другому. Как говорят на “dtf.ru” и подобных ресурсах - “аж олдскулы свело” от упоминания БЭМ… Были времена 🙂 Если кто не знает, я начинал работать верстальщиком. А до этого писал сайты на CMS Joomla и один проект был даже на Microsoft FrontPage.

3) Чтобы я порекомендовал подучить перед новым годом или может на каникулах? Думаю здесь без измений:
- flutter для мира мобильного;
- react/vue/angular и даже svelte - если нужна работа;
- elm, если хочется чего-то новенького;
- верстка (html/css) - если нужна первая работа в IT;

Не забвыаем про бэкэнд, там тоже раздолье для обучения! Считаю, что rust молодой и перспективный, python - мамонт, который не вымрет, к тому же прекрасно подходит для изучения программирования.
источник
2020 December 01
maxpfrontend
👨‍💻На работе приехала задача (эм, отчеты с фильтрацией/настройками), где данные нужно получать от GraphQL сервиса.

До этого не работал с GraphQL, года 3 назад(?) поигрался с руководством и отложил. Первые впечатления положительные, так как GraphQL это снова про “типизацию”, и заодно еще про получение только необходимой порции данных.

Разумеется, GraphQL отлично дружит с другими типизированными инструментами, в том числе и TypeScript! Можно автоматически генерировать типы для ваших запросов, вкусно. Опять же “разумеется”, в Elm все еще веселее в этом направлении.

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

Напишу, и если дадут добро - покажу итоговый код, прогуляемся по коммитам и PR, чтобы проследить процесс разработки.

А если показать код не дадут, то проведу вебинар по GraphQL

Всех с наступлением зимы! ❄️
источник
2020 December 09
maxpfrontend
Привет, предлагаю поучаствовать в ежегодном опросе
https://stateofjs.com/?source=stateofjs

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

В итоге, у ребят есть:
- вклад в опен-сорс (перевод тоже вклад, к тому же когда некоторые автоматические инструменты или HR, которые не в теме, ищут по гитхабу, для них все равно что вы там коммитили, главное вклад)
- реклама их профилей

Если зайти на профиль к Omhet, то с его гитхаб профиля можно попасть на сайт-визитку, на котором примеры работ. Скорее всего, часть из них - это задания с курсов, но тем не менее - вот они, перед потенциальным заказчиком показаны.

Вывод: принимайте участие в проектах, которые вам по силам.
источник
maxpfrontend
источник
2020 December 10
maxpfrontend
Сегодня в номере:
- https://davidwalsh.name/
- https://kentcdodds.com/
- https://wesbos.com/

Почему? Потому что все эти ресурсы были представлены в опросе выше, делаем выводы => ресурсы популярны.

📍davidwalsh.name читал давно, судя по дате году эдак в 2014м. Статья, которая не раз спасала меня в то время на собеседованиях - как написать свою debounce функцию (https://davidwalsh.name/javascript-debounce-function)

📍У Kent C Dodds есть годный сайт по тестированию ( https://testingjavascript.com/ ), слишком дорого, чтобы купить его для “проверить”, но по отзывам и маркетингу - годнота.

📍А вот, у Wes Bos я покупал курс по реакту в свое время, чтобы подсмотреть как он рассказывает, какие фишки использует в редактировании видео и так далее.

У меня есть доступ в платный слак. Давайте подсмотрим на цифры!

- general (канал куда заходят все те, кто кликнул по ссылке в письме после оплаты) - 60.124 человека

Далее идут каналы, которые относятся к курсам. Они все доступны поиском в слаке:
- react-for-beginners 31.111
- master-gatsby (один из его последних курсов, похоже не выстрелил) - 2.968
- beginner-javascript - 12.132
- advanced-react - 14.595

Во все каналы, кроме general, можно присоединиться свободно, лишь бы был доступ к основному.

Собственно, выводы вам итак всем давно известны: люди клепают контент для новичков и только для них, потому что это выгодно. Изредка выходят “advanced” материалы, но:
а) делать дольше, чем для новичков
б) продается хуже, чем для новичков
в) учитель должен быть прокачан сильнее

Таким образом, закончу этот несколько несвязанный пост следующей истиной: можно купить курс для джуна, не стоит покупать курс для миддла, невозможно купить курс на сеньора

👋
источник
2020 December 22
maxpfrontend
maxpfrontend
👨‍💻На работе приехала задача (эм, отчеты с фильтрацией/настройками), где данные нужно получать от GraphQL сервиса.

До этого не работал с GraphQL, года 3 назад(?) поигрался с руководством и отложил. Первые впечатления положительные, так как GraphQL это снова про “типизацию”, и заодно еще про получение только необходимой порции данных.

Разумеется, GraphQL отлично дружит с другими типизированными инструментами, в том числе и TypeScript! Можно автоматически генерировать типы для ваших запросов, вкусно. Опять же “разумеется”, в Elm все еще веселее в этом направлении.

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

Напишу, и если дадут добро - покажу итоговый код, прогуляемся по коммитам и PR, чтобы проследить процесс разработки.

А если показать код не дадут, то проведу вебинар по GraphQL

Всех с наступлением зимы! ❄️
Когда лучше сделать стрим?
Анонимный опрос
34%
В рабочий вечер
66%
В новогодние каникулы
Проголосовало: 249
источник
maxpfrontend
Получил “добро” на демо кода и процесса.
источник