Как создавать продукты без программистов


Блок 1.1 - Как работают No Code инструменты
Для того чтобы разобраться как создавать IT продукты без кода, хорошо бы для начала понимать как создаются обычные продукты с помощью кода.

Для этого представим ситуацию:

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

Вы обращаетесь к сотруднику деканата с этой просьбой. Что же произойдет дальше?

Вся информация об оценках студентов хранится в одной системе. Сотрудник деканата открывает на своем компьютере эту систему в браузере.

Вводит ваши Имя Фамилию Отчество в поля, указывает что нужны данные за первый семестр и нажимает кнопку Enter.

После чего на экране отображаются все оценки за семестр и средний балл. Оказывается что оценки позволяют вам перевестись на грант.


Но что происходит под капотом у этого всего?

Есть три ключевых элемента внутри IT продуктов, благодаря которым все работает. И все вместе они составляют Клиент-серверную архитектуру.

По порядку:

(Изображение кликабельное)

Клиент
Это то что видит пользователь. Вот когда сотрудник деканата открыл вебсайт ВУЗа он увидел клиентскую часть. Дизайнеры, фронтенд разработчики и продакт менеджеры трудятся чтобы эта часть продукта была максимально понятной и простой для пользователя.


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

База данных
В университете учится много студентов. Они объединяются в группы, специальности и т.д. Вот вся эта информация хранится в базе данных в виде таблиц. Словно несколько таблиц в Excel связали между собой и указали какая таблица от какой зависит. Там прописано все: год поступления, успеваемость по предметам, ФИО и т.д.


Получается что когда сервер указывает какие именно данные нужны Клиенту, то он обращается к определенным таблицам в базе данных. Вытаскивает оттуда информацию по оценкам на основе ФИО и семестра. После чего высчитывает средний балл и передает клиенту.

Для сотрудника деканата в этот момент прошло несколько секунд. И информация по вам высветилась на странице в браузере.


Для тех кто это и так знал:

Что такое No Code?
Дело в том что обычный пользователь не работает напрямую с базой данных и сервером. Для того чтобы настроить сервер и создать базы данных, надо обладать техническими навыками, которых нет у большинства простых пользователей.

Но зато они умеют обращаться с клиентской частью, которая отправляет запросы. Ведь все хоть раз в жизни писали что то в поисковой строке Google и нажимали enter. Следовательно, как минимум работали с формами на клиентской части.

Мы постоянно работаем с элементами клиентской части сами того не замечая

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

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

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

Именно так и работает большинство No Code инструментов, такие как конструкторы сайтов например.

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

Так работает большинство конструкторов приложений.
Теперь вы знаете общий принцип работы No Code инструментов.

Дальше ждут следующие темы:
Блок 1 - No Code для не программистов
Блок 2 - Tilda - как собрать собственный сайт.
Блок 3 - Telegram боты и Google spreasheets
Блок 4 - Конструкторы мобильных приложений
Бонус! Подборка ресурсов по NoCode
Что такое NoCode?
Ответьте на три вопроса чтобы закрепить навык.
Начать тест
Что такое NoCode
Для этого есть отдельный термин: Low Code. Это когда основу ты собираешь на каком-нибудь конструкторе сайтов, но местами используешь вставки кода для каких-то нестандартных вещей.
Точно. По факту это больше похоже на программирование мышкой, потому что логически все еще надо понимать как работает приложение или сайт под капотом, но при этом сам код писать не надо.
Дискриминация по навыку программирования! Разработчики тоже могут собрать какие то решения на NoCode. Почему бы собственно и нет, если это быстрее и требуется сделать что то стандартное.
Продолжить
Проверить
Показать результаты
Представьте ситуацию:

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

Но идея крутая, надо хотя бы попробовать.

Как поступите?
Каждый труд должен быть оплачен. Долю в потенциальном продукте в этом сценарии вам вряд ли получится передать разработчику. А ходить и уговаривать поработать бесплатно можно очень долго.
Именно! Перед тем как привлекать очень дорогой ресурс в виде времени разработчиков стоит проверить идею максимально дешевым способом.
Здравствуйте, полгода хождений по всевозможным комитетам и миллион презентаций! Давно не виделись. Если реально удастся согласовать, то сразу после этого советую купить еще и лотерейный билет. Удачи вам точно не занимать.
Продолжить
Проверить
Показать результаты
Какой продукт рекрутеров с информацией о разных профессиях собран на Tilda?
Тут применили стандартный подход с разработкой полностью своего решения.
Точно! Они собрали мини продукт, который помогает рекрутерам с наймом используя конструктор Tilda
Неплохо! Этот сайт тоже собран на конструкторе сайтов, но только на своем собственном. Конструктор сайтов Тинькофф. Так и называется. Сразу видно что многие известные компании верят в nocode подход к созданию проектов. Но на Tilda собран все таки другой ресурс.
Продолжить
Проверить
Показать результаты
Оу. Что то пошло не так.
Стоит еще раз освежить контент в памяти
Пройти еще раз
Могло быть и лучше
Почти все правильно, но чуть-чуть не хватило. Ничего страшного, ведь совершенство требует терпения.
Пройти еще раз
Отлично!
Можно со спокойной душой переходить к следующему разделу.
Прокрути чуть ниже и продолжи:)
Пройти еще раз
Твое мнение важно. Все анонимно. Не сдерживай себя.