Anticodeguy
651 subscribers
842 photos
171 videos
1 file
330 links
Technomad & systems thinker exploring paths to freedom and prosperity

https://stan.store/anticodeguy
Download Telegram
Любопытно, но по запросу «котики» в поисковой системе на первых местах появляются отнюдь не описание, что же это за существа такие и даже не питомник, где разводят и продают зверей. Самое первое место занимает некое Котокафе, хотя по назначению оно напоминает питомник. Следом идут картинки с котиками и новостной сайт со статьями на эту тему!

Как всё это оказалось наверху поисковой выдачи? Вот она, пресловутая SEO — оптимизация поисковой выдачи. Это тот самый механизм, который зашит в поисковики: он то и решает, какой сайт выдать первым, а какой следующим. Владельцы сайтов на скриншоте, видимо, неплохо постарались оптимизировать свои страницы под этот запрос.
Коллеги прислали семантическое ядро для SEO-продвижения сайта webkrafter.ru. Это основа основ. В одну длиннющую таблицу собираются все запросы, которые потенциальные посетители могут вбивать в поисковиках. Для каждого такого запроса указывается частота, то есть сколько раз в сутки такое пишут в Яндексе или Гугле.

На этом этапе моя задача – выявить нерелевантные запросы, то есть те, которые на мой взгляд не должны участвовать в выдаче моего сайта. А по оставшимся будем выстраивать структуру страниц и контента для них. Это и есть семантическое ядро сайта.
Первый чекпоинт в 100 подписчиков Instagram пройден! Кстати, там тоже есть полезный контент и немного из личного, подписывайся: @webKrafter.
Google сделал очень позитивный шаг в пользу нашей с вами #кибербезопасности. Теперь они автоматически будут удалять, например, сведения о поиске (что мы спрашивали у поисковика), местоположение на картах, историю просмотров видео на YouTube.

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

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

А нашему Яндексу слабо?
Продолжаем глубже закапываться в #SEO. Полностью готово SEO-техническое задание для сайта webkrafter.ru. Довольно объёмный документ, требования которого получится выполнить не сразу, так как их очень много. И если строго придерживаться данного ТЗ, разработка сайта может затянуться на месяцы. Поэтому принимаю решение внедрять все рекомендации постепенно.

Многие из них являются общими и применимы для любого сайта, который хочет получать органический (читай – бесплатный) трафик из поисковиков. А есть и те, которые относятся именно к моему сайту, учитывая тематику и стратегию продвижения.

Если это будет полезно и интересно, я могу публиковать здесь в дальнейшем рекомендации по SEO-продвижению, которые ты сможешь применять на своих сайтах. Что скажешь?
Внезапно! Возрождаюсь из пепла аки Феникс.

Столько всего произошло за это время… Короткое и красивое имя этого канала было изъято Телеграмом для защиты от киберсквоттеров. Сам Телеграм продвинулся: теперь есть нативные эмоции и комментарии прямо к постам. Открыл всё это, чтобы мы могли общаться более интерактивно, уверен, что тебе зайдёт.

За это время я переехал жить в другую стану, сделал несколько замечательных проектов и развиваю новые. Очень глубоко погрузился в no-code и low-code, теперь разрабатываю не только довольно простые сайты с помощью таких инструментов, но полноценные и высоконагруженные сервисы с бэкендом, админками, сложными интеграциями и даже мобильные приложения!

Я сам в шоке от мощности и возможностей современного инструментария и да, он развивается просто семимильными шагами. Напиши в комментарии, насколько тебе интересно будет читать материал про no-code и low-code инструменты, возможности и нюансы разработки на них?

Что ж, буду разгребать всё это и делиться с тобой новостями. Stay tuned!
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
📱 Много лет (не преувеличиваю) я искал для себя инструмент, с помощью которого я сам смогу разрабатывать полноценные мобильные приложения без изучения языков программирования. Тем более, что для разных платформ (Apple и Android) раньше нужны были свои нативные языки.

Такого инструмента просто не было на рынке. Причин тому несколько. Одну из них я уже назвал выше: для каждой платформы надо делать отдельный инструмент. А если важно выпускать приложение на обеих платформах, то непонятно, как их поддерживать при этом, как обеспечить консистентность данных, визуального стиля и функциональности.

Также не было развития универсальных фреймворков, которые позволяли бы делать разработку сразу на обеих платформах. Про это, пожалуй, расскажу подробнее позже.

Другая причина кроется в том, что отсутствовало понимание, как вообще такие инструменты должны работать и насколько это в принципе возможно, создавать программный код без его написания. Лет десять назад, когда современные знакомые уже всем конструкторы сайтов находились в зачаточном состоянии, про мобильные приложения не было даже и речи!
Тема конструкторов сайтов заслуживает отдельных постов, так что оставлю это на потом.
📱 До недавнего времени (буквально полтора года назад) на рынке были инструменты, крайне ограниченные по функциональности и крайне кондовые в отношении дизайна. Я про хорошо известные в среде No-code разработки, среди которых Adalo, Appy Pie, Shoutem. То есть приложение можно было собрать только из предустановленных блоков, а возможности для кастомизации ограничивались парой-тройкой настроек типа цвета фоновой заливки. При более-менее кастомную функциональность я вообще молчу, никаких интеграций или даже взаимодействий с нативными инструментами смартфонов.

В мае 2021 года выходцы из Google (ну просто кузница талантов) анонсировали Flutterflow. Сразу после анонса я понял, что это именно то, чего я искал годами и чего не хватало на рынке. Мультиплатформенность (создаешь один раз, публикуешь на обеих ОС), полностью кастомизируемый дизайн без ограничений, любые интеграции через API и даже возможность писать свои функции и редактировать код на случай, если вдруг штатной функциональности не хватает!

«Вот это действительно мощная штука», подумал я и не прогадал. На скриншноте интерфейс Flutterflow с мобильным приложением, которое я пересобрал на этой платформе буквально за три недели! При этом обогатив его новой функциональностью, полностью переделав дизайн, добавив интерактива. И, что самое ключевое – я вынес весь контент во внешнюю базу данных, которая редактируется через собственную админку. Да, в прошлой версии приложения контент был зашит в коде и для его изменения нужно было выпускать обновление в сторах…
Хотел написать про то, как разрабатывалась изначальная версия приложения, но и так уже много текста, давай напишу об этом в следующий раз. Так что продолжение следует!
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8
This media is not supported in your browser
VIEW IN TELEGRAM
🗣Канал оживает и мне хочется наполнить его максимально возможной пользой для тебя и сделать суперинтересным. Этого не получится без твоего участия. У меня к тебе есть личная просьба, пройти опрос, который позволит мне понять, о чём же здесь писать, что тебе пригодится и решения каких задач.

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

Ссылка на опрос: https://airtable.com/shrgZtBRfcyqN3eeu
Please open Telegram to view this post
VIEW IN TELEGRAM
🟡Сколько стоит разработать мобильное приложение?
Меня часто спрашивают заказчики сайтов. Раньше я не занимался разработкой приложений, но сам платил за их разработку для собственных проектов и, конечно, был в теме стоимости и сроков разработки.

Как и с сайтами, здесь огромное количество вводных, которые влияют на оба показателя. Приложение может состоять из простейшего счётчика на единственном экране без интерактива и какого-то дизайна. Это сделать можно буквально за пару дней и пару тысяч рублей на фриланс-площадке. А можно напридумывать целую портянку из списка желаемой функциональности, которая будет ходить к Илону Маску за советом и чесать пользователю ботинком за ухом. Это уже обойдётся в копеечку, не считая гонорара покорителю космоса.

Ещё есть одна градация, про которую нельзя забывать – это позиционирование студии, у которой ты заказываешь разработку. Если это начинающие ребята из Перми, их ценник за средней руки приложение не будет превышать пару сотен тысяч. А если это студия топ-класса, они даже не возьмутся за проект с бюджетом меньше 2-3 млн. рублей.

Вернёмся к реальным примерам и посмотрим на приложение, скриншот которого я присылал вчера. Разработка в первой его инкарнации стоила несколько сотен тысяч рублей и заняла 2,5 месяца. Точные цифры назвать не могу, ибо NDA. Но думаю уже очевидно понятно, какой порядок сумм можно сэкономить, если рассмотреть реализацию с помощью современных No-code инструментов.

Напиши в комментарии, что думаешь про цены на разработку приложений. Есть ли у тебя готовность и заплатить пару лямов?
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
В прошлый раз я заикнулся про то, что недостаточное развитие фреймворков сказалось на отсутствии инструментов, с помощью которых сейчас мы можем сделать мобильное приложение без единой строчки кода.

Давай-ка чуть подробнее расскажу про фреймворки.
Когда программного кода и различных систем на нём написано так много, что уже можно брать готовые блоки и просто их копировать, умные ребята так и поступают. А ещё более умные структурируют такие блоки кода, дают им названия, объединяют в более сложные функции и составляют целую библиотеку таких компонентов. А если на эту библиотеку накрутить определённые правила построения системы, то получится уже полноценный фреймворк.

Другими словами, это готовый каркас или лекало, на основе которого будет строиться будущая система. Имея такой каркас и определённые правила намного проще, быстрее и с меньшим количеством ошибок можно собирать готовые продукты. Это кубики Лего, которые можно соединять только особенным образом, по заданному лекалу. Но построить из этого конструктора можно машинку, робота, домик или целый город. Как и фреймворк не ограничивает конечный результат.

Это и есть та самая магия, которая происходит «за кулисами» такого конструктора, как Flutterflow, про который я писал в прошлом посте. В названии у него, кстати, присутствует тот самый фреймворк, который находится под капотом – Flutter. Дальше объясню, почему с развитием фреймворков стало возможным появление конструкторов сайтов и мобильных приложений. А пока напиши в комментарии, понятно ли стало, что за фреймворки такие? Мне правда важно знать, насколько понятно я объясняю сложные технические вещи.
👍5
Один из подписчиков попросил написать подробнее про функциональность Flutterflow, инструмента для разработки мобильных приложений. Этим и займусь. Кстати, если у тебя есть свои запросы относительно контента, вот здесь я давал ссылку на форму, которую можно заполнить и оставить свои пожелания.

В первую очередь, Flutterflow – это визуальный конструктор, работающий по принципу design first. С помощью библиотеки контейнеров для вёрстки и элементов интерфейса ты собираешь экраны приложения. Контейнеры – это, если упрощённо, прямоугольники, которые по-разному растягиваются или сжимаются в зависимости от заданных настроек и контента внутри. Они позволяют управлять тем, как контент будет отображаться в приложении: будет ли прокрутка, как выстроится список относительно границ экрана, какие будут отступы и ещё много подобных деталей.

Элементы интерфейса – это всё, что визуально видит и с чём взаимодействует пользователь. Кнопки, ссылки (в том числе на другие экраны), счётчики, статусы, поля форм, тексты, картинки и всё остальное, что мы видим в приложениях.

Самое важное свойство дизайн-конструктора Flutterflow – это фактическое отсутствие ограничений по визуальным решениям. Это не тот инструмент, под который тебе приходится подстраиваться в плане оформления и мириться с его ограничениями. Ты можешь смело заказать дизайн приложения профессиональной студии и быть уверенным, что весь дизайн получится реализовать так, как и задумано.
👍1
⚪️Следующая важнейшая функциональность Flutterflow – это возможность интеграции через API. Что такое API, расскажу в отдельном посте. Пока просто запомни, что это своего рода схема взаимодействия (протокол или программный интерфейс) между системами, которая позволяет, например, загружать внешние данные.

В первой инкарнации приложения, которое я собирал на Flutterflow, весь контент (текстовый и изображения) были зашиты в само приложение. То есть при установке на смартфон вместе с приложением загружались все тексты и картинки, которые затем можно было видеть внутри. Я пошёл по другому пути и реализовал приложение так, что весь контент загружается из внешней независимой базы данных, которая в свою очередь обновляется через админку.

Flutterflow позволяет настроить взаимодействие с такой базой данных или с любой другой системой, у которой есть API. Конструктор включает в себя все необходимые параметры, которые задаются при отправке запросов, а также систему распознавания ответов. Ну и, конечно, полученные через API данные можно использовать в самом приложении, например, выводить пользователю или завязывать на данные внутреннюю логику.

Напиши в комментах, знаешь ли, что такое API. Кстати, для создания настройки своего API тоже можно воспользоваться No-code решениями.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
🌐 Итак, API.

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

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

В магазине ты кладёшь набранные продукты на ленту и даёшь (кстати, тоже в заранее заданном формате) кассиру деньги. При этом ожидаешь от кассира получить: «отмытый» товар, который теперь ты имеешь право называть своим, сдачу и кассовый чек. В данном случае касса – это и есть API, через который ты взаимодействуешь с магазином, чтобы получить то, что тебе надо. Совсем как приложение, которое ходит с запросом в базу, чтобы получить нужный контент.

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

Окей, поставь посту реакцию, которая отразит понимание, что такое API.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13🤔2
⚪️Что ещё нужно, чтобы разработать полноценное мобильное приложение, кроме интерфейса и данных? Логика. Конструктор внутренней логики приложения является последним кусочком паззла, без которого не получится приложение. И да, он есть во Flutterflow.

Как он работает. С помощью простейшей алгоритмической структуры задаётся последовательность действий. Она может быть линейной, когда действия выполняются одно за другим в заданном порядке.
Проснуться → Заправить постель → Почистить зубы → Принять душ → Одеться → Приготовить завтрак

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

Одеться → Заглянуть в холодильник:
1️⃣ вариант – если холодильник пуст → Отправиться в магазин
2️⃣ вариант – если в холодильнике есть еда → Приготовить завтрак

Это простейший разветвлённый алгоритм с одним условием. Разумеется, все эти алгоритмы для информационных систем (в том числе приложений) пишутся с помощью программного кода. Flutterflow реализовали построение таких алгоритмов в формате удобного конструктора, который ты видишь на скриншоте.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9🤯3👍1
⚪️ Весь следующий месяц на моём канале будет посвящён прелестям жизни цифрового кочевника, а также тому, что в первую очередь позволяет вести такой образ жизни: No-code инструментам для создания сайтов.

Поделюсь своим опытом заработка на разработке сайтов, приоткрою двери в закулисье конструкторов, а ещё прямо здесь выложу бесплатно ‼️ курс, пройдя который ты сможешь создать свой первый сайт, даже если ты ни разу не технарь и понятия не имеешь, что такое программный код!

Не забудь закрепить канал и обязательно включи уведомления, чтобы не пропустить важный контент!
Please open Telegram to view this post
VIEW IN TELEGRAM
🖕4👍1
😂Я помню свою первый сайт, который разработал ещё в школе. Это была информатика, и мы делали что-то вроде курсовой работы (я не помню, как они называются в школе). Мы с пацанами объединились команду: нам нужно было разделиться на группы.

Я придумал идею сайта. Мне хотелось сделать что-нибудь эдакое, вызывающее, экстравагантное, что-то, что привлечёт внимание. Мне всё время нравились такие фишки. И я подумал, а что будет самым экстравагантным для школы? Конечно же, секс. И у меня родилась концепция нашего сайта.

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

И, собственно, я делал уже сам сайт. Я его писал, кстати, на чистом HTML, без всяких конструкторов. Я тогда вообще про них не знал ничего (на самом деле их и не было в современном понимании). То есть это было максимально кондово, насколько это вообще возможно. Но тем не менее это был рабочий сайт, оставалось только разместить его в сети.

Естественно, он произвёл просто фурор на всю аудиторию. На весь наш класс, на учителей. Но после этого мы получили первый заказ! Нас попросили сделать сайт школы. Фактически это мой первый заказ на разработку сайта. А я тогда учился в девятом классе.

Как тебе история? Напиши в комментах.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍15🔥7🖕3👏2