Разработка веб-приложений без кода

Научим создавать веб-приложения на no-code платформе Bubble.io. Два проекта в портфолио и 12 must have навыков ноукодера

28 сентября

3 месяца

Онлайн

Пн/Чт 20:00 Мск

Для кого этот курс?

  • Продакт-менеджеров, которые хотят быстро разработать MVP и протестировать гипотезы
  • Digital-специалистов, желающих работать в IT без программирования
  • Предпринимателей, желающих модернизировать свой бизнес посредством веб-приложений
  • Стартаперов, которые хотят запустить свой проект с минимальными вложениями и трудозатратами
  • Фрилансеров, дизайнеров, которые хотят освоить дополнительный навык для увеличения дохода
  • Начинающих свою карьеру в IT

Необходимые знания

  • Для поступления на курс специальных знаний и навыков не требуется

Что вам даст этот курс?

Программа разработана для тех, кто никогда не работал с кодом, но хочет научиться быстро и просто создавать веб-приложения без знаний классического кода и инструментов разработки. Знание No-Code платформы Bubble.io позволит выпускникам плавно войти в IT-сферу, научиться создавать веб-приложения, а также повысить свою эффективность, ценность и компетенции в рамках текущей специальности.

Вы научитесь:

  • Создавать и анализировать техническое задание в сфере разработки приложений
  • Работать в самом популярном на сегодняшний день графическом редакторе Figma
  • Создавать реляционные базы данных любой сложности
  • Верстать веб-страницы в рамках платформы Bubble.io
  • Создавать рабочие процессы и сложные логические цепочки
  • Интегрировать платежные системы и сторонние сервисы по API
  • Обеспечивать безопасность приложения
  • Тестировать веб-приложения на финальной стадии
  • Разрабатывать полноценные веб-приложения
  • Грамотно вести переговоры с заказчиком 
  • Презентовать свои проекты и искать заказы на рынке
  • Курировать проект во время разработки

Какие преимущества у платформы Bubble.io ?

Bubble.io - это платформа для разработки веб-приложений без кодирования, которая предлагает ряд преимуществ:

1. Не нужно писать код
Bubble.io предоставляет визуальный интерфейс для создания приложений без необходимости писать код. Это позволяет людям без технического опыта или программирования разрабатывать свои собственные приложения.

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


3. Быстрая разработка
Благодаря отсутствию необходимости кодирования и использованию визуального программирования, Bubble.io позволяет быстро создавать прототипы и разрабатывать приложения. Это может сэкономить время и усилия, особенно для небольших проектов.

4. Интеграции
Bubble.io поддерживает множество интеграций с другими сервисами и платформами, такими как Airtable, Google Maps, Figma и другими. Это облегчает интеграцию различных функциональностей и расширяет возможности приложения.

5. Гибкость и масштабируемость
Bubble.io позволяет создавать разнообразные типы приложений, включая социальные сети, маркетплейсы, CRM-системы и другие. Платформа также предоставляет возможность масштабирования приложений с увеличением числа пользователей и объема данных.

6. Командная работа
Bubble.io предлагает функциональность совместной работы, что позволяет командам разработчиков работать над проектами одновременно. Это упрощает коллаборацию и обмен идеями между участниками команды.

Перспективы No-code

По прогнозам Gartner рынок ноукод-лоукод платформ вырастет почти на 20% в 2023 году, до $10 млрд и до $12,3 млрд в 2024 году. Сейчас самое время, чтобы осваивать новые инструменты и оставаться в рынке.

Процесс обучения

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

Практика


Полное погружение в процесс разработки веб-приложений шаг за шагом

Карьера


Отдельный модуль по поиску работы для No-code разработчиков

Проекты


Два проекта в портфолио: интернет-магазин и маркетплейс

Трудоустройство

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

Формат обучения

Интерактивные вебинары


2 онлайн-трансляции по 2 ак. часа в неделю. 
Доступ к записям и материалам остается навсегда

ДЗ и выпускной проект


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

Активное комьюнити

Общайтесь с преподавателями голосом на вебинарах и в Telegram-чате

Программа

Знакомство и начало обучения. Основы работы в конструкторе Bubble

Знакомство учеников, определение целей на период обучения. Обсуждение формата обучения. Понятие технического задания. Краткий обзор онлайн-редактора Figma. Обзор рабочего интерфейса Bubble. Настройка стилей будущего проекта (цвета, шрифты, размеры элементов)

Тема 1: Вводное занятие и знакомство, цели и план на обучение. Обзор продуктового ТЗ, знакомство с Figma

Тема 2: Знакомство с интерфейсом Bubble, настройка стилей

Адаптивный дизайн и база данных. Первые рабочие процессы в приложении

Как верстать, чтобы проект одинаково хорошо выглядел на компьютере и телефоне. Принципы адаптивного движка Flexbox. Основы создания базы данных в Bubble. Виды связи между таблицами. Типы данных. Option set. Знакомство с рабочими процессами в приложении.

Тема 1: Адаптивный дизайн, верстка главной страницы приложения

Тема 2: Структура базы данных. Знакомство с Workflow.

Создание интернет-магазина. Регистрация пользователя и каталог товаров

Использование reusable (переиспользуемых) элементов в приложении (шапка, подвал, всплывающее окно). Рабочий процесс регистрации и входа пользователя. Сброс пароля. Изучение функционала repeating (повторяющей) группы. Какие настройки влияют на скорость загрузки данных на страницу. Работа с custom state - пользовательское состояние элемента.

Тема 1: Регистрация и вход пользователя в приложение.

Тема 2: Создание страницы с каталогом товаров, фильтрация каталога

Перенос данных между страницами. Функционал корзины

Создание динамической страницы товара. Меняем ссылку товара с помощью slug. Мобильные страницы проекта. Добавление и удаление товаров в корзину. Изменение количества товаров, подсчет общей суммы заказа. Рабочий процесс создания заказа.

Тема 1: Перенос данных между страницами, карточка товара

Тема 2: Функционал корзины, создание заказа

Личный кабинет пользователя. Роль покупателя

Страница личного кабинета. Функционал добавления фотографии и описания профиля. Настройка истории заказов. Избранные товары - Добавление и удаление. Настройка вкладки Избранное в личном кабинете.

Тема 1: Настройка личного кабинета - редактирование профиля, история заказов

Тема 2: Добавление товара в избранное

Разработка маркет-платформы

Добавление рабочего процесса регистрации Продавца. Функционал подтверждения регистрации через случайный код. Структура базы данных при большом количестве полей у сущности. Редактирование данных. Дополнительные группы и условия на странице профиля пользователя.

Тема 1: Добавление роли продавца в проект

Тема 2: Личный кабинет продавца

Работа с API и настройки оплаты

Изучение api коннектора, принципы работы с API в Bubble. Обзор backend workflow. Вебхуки. Обзор основных платежных систем, подключение платежной системы, настройка возвратов. Работа с API документацией.

Тема 1: Работа с API и плагинами

Тема 2: Подключение платежей в проекте

Дополнительные фичи

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

Тема 1: Функционал промокода

Тема 2: Индивидуальный чат между Покупателем и Продавцом

Тема 3: Отзывы и рейтинг

Панель администратора

Верстка панели администратора. Вывод данных о товарах, продавцах, заказах. Фильтрация данных.

Тема 1: Администратор проекта. Управление данными

Работа с плагинами

Добавление функционала в проект с помощью плагинов.

Тема 1: Работа с плагинами

Тема 2: Работа с плагинами. Часть 2

Безопасность и подготовка проекта к запуску

Приватные данные, ограничение для ролей, общая безопасность проекта. Какие данные влияют на скорость проекта. Выбор тарифа на проект. SEO, подключение домена. Тестирование и исправление ошибок.

Тема 1: Базовая безопасность и оптимизация проекта

Тема 2: Тестирование проекта, подготовка к запуску

Работа ноукод специалиста

Что должно быть в портфолио ноукодера. Где брать заказы. Как стать востребованным ноукод специалистом. Ведение проекта от ТЗ до запуска. Поддержка действующего проекта. Договор на разработку.

Тема 1: Формирование портфолио, обзор фриланс площадок, выход на рынок ноукод специалистов

Тема 2: Ведение проекта, работа с заказчиками, оплата

Проектная работа

Тема 1: Консультация по проектам и домашним заданиям

Тема 2: Защита проектных работ

Также вы можете получить полную программу, чтобы убедиться, что обучение вам подходит

Проектная работа

 

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

Преподаватели

Руководитель курса

Егор Гуменюк

Анастасия Тимофеева

Антон Назаров

Эксперты-практики делятся опытом, разбирают кейсы студентов и дают развернутый фидбэк на домашние задания

Прошедшие
мероприятия

Егор Гуменюк
Открытый вебинар
No-code разработчик: мифы и реальность
Егор Гуменюк
Открытый вебинар
Основы создания веб-приложений на Bubble
Оставьте заявку, чтобы получить доступ ко всем записям прошедших мероприятий. Записи всех мероприятий появятся в этом блоке

Корпоративное обучение для ваших сотрудников

Отус помогает развивать высокотехнологичные Команды. Почему нам удаётся это делать успешно:
  • Курсы OTUS верифицированы крупными игроками ИТ-рынка и предлагают инструменты и практики, актуальные на данный момент
  • Студенты работают в группах, могут получить консультации не только преподавателей, но и профессионального сообщества
  • OTUS проверяет знания студентов перед стартом обучения и после его завершения
  • Простой и удобный личный кабинет компании, в котором можно видеть статистику по обучению сотрудников
  • Сертификат нашего выпускника за 5 лет стал гарантом качества знаний в обществе
  • OTUS создал в IT более 120 курсов по 7 направлениям, линейка которых расширяется по 40-50 курсов в год

Сертификат о прохождении курса

OTUS осуществляет лицензированную образовательную деятельность. В конце обучения вы получите сертификат OTUS о прохождении курса.

После обучения вы:

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

Частые вопросы

Что, если в середине курса я не смогу продолжать обучение?
У вас есть право одного бесплатного трансфера в другую группу.
Обязательно ли защищать выпускной проект?
Для получения сертификата OTUS необходимо сдать проект. Кроме того, проект необязательно защищать перед аудиторией, а можно сдать в чате с преподавателем.
Сколько часов в неделю мне нужно будет уделять обучению на платформе?
Занятия с преподавателем проходят 2 раза в неделю по 2 академических часа. В курсе предусмотрены домашние задания и выпускной проект, которые нужно сдать до конца обучения.
Я могу вернуть деньги?
Да, вы можете сделать возврат средств пропорционально оставшимся месяцам обучения.