Меня часто спрашивают заказчики сайтов. Раньше я не занимался разработкой приложений, но сам платил за их разработку для собственных проектов и, конечно, был в теме стоимости и сроков разработки.
Как и с сайтами, здесь огромное количество вводных, которые влияют на оба показателя. Приложение может состоять из простейшего счётчика на единственном экране без интерактива и какого-то дизайна. Это сделать можно буквально за пару дней и пару тысяч рублей на фриланс-площадке. А можно напридумывать целую портянку из списка желаемой функциональности, которая будет ходить к Илону Маску за советом и чесать пользователю ботинком за ухом. Это уже обойдётся в копеечку, не считая гонорара покорителю космоса.
Ещё есть одна градация, про которую нельзя забывать – это позиционирование студии, у которой ты заказываешь разработку. Если это начинающие ребята из Перми, их ценник за средней руки приложение не будет превышать пару сотен тысяч. А если это студия топ-класса, они даже не возьмутся за проект с бюджетом меньше 2-3 млн. рублей.
Вернёмся к реальным примерам и посмотрим на приложение, скриншот которого я присылал вчера. Разработка в первой его инкарнации стоила несколько сотен тысяч рублей и заняла 2,5 месяца. Точные цифры назвать не могу, ибо NDA. Но думаю уже очевидно понятно, какой порядок сумм можно сэкономить, если рассмотреть реализацию с помощью современных No-code инструментов.
Напиши в комментарии, что думаешь про цены на разработку приложений. Есть ли у тебя готовность и заплатить пару лямов?
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
В прошлый раз я заикнулся про то, что недостаточное развитие фреймворков сказалось на отсутствии инструментов, с помощью которых сейчас мы можем сделать мобильное приложение без единой строчки кода.
Давай-ка чуть подробнее расскажу про фреймворки.
Когда программного кода и различных систем на нём написано так много, что уже можно брать готовые блоки и просто их копировать, умные ребята так и поступают. А ещё более умные структурируют такие блоки кода, дают им названия, объединяют в более сложные функции и составляют целую библиотеку таких компонентов. А если на эту библиотеку накрутить определённые правила построения системы, то получится уже полноценный фреймворк.
Другими словами, это готовый каркас или лекало, на основе которого будет строиться будущая система. Имея такой каркас и определённые правила намного проще, быстрее и с меньшим количеством ошибок можно собирать готовые продукты. Это кубики Лего, которые можно соединять только особенным образом, по заданному лекалу. Но построить из этого конструктора можно машинку, робота, домик или целый город. Как и фреймворк не ограничивает конечный результат.
Это и есть та самая магия, которая происходит «за кулисами» такого конструктора, как Flutterflow, про который я писал в прошлом посте. В названии у него, кстати, присутствует тот самый фреймворк, который находится под капотом – Flutter. Дальше объясню, почему с развитием фреймворков стало возможным появление конструкторов сайтов и мобильных приложений. А пока напиши в комментарии, понятно ли стало, что за фреймворки такие? Мне правда важно знать, насколько понятно я объясняю сложные технические вещи.
Давай-ка чуть подробнее расскажу про фреймворки.
Когда программного кода и различных систем на нём написано так много, что уже можно брать готовые блоки и просто их копировать, умные ребята так и поступают. А ещё более умные структурируют такие блоки кода, дают им названия, объединяют в более сложные функции и составляют целую библиотеку таких компонентов. А если на эту библиотеку накрутить определённые правила построения системы, то получится уже полноценный фреймворк.
Другими словами, это готовый каркас или лекало, на основе которого будет строиться будущая система. Имея такой каркас и определённые правила намного проще, быстрее и с меньшим количеством ошибок можно собирать готовые продукты. Это кубики Лего, которые можно соединять только особенным образом, по заданному лекалу. Но построить из этого конструктора можно машинку, робота, домик или целый город. Как и фреймворк не ограничивает конечный результат.
Это и есть та самая магия, которая происходит «за кулисами» такого конструктора, как Flutterflow, про который я писал в прошлом посте. В названии у него, кстати, присутствует тот самый фреймворк, который находится под капотом – Flutter. Дальше объясню, почему с развитием фреймворков стало возможным появление конструкторов сайтов и мобильных приложений. А пока напиши в комментарии, понятно ли стало, что за фреймворки такие? Мне правда важно знать, насколько понятно я объясняю сложные технические вещи.
👍5
Один из подписчиков попросил написать подробнее про функциональность Flutterflow, инструмента для разработки мобильных приложений. Этим и займусь. Кстати, если у тебя есть свои запросы относительно контента, вот здесь я давал ссылку на форму, которую можно заполнить и оставить свои пожелания.
В первую очередь, Flutterflow – это визуальный конструктор, работающий по принципу design first. С помощью библиотеки контейнеров для вёрстки и элементов интерфейса ты собираешь экраны приложения. Контейнеры – это, если упрощённо, прямоугольники, которые по-разному растягиваются или сжимаются в зависимости от заданных настроек и контента внутри. Они позволяют управлять тем, как контент будет отображаться в приложении: будет ли прокрутка, как выстроится список относительно границ экрана, какие будут отступы и ещё много подобных деталей.
Элементы интерфейса – это всё, что визуально видит и с чём взаимодействует пользователь. Кнопки, ссылки (в том числе на другие экраны), счётчики, статусы, поля форм, тексты, картинки и всё остальное, что мы видим в приложениях.
Самое важное свойство дизайн-конструктора Flutterflow – это фактическое отсутствие ограничений по визуальным решениям. Это не тот инструмент, под который тебе приходится подстраиваться в плане оформления и мириться с его ограничениями. Ты можешь смело заказать дизайн приложения профессиональной студии и быть уверенным, что весь дизайн получится реализовать так, как и задумано.
В первую очередь, Flutterflow – это визуальный конструктор, работающий по принципу design first. С помощью библиотеки контейнеров для вёрстки и элементов интерфейса ты собираешь экраны приложения. Контейнеры – это, если упрощённо, прямоугольники, которые по-разному растягиваются или сжимаются в зависимости от заданных настроек и контента внутри. Они позволяют управлять тем, как контент будет отображаться в приложении: будет ли прокрутка, как выстроится список относительно границ экрана, какие будут отступы и ещё много подобных деталей.
Элементы интерфейса – это всё, что визуально видит и с чём взаимодействует пользователь. Кнопки, ссылки (в том числе на другие экраны), счётчики, статусы, поля форм, тексты, картинки и всё остальное, что мы видим в приложениях.
Самое важное свойство дизайн-конструктора Flutterflow – это фактическое отсутствие ограничений по визуальным решениям. Это не тот инструмент, под который тебе приходится подстраиваться в плане оформления и мириться с его ограничениями. Ты можешь смело заказать дизайн приложения профессиональной студии и быть уверенным, что весь дизайн получится реализовать так, как и задумано.
👍1
В первой инкарнации приложения, которое я собирал на Flutterflow, весь контент (текстовый и изображения) были зашиты в само приложение. То есть при установке на смартфон вместе с приложением загружались все тексты и картинки, которые затем можно было видеть внутри. Я пошёл по другому пути и реализовал приложение так, что весь контент загружается из внешней независимой базы данных, которая в свою очередь обновляется через админку.
Flutterflow позволяет настроить взаимодействие с такой базой данных или с любой другой системой, у которой есть API. Конструктор включает в себя все необходимые параметры, которые задаются при отправке запросов, а также систему распознавания ответов. Ну и, конечно, полученные через API данные можно использовать в самом приложении, например, выводить пользователю или завязывать на данные внутреннюю логику.
Напиши в комментах, знаешь ли, что такое API. Кстати, для создания настройки своего API тоже можно воспользоваться No-code решениями.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
Вчера я написал, что в новой версии моего приложения, собранного на Flutterflow, контент загружается из внешней базы данных.
Вот эта загрузка контента из базы, которая находится вне приложения, происходит через этот самый API протокол. Это определённый контрактом взаимодействия запрос, который возвращает ответ в заранее известном формате.
В магазине ты кладёшь набранные продукты на ленту и даёшь (кстати, тоже в заранее заданном формате) кассиру деньги. При этом ожидаешь от кассира получить: «отмытый» товар, который теперь ты имеешь право называть своим, сдачу и кассовый чек. В данном случае касса – это и есть API, через который ты взаимодействуешь с магазином, чтобы получить то, что тебе надо. Совсем как приложение, которое ходит с запросом в базу, чтобы получить нужный контент.
Если продолжить аналогию, то можно убедиться, что транзакции не произойдёт, если денег будет недостаточно. Кассир об этом сообщит так же, как и API вернёт ошибку в случае, если в запросе не будет хватать данных.
Окей, поставь посту реакцию, которая отразит понимание, что такое API.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13🤔2
Как он работает. С помощью простейшей алгоритмической структуры задаётся последовательность действий. Она может быть линейной, когда действия выполняются одно за другим в заданном порядке.
Проснуться → Заправить постель → Почистить зубы → Принять душ → Одеться → Приготовить завтрак
Последовательность может быть разветвлённой, при которой действия выполняются только при соблюдении заданных условий.
Одеться → Заглянуть в холодильник:
1️⃣ вариант – если холодильник пуст → Отправиться в магазин
2️⃣ вариант – если в холодильнике есть еда → Приготовить завтрак
Это простейший разветвлённый алгоритм с одним условием. Разумеется, все эти алгоритмы для информационных систем (в том числе приложений) пишутся с помощью программного кода. Flutterflow реализовали построение таких алгоритмов в формате удобного конструктора, который ты видишь на скриншоте.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9🤯3👍1
Поделюсь своим опытом заработка на разработке сайтов, приоткрою двери в закулисье конструкторов, а ещё прямо здесь выложу бесплатно ‼️ курс, пройдя который ты сможешь создать свой первый сайт, даже если ты ни разу не технарь и понятия не имеешь, что такое программный код!
Не забудь закрепить канал и обязательно включи уведомления, чтобы не пропустить важный контент!
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
Вообще его конструктором-то сложно назвать, потому что это был по сути генератор HTML и CSS файлов, с которыми надо было ещё пошаманить, чтобы оно всё заработало. Ну или я просто не умел его готовить, как надо.
Тем не менее, для своего времени это был вполне себе рабочий инструмент, на котором я собрал свой первый заказ (из предыдущего поста) – сайт школы, в которой учился. Напиши в комментах, если интересно посмотреть на его скриншоты, попробую откопать)
Вероятно, что эта программа и была прародителем современных конструкторов и no-code решений, достойные из которых начали появляться через десяток лет.
Сейчас смотрю на эти скрины и понимаю, насколько это было непостижимо для человека, не особо разбирающегося в компах и софте. Даже близко не похоже на то, насколько современные конструкторы просты и удобны в использовании, где реально за считанные часы можно собрать вполне вменяемый сайт! В Дримвивере несколько часов уходило только на то, чтобы установить и новый проект запустить.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍12🔥3
Работать на пляже, конечно, можно и в этом действительно есть какая-то своя прелесть и романтика. Сидишь такой, у тебя на коленках ноутбук, шум моря, перед глазами прекрасный пейзаж... Это очень клёво, действительно очень впечатляет, особенно первый раз и чувство, что поставил галочку. Знаешь у себя в списке дел, которые нужно сделать хоть раз в жизни –поработать на пляже с ноутбуком на коленках.
Но есть нюанс, как говорится. Когда ты находишься на пляже, то этот же самый шум моря, во-первых, может, мешать работать. Хорошо, если пляж дикий и там никого нет, ты сидишь один и действительно можно нормально сосредоточиться. Можно воткнуть в уши наушники, да, включить музыку, и ты не будешь слышать море. Но в целом, если ты не суперсосредоточенный человек и не умеешь фокусироваться на задаче, то будет крайне сложно не отвлекаться на то, что происходит вокруг, на волны, шум прибоя, на прекрасный пейзаж и на желание скорее окунуться.
Но даже это не такой важный фактор, как, например, песок и морской бриз, которые очень плохо влияют на технику. Когда ты сидишь на песке и у тебя на коленках ноутбук, песок незаметно залетает под клавиши и потом его оттуда хрен вытащишь. Особенно, если это MacBook: там очень маленький зазор между клавишами и корпусом. Потом будет безумно сложно всё это вычистить. В солёный влажный воздух ещё способствует окислению печатных плат…
Хотя, у меня получалось так более-менее работать, когда я был в Египте. Там на пляже были шезлонги под большим зонтиком. Сами шезлонги были достаточно высоко над песком и там, в принципе, такой проблемы особо не было. Но когда ты сидишь именно жопой на песке, то это всё реально чревато последствиями вплоть до потери техники. Поэтому не всё так радужно в таком формате работы.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍18🤩3
Но самое важное – это то, что ты имеешь возможность пойти и поработать на пляже. Не то, чтобы ты всегда этим будешь пользоваться, но именно понимание того, что ты можешь это сделать и к этому нет никаких препятствий. То есть сейчас берёшь ноут, идёшь на пляж, через 10 минут ты там, садишься и начинаешь, например, верстать сайт для заказчика. Вот это ощущение настоящей дикой Свободы – вот что по-настоящему круто.
👍19👏3
В выходной день не буду нагружать тебя техническим контентом, но сделаю закреп для удобства навигации в дальнейшем и краткое интро для вновь тех, кто только присоединился к нам.
Web-технологии доступным языком и пользой для себя и дела
Приветствую тебя, новый подписчик! Рад, что ты проявил любопытство и заглянул в этот канал. Здесь уже есть полезный контент: список ниже или полистай ленту.
Современные web-технологии делают нашу жизнь, работу и бизнес намного проще, эффективнее и интереснее. Канал webKrafter посвящён инструментам, с помощью которых можно (преимущественно No-code, то есть без программирования):
– Разрабатывать сайты
– Разрабатывать мобильные приложения
– Разрабатывать информационные системы (простые и высоконагруженные)
– Автоматизировать процессы (рабочие, для бизнеса и для жизни)
– Делать свою жизнь удобнее, комфортнее и интереснее
– Войти в IT (стать одним из нас)
– Зарабатывать на этом деньги, причём удалённо
И ещё немного лайфстайла в стиле Digital Nomad (цифровой кочевник).
_______________________________________
Кратко обо мне
Есть Видео и текст ниже
Первый сайт я сделал в 10 классе (вот тут пост), с тех пор не вылезаю из компа. По образованию я системный аналитик – это простыми словами «переводчик» с технического на человеческий. Так что я умею объяснять сложные вещи даже для тех, кто не в теме.
Я был программистом, системным аналитиком, руководителем проектов, тим-лидом, владельцем продуктов, руководителем практики системного анализа (это всё IT, да). Также есть предпринимательский опыт (по большей части неудачный), запуск нескольких стартапов за плечами и фриланс.
Последнее время увлекаюсь No-code инструментами (всё, что позволяет проектировать системы без кода), так что много будет именно про это.
Ещё очень люблю путешествовать, в настоящее время живу в ЮВАО. И это тоже благодаря IT.
Я буду выкладывать максимально полезный и прикладной контент, который ты сможешь применить в своей жизни, работе или бизнесе. А также постараюсь обеспечить уютненькую атмосферу, которую не получится поддержать без твоей помощи.
Поэтому включи уведомления и закрепи канал в списке чатов: точно будет интересно.
_______________________________________
Что тут уже есть
Собрал подробный каталог со ссылками на посты по категориям: https://teletype.in/@webkrafter/about
Общее по каналу
Форма предложения тем для публикации и небольшой опрос
Голосовалка по темам публикаций
Please open Telegram to view this post
VIEW IN TELEGRAM
Teletype
Что это за канал
Приветствую тебя, новый подписчик! Рад, что ты проявил любопытство и заглянул в этот канал. Здесь уже есть полезный контент: список ниже...
👍17🔥3❤1
Anticodeguy pinned «✅ Что это за канал Web-технологии доступным языком и пользой для себя и дела Приветствую тебя, новый подписчик! Рад, что ты проявил любопытство и заглянул в этот канал. Здесь уже есть полезный контент: список ниже или полистай ленту. Современные web-технологии…»