Я записал курс “Shopify для новичков” для онлайн-университета Zerocoder

Осенью прошлого года мы начали сотрудничать и в марте я закончил запись всех уроков. Это был интересный опыт, Зерокодер крутые ребята!

Несколько человек мне писало про мой личный курс, а кто-то просил индивидуальное обучение. О своём курсе я думаю уже довольно долго и планирую его записывать. Когда конкретно выйдет курс я сказать не могу, но как только начну запись обязательно вам сообщу!

Курса пока нет на сайте Зерокодер, но скоро появится

Сомнительные вакансии

Вчера мне написал HR менеджер о том, что их компания ищет Shopify разработчика. Что интересно, разработчика именно на Hydrogen(Гидроген). Меня это сразу подцепило и мне стало интересно пообщаться.

Дело в том, что им нужен опыт более одного года на Hydrogen v2, а проблема в том, что вторая версия Гидрогена была выпущена в зимнем обновление 2023 года. И тут я понял, что дело пахнет жареным. Конечно, можно сказать, что уже год прошёл и так далее. Но Гидроген был таким фреймворком у которого очень маленькое сообщество. Короче говоря, его просто так не учили.

На скриншоте вы видите все требования к разработчику и лично у меня после просмотра возникают вопросы.

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

Даже бывает такое, что тот, кто вас собеседует, будет знать меньше вас.

Мой аккаунт на Fiverr ЗАБАНИЛИ

Как я понял, система подумала, что я купил положительный отзыв (это когда быстро сдаёшь заказ на проверку покупателю, а он моментально принимает). Файвер такое не любит, но проблема в том, что она также может забанить за то, что если вы работали с клиентом оффлайн, а оплатили на площадке, например, чтобы прокачать свой профиль.

Я создал новый аккаунт, но его тоже могут забанить.

И получается, что я теперь снова новичок-фрилансер, по крайней мере по профилю, а так с 3-х летним опытом работы на фрилансе.

UPD: Второй профиль забанили, теперь я не могу работать на Fiverr

Medusa.js - Бесплатная альтернатива Shopify?

Если вы знакомы c электронной коммерцией, то, возможно, слышали про Медузу, и я сейчас не про СМИ.

Медуза - Один из самых популярных проектов электронной коммерции на GitHub. Medusa предоставляет серверную инфраструктуру электронной коммерции с откhttps://repository-images.githubusercontent.com/234739976/3c61a11d-3161-4a40-955a-c99e1b7a2094рытым исходным кодом на NodeJS.

Если простыми словами - Медуза это бэкенд для вашего интернет-магазина.

Медуза это вариант для тех, кто хочет полностью кастомную разработку. Что я имею ввиду?
1️⃣ Используя Медузу вы имеете полный контроль над вашим магазином и это приятно. Единственное, что может быть не очень приятно, это сервер. Для того чтобы хранить базу данных, вам нужно хранилище(сервер). Существует множество сервисов, которые предоставляют выделенный сервер, вот что рекомендует Медуза: Heroku, DigitalOcean, Railway, Microtica, и свой вариант(вдруг у вас уже есть сервер).

Подробнее на сайте, а то у телеги лимит.

❗️НОВОЕ ВИДЕО

В этом видео прошёлся по Shopify базе. Рассказал, что делать, когда секции на всех страницах одинаковые.

https://youtu.be/TYyh37w63bE

Сегодня был спикером в r-founders. Рассказывал про последние обновления в Shopify.

r-founders это ребята с фокусной экспертизой на глобал. Если кратко, то они объединяют продвинутых фаундеров и C-level руководителей по разным бизнес-нишам для обмена опытом без воды, с практической глубиной, как они говорят "мясо". А это круто!

Что мне ещё понравилось, что это закрытое сообщество, то есть туда просто так не попасть. Ребята проводят тщательный отбор всех участников, чтобы контент внутри сообщества оставался на высоком уровне.

Для меня это был крутой опыт, ребятам спасибо за приглашение ❤️

Немного пропал из активности и не просто так.

Во-первых, работа, куда без неё, сайты сами себя не сделают. Если вам нужен сайт - пишите.

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

В-третьих, миллион проектов. Я люблю начинать что-то новое, а ещё бывает так, что начинаю, не закончив старое. Например, моё портфолио разбросано по двум сайтам, а какие-то проекты я так и не выложил. Но зато на devmoek.ru (мой личный сайт на русском языке) появилась новая страница "Портфолио", куда я буду выкладывать свои работы. Пока что их там не много, но список будет пополняться. На devmoek.com такая страница существует уже давно (это мой личный сайт на английском языке), и там даже работ побольше. Но ничего, русскоязычный сайт пустым не оставлю.

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

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

В-пятых, статья и по плану видео про Дропшиппинг. Очень хочется про это рассказать, чтобы и меня перестали дёргать по этому поводу, и чтобы люди знали про него чуточку лучше. А то как-то сильно его рекламируют и туманят мозг успешным успехом.

Как вы поняли, дел много. Потихоньку разгребаю и не забываю про вас ❤️

❓На какой технологии создавать сайт?

⚠️ Дисклеймер: В данном посте веб-приложения также называются сайтами для простоты усвоения информации обычным пользователям. Разницу между сайтом и веб-приложением автор знает.

🆕 С каждым годом количество технологий для создания сайтов стремительно растет, и выбор правильной может стать непростой задачей. В этом обзоре мы рассмотрим один из наиболее интересных вариантов - разработку сайтов с использованием веб-фреймворков или, как их еще называют, "создание с нуля".

1️⃣ React / Next.js: Является одним из самых популярных фреймворков в мире веб-разработки. Он обеспечивает эффективное создание динамичных и интерактивных пользовательских интерфейсов, позволяя разработчикам создавать мощные одностраничные приложения с помощью компонентной архитектуры.

Самый большой плюс Реакта - коммьюнити. Если у вас возникнет какой-либо вопрос в реализации задачи, скорее всего, кто-то в интернете уже на него ответил и нашёл решение. Это хорошо для новичков, ведь не нужно изобретать велосипед чтобы решить несложную задачу.

2️⃣ Vue.js: Этот прогрессивный JavaScript-фреймворк становится все более популярным благодаря своей простоте использования и гибкости. Vue.js предлагает интуитивно понятный подход к созданию пользовательских интерфейсов и хорошо подходит для небольших и средних проектов.

По ощущению, Vue проще Реакта. Возможно, если вы только начинаете, стоит задуматься при выборе первого фреймворка в сторону Vue. Если вы матёрый Реактер, Vue покажется достаточно простым.

3️⃣ Angular: Фреймворк, который обеспечивает разработку масштабируемых одностраничных приложений. Он предлагает множество инструментов и возможностей, таких как инъекция зависимостей и двустороннее связывание данных, что делает его подходящим для крупных и сложных проектов.

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

4️⃣ Django: Если вы предпочитаете использовать язык программирования Python, то Django - отличный выбор для создания сайтов. Этот фреймворк обеспечивает высокую производительность и безопасность, а также поставляется с широким спектром инструментов для удобства разработки.

Django хорош, если вы знаете Python - маст-хэв.

Это лишь некоторые из множества вариантов, доступных для создания сайтов и веб-приложений. Выбор технологии зависит от потребностей вашего проекта, ваших навыков и предпочтений. Проведите небольшое исследование и выберите ту технологию, которая лучше всего соответствует вашим требованиям.
Если вы работаете в команде, то выбор технологии будет зависеть от навыков разработчиков и их личного опыта.

❗️В запасе есть ещё технологии о которых можно поговорить, выход второй части будет зависеть от вашей заинтересованности, если вам интересно, поставьте реакцию или напишите комментарий.

👨‍💻 Если вы хорошо знаете одну из этих технологий не забывайте пробовать новое и постоянно улучшать свои навыки веб-разработчика.

❓На какой технологии создавать сайт? Часть 2

ℹ️ В прошлом посте вы поактивничали, поэтому на свет появляется вторая часть. В первой части мы разобрали одни из самых популярных технологий для разработки сайта. Также существует много технологий, которые не так популярны, но не менее классные. Давайте разберём их.

1️⃣ Astro: Эта технология одна из моих любимых. У неё достаточно быстро растёт сообщество, всё больше появляется бесплатных шаблонов (и платных тоже), а это плюс для новичков и для тех, кто хочет быстро делать проекты.

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

❗️Интересный факт: devmoek.com и myerswebagency.com написаны на этом фреймворке.

2️⃣ Svelte.js: Не самый новый фреймворк, но в своё время нашумевший. Достаточно легкий в обучение, особенно если вы будете на нем писать после Реакта. Хорошо подойдет для динамических проектов. Ещё хочу отметить изумительную документацию, прям респект разработчикам.

❗️Интересный факт: devmoek.ru написан на этом фреймворке.

3️⃣ WordPress: Куда без старого-доброго вордпресса. А то что мы только о технологиях, где нужно писать код. Вордпресс жив и на нём продолжают создавать проекты. Если вы его хорошо знаете, то почему бы не создать сайт на нём. Да, у него не особо приятно написан бэк, но если вы не думали залезать в код, то все отлично!

❗️Интересный факт: Shopify сообщество на русском языке, SS&T магазин сделаны на этой технологии.

4️⃣ Laravel: А вот и Лара (сокращённое название среди разработчиков). Встречал много ребят кто перешёл на неё после Вордпресса, вот и в моей подборке она идет также. Ларавел отличный выбор для фулл-стек веб-приложения. Есть множество готовых шаблонов, доброе коммьюнити, и отличная документация. Есть один нюанс - нужно знать PHP. Но если вы из лохматых годов, то с этим проблем не должно быть. На крайний случай можно выучить PHP, не самый сложный язык.

5️⃣ Solid.js: Частенько его вижу, но честно Солид сам не пробовал. Как-то даже начинал создавать на нём тестовый проект для обучения, но понял, что уже слишком много технологий попробовал и чтобы не забивать голову не стал. От разработчиков слышал, что он неплохой.

6️⃣ Ruby (Ruby on Rails): Это для тех, кто уже очень давно в веб-разработке или наоборот. На самом деле тут есть интересный прикол. В англоязычном сообществе программистов Ruby считается лёгким языком и его рекомендуют для изучения новичкам. В русскоязычном сообществе же Ruby считается тяжёлым языком и его наоборот не рекомендуют новичкам.

Я же считаю, что попробовать однозначно стоит, на Ruby писать интересно, хоть я и не сильно сложные задачи на нём решал, но тем не менее немного ощутил прекрасное.

———
Вот и подошла к концу вторая часть рубрики “На какой технологии создавать сайт”. Я постарался не только упомянуть какие-то технологии, но и рассказать свой опыт работы с ними / опыт других разработчиков.

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

Ну и по традиции, если понравилось поставьте реакцию, пожалуйста.

Я женился 💒

UPD: Ни один пост в этом канале ещё не набирал столько активности. Походу нужно каждый день жениться 🤔

🥳На канале 1500 подписчиков

Несколько дней назад мой канал на YouTube преодолел отметку в 1500 подписчиков.

Медленно, но верно канал развивается. Последнее время я не выкладываю нового контента, старые видео потихоньку набирают просмотры.

Спасибо всем кто смотрит, комментирует, лайкает, дизлайкает, и тд.

❓Я устраиваюсь в Epam?

Сразу же пуляю вторую новость. Мне прислали оффер.

Возможно, я скоро устроюсь в Epam на позицию Senior Shopify Engineer.

Я прошёл около 7-8 интервью и можно сказать одной ногой там. Так много получилось из-за того, что я проходил собесы на разные проекты.

Почти два года я работаю в “свободном плавание”, иными словами на фрилансе. Пришло время вернуться в Enterprise.

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

В общем, что-то новенькое в жизни.

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

Если ещё кто-то ещё не подписался на SS&T и ждёт посты про Шопифай в этом канале, дублирую для вас сообщение про ключевые обновления в Shopify Editions '24: Summer Edition

Shopify Edition Summer '24

Огромное обновление Shopify платформы добавило больше 150 нововведений. Все из них мы упомянуть не сможем, но некоторые из них особо интересные для нас.

1️⃣ Единый Shopify CLI
Одна установка Shopify CLI позволяет легко создавать приложения, темы и витрины магазинов Hydrogen.

npm install -g @shopify/cli@latest

2️⃣ Управление стоимостью приложений теперь легче
Теперь вы можете легко настраивать, обновлять и управлять ценами и выставлением счетов на приложения с панели управления партнера без необходимости писать код.

3️⃣ Проверка приложений стала быстрее
Новые приложения теперь проходят проверку на 30% быстрее благодаря более четким предварительным условиям для утверждения, персонализированным рекомендациям и прозрачным обновлениям хода выполнения.

4️⃣ Checkout Blocks теперь имеет бесплатный тариф
Checkout Blocks — это бесплатный и простой способ персонализировать оформление заказа с помощью расширений страницы чекаут. Изменять код не нужно. Эксклюзивно для Плюс.

5️⃣ Тема Trade уже доступна в магазине
Настройте B2B-магазин с готовой темой Trade, предназначенной для повторных и оптовых закупок. Тема бесплатная.

6️⃣ Новая аналитика
Shopify перестроили набор аналитических технологий, чтобы сделать его быстрее, гибче и интуитивно понятнее. Вы получите более глубокое представление о работе вашего магазина в режиме реального времени. И вскоре используйте ShopifyQL для запроса ваших данных прямо в отчете.

7️⃣ Визуальный конструктор Hydrogen сайтов
Визуальный редактор Hydrogen на базе Utopia позволяет всей вашей команде проектировать, продавать и создавать товары с помощью общего представления магазина. Код остаётся базой витрины, но изменения в конструкторе синхронизируются с GitHub.

Это были основные обновления по нашему мнению, полный список обновлений вы можете почитать по ссылке.

@usessnt

Обзор Летнего Издания Shopify Editions 2024.

По сути, всё то же что и выше в посте, только моим нудным голосом :)

https://youtu.be/9FTK4ZCXt-U

Недавно заметил интересный баг на своём сайте

Если перейти по ссылке https://devmoek.ru/about, то страница открывается нормально, а если в конце поставить / - https://devmoek.ru/about/, то стили говорят пока.

Сайт написан на SvelteKit

UPD: Данное поведение называется trailingslash. Два URL-адреса, например /foo и /foo/, могут выглядеть одинаково, но на самом деле они разные. Относительный URL, например ./bar, в первом случае преобразуется в /bar, а во втором - в /foo/bar, и поисковые системы будут рассматривать их как отдельные записи, что навредит вашему SEO. Документация.

Чтобы избежать того, что стили вашей страницы ломаются из-за слэша в конце, добавьте это в ваш конфиг файл.

kit: {
  ...

  paths: {
    relative: false,
  },

  ...
}

Это сделает пути к стилям и скриптам корневыми (а не относительными).