Вадим Фоминов | Создаю сайты на Wordpress

‼️Ищем WordPress разработчика во фриланс команду. Базовый набор для работы: — HTML, CSS (Flexbox и Grid CSS, будет плюсом SCSS) — JS (в том числе jQuery), PHP — умение интегрировать вёрстку в WordPress с применением ACF полей, в том числе интернет-магазины на базе WooCommerce. — опыт работы с мультиязычными, мультирегиональными сайтами, API интеграциями — знание Ajax, API запросов. Будет плюсом, если работали с 1С Битрикс. Не откликайтесь, если хотя бы 1 из 4 пунктов из этого поста про вас: https://t.me/wordpress_by/669 Оплата сдельная по часам, либо по фиксированной сумме за задачу: - 1000р/час для джунов, по навыкам есть только три первых пункта требований, - 1500р/час если по навыкам есть всё, что описано выше. Условия: - удалённая работа, гибкий график. - работа в таск-менеджере, видеосозвоны по необходимости, в том числе и с клиентами. - оплата по договору с самозанятыми/ИП. - команда с взаимоподдержкой. Предпочтительно полный фриланс. Писать в ЛС: @vadimfominov Отвечу всем после 15.00

«Съесть слона по кусочкам» В каждой книге по тайм-менеджменту про это пишут. Это база. Но что странно, пока сам не начал дробить большие проекты на мелкие задачи, про слона из книги даже не вспоминал. Прихожу к тому, что учусь на своих ошибках, а не по советам умных людей из книг. Свой следующий большой этап работы я откладывал и делал кое-как первые три дня. Не знал с чего лучше начать, с какой стороны подойти. Сперва хотел переключиться на разработку личного кабинета, там всё просто и понятно. В какой-то момент поймал себя на мысли, что это уже было. С этими таблицами и расчётами или ещё раньше, когда начинал проект. Сел, разбил максимально подробно весь этап на понятные и маленькие задачи. Получилось 87 штук. Первый раз мне понадобилось гораздо больше времени, чтоб отловить крупную задачу. Кажется, что все они обычные, не стоит тратить время на дробление, просто бери и делай. Сейчас на это ушло три дня. Надеюсь, что следующий раз такие задачи буду видеть сразу и не страдать хернёй. Набросайте огня 👇

Сегодня 34 Год был интересным. В предвкушении большого кайфа от следующего...

Про манипуляции в общении 1) от клиентов: — Когда ещё до начала работы говорят, какой же я хороший специалист и им очень повезло со мной работать. — Специалисту твоего уровня, не составит труда сделать это бесплатно / быстро / сверх условий? — Можете сейчас сделать скидку, а мы вас порекомендуем своим знакомым — Мы вам обязательно ещё заплатим, просто сейчас нет денег — Что-то из нового. В начале рассказываю про функционал, который им обязательно нужен на сайте. Обычно это что-то масштабное, типо Авито или Валдберрис к примеру, но в конце добавляют, что это должен быть MVP. 2) от исполнителей: — Войдите в положение. У меня только ваш заказ, можете сейчас скинуть деньги, я обязательно всё выполню, просто сейчас: комуналку нужно оплатить, платёж по кредиту, ребенок болеет и нужны деньги на лекарства. Напишите в комментариях, с чем вы сами сталкивались?

Как я сделал новую страницу по макету и всё переделал Следующий большой этап в проекте — написать форму, в которой 20-30 полей и по этим данным создать PDF документ. В начале это выглядело как блок с шестью вкладками и в каждой вкладке 5-15 полей для ввода. Я всё перенёс из макета на сайт и это было ужасно. Слишком много всего в одном месте: вкладки, поля для ввода, в которых не хватает места чтоб вписать весь текст, сама конструкция создания страницы — сложная. Захотелось переделать. Убрал табы и сделал всё одним списком. Показал основные разделы, а для быстрой навигации добавил сайдбар. Созвонился с заказчиком — утвердили. Начал делать функционал. 1) Есть просто поля ввода, с ними проблем нет, всё просто. 2) Дальше идёт выпадающий список с владельцами питомцев. Идея такая: выбрал владельца и все его данные и данные его питомца записывать в форму. Немного сложнее, чем поле для ввода. 3) Выпадающий список, но уже с рационами. При выборе рациона, нужно достать из него все продукты, привести к нужному формату и записать в определённые поля для ввода. 4) Ещё один выпадающий список, но нужно собрать совсем другие данные и визуально показать их пользователю в виде таблицы. 5) 2 переключателя и графики к ним, которые создаются на основе данных о питомцев. Задача со звёздочкой оказалась написать функционал, которые соберёт всю эту информацию, создаст страницу на сайте и всё это сохранит в ней. Потребовалось 5 часов на эту работу. Потом за 1 час написал функционал для обновления имеющейся информации на странице документа. Пока на этом этапе — создаю страницу для будущего документа. В комментах оставлю картинку что было и видеообзор того, что получилось.

Про поиск работы и скам Я читаю чаты про веб. Помимо обычных сообщений, часто вижу две выделяющиеся категории сообщений. В одних — ищут работу, а в других про то, как заказчик перевел деньги исполнителю и тот пропал. Такие сообщения встречаются по 3-5 раз в неделю. За этим я слежу уже год и вот почему одни не могут найти работу, а вторых постоянно кидают после перевода предоплаты. Обратите внимание на свои аккаунты или аккаунты исполнителей: 1) нет своей фотографии в профиле или стоит фото из 2010 года в шакальном качестве 2) нет имени, обычно какой-то ник, смайлы или что-то из спецсимволов 3) в описании профиля ничего не указано или статус из ВК 4) нет своего закреплённого ТГ канала или ссылки на портфолио Если ищешь работу и хоть один пункт про тебя — исправь это. Если ищешь исполнителя и у него чего-то не хватает — задумайся 5 раз, прежде чем переводить деньги. Пример: Надежда делает карточки для Wildberries и Ozon, она создала канал и добавила туда друзей и родственников. Этого вполне хватает, чтоб показать свои навыки, работы и получать заказы. Посмотрите сами, что делает: @nadzeya_krDesigner

Про неправильную почту отправителя в заявке Как из этого: noreply@unverified.beget.ru, noreply@unverified.beget.ru Сделал это: НАЗВАНИЕ КОМПАНИИ mail@web-domen.ru В общем, приходят заявки, но почта и имя отправителя не те. Форма — плагин Contact Form 7, там всё правильно указано. Никогда с такой проблемой не сталкивался, но нашел простое решение. Код оставлю в комментах.

Про SVG иконки на сайте Встретил в проекте SVG иконку, которую загрузили как обычную картинку, через тег IMG. Задумался, почему я так не делаю. Я использую PHP функцию, которая возвращает HTML код иконки и вот почему: 1) не нужно делать дополнительный запрос к серверу, как с вариантом через тег IMG 2) в коде на странице не висит SVGшный мусор, как если вставлять код сразу на страницу 3) аккуратно можно использовать несколько раз 4) иногда, одна иконка нужна в разных цветах. Это решается путём передачи в функцию нужного цвета

Про последнюю задачу Сделал уже давно, сейчас тестируют. Нашел время поделиться, как всё реализовал. В общем, самые часто используемые переключатели и поля для ввода обновляю без перегрузки страницы. Написал на JS. Это позволяет быстро считать и не ждать пока обновится страница после каждого чиха. Форму с данными питомца — обновляю на сервере по кнопке и перезагружаю страницу чтоб показать изменения пользователю. Добавил для неё кнопку, явно видно, что нужно обновить форму по кнопке. Здесь не делал авто обновление без перегрузки страницы, так как дополнительно пришлось бы обновлять и 90% таблицы, а это месяц работы. В комментах предлагали несколько вариантов, что-то я взял от варианта @Lord_Farquaaaad и что-то по рекомендациям Станислава @Gzassh. Спасибо всем, кто откликнулся

Максимально технический пост с вопросом в конце Итак, последние 2 недели работал над самым интересным в этом проекте — расчёт рационов. Вчера закончил и возник один вопрос, на который я не знаю ответ. Вероятно из-за отсутствия опыта в работе с такими проектами. Для понимания о чём речь, картинку страницы скину в комментарии. Сейчас, когда нажимаю на переключатель, на сервер идёт запрос по API и вносит нужный изменения в БД. Но мне как-то нужно пересчитать данные в таблице и показать изменения пользователю. Вариант один. Уровень сложности 1/10: 🔳⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️ Самый простой вариант. После получения успешного ответа от сервера, обновлять страницу сайта. Тем самым будут подтягиваться новые обновлённые данные. Постоянный дерганья страницы не принесёт удовольствия от пользования приложением. Я встречал такие варианты и от этого становилось грустно. Вариант два. Уровень сложности 4/10: 🔳🔳🔳🔳⬜️⬜️⬜️⬜️⬜️⬜️ Возвращать JSON всей вкладки рациона и вставлять в нужное место с обновлёнными данными. Уже лучше, нет перегрузки страницы, всё работает. Но меня смущает то, что придётся работать с большим JSON, не уверен, что сервер скажет спасибо за это. Ещё смущает, что для добавления одного корма в рацион, мне придётся дёргать остальные корма из рациона и затрагивать ту часть таблицы, которая остаётся неизменной. Слишком много действий на сервере, при переключении на сайте одного чекбокса. Вариант три. Уровень сложности 8/10: 🔳🔳🔳🔳🔳🔳🔳🔳⬜️⬜️ Самый сложный вариант, который пришёл мне в голову. Получать от сервера только те данные, которые необходимо обновить на сайте после переключения чекбокса или изменения веса. Придётся дописывать каждый эндпоинт, чтоб возвращал только нужные данные, потом придумать как вставить обновлённые данные в нужные ячейки таблицы. Пример 1: После внесения корма в рацион, мне нужно пересчитать всю строку «Итого в рационе» и «Отклонение от нормы». Пример 2: После изменения веса корма, нужно пересчитать все показатели этого корма под новый вес, пересчитать всю строку «Итого в рационе» и «Отклонение от нормы». Пример 3: При удалении корма, нужно убрать корм из рациона, по идее вернуть новый список всех кормов с новой индексацией, пересчитать «Итого в рационе» и «Отклонение от нормы». Итого, кто-то уже реализовывал подобное? Как обновляли данные в таблице? Напишите в комментариях или мне в личку @vadimfominov. Всем спасибо 🤎

Вечер сегодня весёлый, 2 раза уже распаковал этот мем 👇 Сайт супер, всё нравится, но есть пару правок:

Про следующий этап работы и составление задач Сейчас работаю над важным проектом — создаю сайт-приложение для составления рациона домашних питомцев. От малышей до пожилых животных, с учетом всех нюансов: формулы расчетов, фильтры, формы ввода и личный кабинет с расширенными функциями. Закончил первый этап — верстку всех страниц и модальных окон. Впереди самое сложное — логика работы. Как я планировал работу. Решил разбить этап на мелкие задачи, как в прошлый раз. Однако «быстренько» не вышло — потратил 5 часов на детальное планирование. В итоге — 200+ конкретных задач на 19 листах А4. Примеры задач: ✔ Реализовать валидацию полей данных владельца ✔ Разработать функционал создания кастомного корма ✔ Настроить загрузку файла с каталогом кормов ✔ Написать функцию подсчета общего веса рациона Почему бумага? Да, возможно, это старомодно, но: — Вижу всю картину перед глазами — Физически отмечаю выполненные задачи (это мотивирует!) — Не отвлекаюсь на «а что дальше?» — просто беру следующую задачу из списка Главный секрет: Теперь мой мозг не перегружен мыслями о проекте в целом. Есть 200 простых шагов, каждый из которых понятен и выполним. Осталось только делать! А теперь вопрос: что используете для задач — бумагу или приложение на компьютере? Делитесь в комментариях!

Вчера столкнулся с интересной задачей — нужно реализовать график для сайта. Когда увидел дизайн, первая мысль — с чего вообще начинать? Решил оставить этот элемент на потом, пока работал над всей страницей. Как находил решение. Загрузил скриншот графика в три нейросети: Qwen, Kimi и Deepseek. Самый рабочий вариант предложил Qwen – буквально подсказал направление, с которого можно начать. Раньше на сложные и непонятные задачи: Думал 3 дня как сделать → писал код 2-3 часа. Сейчас с нейросетями: Получаю варианты решения за 10 минут → допиливаю 1-2 часа. Часто пользуюсь нейросетями в работе. Иногда выходит так, что получаю 90% готового решения от чата, остальные 10% дописываю сам. Конечно, можно добиться и 100% результата от ИИ, но на это уходит гораздо больше времени. У меня этот график отображает интерактивную визуализацию нормы веса домашнего питомца, в зависимости от возраста. Почему это важно: — Увеличивает время пребывания на сайте (пользователи активно взаимодействуют) — Делает сложные данные простыми для понимания — Повышает доверие к компании (современный технологичный подход) В комментариях оставлю исходную картинку и ответ каждой нейросети. Если нужен такой же график на своём сайте – пишите в личку.

Часть 2. Своя форма регистрации в WordPress через REST API Создал форму регистрации с: — Валидацией на стороне клиента и сервера — Разные поля для разных пользователей при регистрации — Автоматическим входом после регистрации ✅ Часть 1. Авторизации ✅ Часть 2. Регистрации ✅ Восстановление пароля ✅ Смены пароля Все эти формы можно интегрировать с React или Vue. Статья про то, из чего состоит и как работает форма регистрации 👉 ТЫК

Как 30 минут спасли мой проект и психику Знакомо, когда новый проект кажется огромным, а дедлайн уже шепчет: «Ты не успеешь»? Закончил формы авторизации, начал делать страницу с калькулятором: таблицы, формулы, фильтры, модалки. А в голове — паника: «Месяц только начался, а я уже отстаю!» Позвонил сестре — она мой антистресс. Иногда просто болтовня помогает, но тут она случайно сказала: «Ты же не весь проект сразу делаешь?» Что я исправил: 1) Потратил 30 минут, чтобы разбить калькулятор и весь проект на задачи: — Верстка таблицы → Логика формул → Фильтры → Кнопки. 2) Выбрал одну задачу и забыл про остальное. Итог: тревога ушла, работаю с кайфом.

Нарисовалась срочная задачка, для специалиста своего дела на 10 минут работы

⛅ Март. Про новый проект, соцсети и как меня кинули Интересный для меня месяц получился. Начинался с моего безделья и низкой концентрации на работе. Потом походил, обдумал что не так делаю, вспомнил что мне даёт энергию для работы и всё встало на свои места. Несколько моментов, которые хочу оставить здесь в канале, в первую очередь для себя, чтоб отслеживать прогресс и смотреть что получается, а что нет. 1) Взял новый проект в работу. А точнее, хорошо забытый старый. Начинал делать его весной прошлого года. Из ТЗ была только ссылка на конкурентов и «хотим так же», сроки не горят, работаю как мне удобно. Закончил делать в конце лета, начали тестить и выяснили, что у конкурентов не так уж и удобно всё работает, нам нужно переделывать. До конца года я ещё что-то пытался исправить, но толку было мало. Контекст пытались оставить, но написать свой функционал для работы. Только в этот момент начали обсуждать все детали проекта, составлять прототип и делать дизайн. Пока делали дизайн, ещё несколько раз обновляли и дорабатывали функционал будущего сайта. Сейчас дизайн готов и я приступил к «новому проекту». 2) Просмотры на постах в других соцсетях. В марте опубликовал 3 поста здесь в ТГ и их же на 10ти других площадках. Итого собрал 1600 просмотров. Были ли заявки с этих площадок я не знаю, везде оставляю контакты ТГ и все пишут только сюда, поэтому пока сказать не могу откуда пришли. 3) Мне не заплатили за проект, который я закончил в конце декабря. Здесь интересная история произошла. Было это в ноябре-декабре прошлого года. Обратились ко мне со срочной задачей. На столько срочной, что заказчик собирается подавать в суд, за срыв сроков. Как я понял, сайт должны были сдать 2 месяца назад, но заказчика постоянно кормили «завтраками» и сейчас он собирается подавать в суд на исполнителя. Возможно какие-то детали упускаю, это было 3-4 месяца назад, но суть передал верно. Итак, обратился ко мне исполнитель, сроки горят, нужно спасать. До меня он ещё кого-то нашел, но этот «кто-то» оказался негодяем и только выпрашивал деньги за работу, которую не делал. Сайт пришлось делать с нуля так как там пытались через какой-то плагин перевести из фигма файла в HTML и ничего нормального из этого не вышло. Закончил сайт за 5-6 дней, показал заказчику, всё в порядке. Потом пару недель ещё заполнял его вместе с представителем заказчика. На данный момент уже больше 3 месяцев никто не выходит на связь, а на мои сообщения отвечают что-то типа «Мы разберёмся, обязательно всё решим». Интересно то, что сайт до сих пор на моём домене. Им я ничего не передавал. Жалко только потраченных 6 дней, я там действительно много делал, чтоб закончить всё в срок. А по итогу это никому не нужно. Пожалуй из этого сайта подготовлю тему на продажу. Может так что-то отобью. Осталось немного улучшить его и оптимизировать. Всё-таки много нового узнал за январь-февраль, поэтому хочу внедрить. Пока всё, сегодня пойду ещё монтировать видео для ютуба. Ведь пока не начну, не научусь))

Часть 1. Своя форма авторизации в WordPress через REST API Начал делать новый проект. В первую очередь создал формы для: ✅ Авторизации ✅ Регистрации ✅ Восстановление пароля ✅ Смены пароля Все эти формы можно интегрировать с React или Vue. Небольшая статья про то, из чего состоит и как работает форма авторизации 👉 ТЫК