No-code & Creatium — MVP

Расширенный курс по созданию бизнес-приложений

Все курсы построены по принципу «От простого к сложному»,
что позволит тебе освоить программу даже с нулевой подготовкой

Основные тезисы курса:

— Научиться работать с конструктором;
— Понять как именно создаются приложения без кода;
— Освоить новую востребованную профессию за 2 месяца;
— Работа с базами данных, построение логики, интеграции всего со всем;
— Полное погружение в Creatium, Make (Integromat), Google Sheets;
— Живые занятия, домашнее задание, личную поддержку автора курса.

Продолжаем изучение редактора
— Экспорт и импорт компонентов и секций
— Копирование всей страницы
— Работа с библиотекой компонентов
— Переменные в компонентах
— Настройки страницы
— SEO настройки
— Настройки для социальных сетей

Плавный переход к no-code в плане логики системы
— Краткое знакомство с условиями отображения, видами переменных, типами данных.
— Вернемся к CRUD
— Начнем продумывать структуру своего приложения:
— Объекты, свойства, связи между объектами
— Подготовка структуры базы данных
— Делаем flowmap / mindmap

Углубление в HTML, CSS и разработку своих плагинов
— Еще немного про CSS и HTML, также добавим JS капельку

Погружение в no-code:
— Регистрация и авторизация пользователей
— Роли пользователей
— Разграничение доступа к разделам сайта по ролям (гости, администраторы, менеджеры, ученики и т.п.)
— Построение карты сайта исходя из сущностей и их параметров
— Настройка Integromat и Google Sheets
— Личный кабинет + администраторский кабинет (управление контентом прямо с сайта)

На уроке поговорим о возможностях CSS, которые нужны для того, чтобы делать гибкие штуки на Creatium:

Выстраивания элементов с разным контентом внутри, а именно применение Flexbox.
Поговорим о строчных и блочных элементах, на примере тегов div и span

Также в этом уроке:

Свойства элементов:
— Фон цветовой
— Фон градиент
— Фон изображение
— Размеры фона
— Повторение фона
— Растяжение фона

Позиционирование блоков:
— Абсолютное позиционирование
— Фиксированное позиционирование
— Липкие блоки

Свойства при наведении:
— Изменение фона при наведении
— Плавность изменений
— Изменение нескольких параметров

Границы блоков
— Рамки, скругления, тени, свечение

Анимация блоков или отдельных элементов
— Продолжительность анимации
— Виды анимации
— Пошаговая анимация

Псевдоэлементы, такие как after и before
— Делаем нестандартный нумерованный или ненумерованный список
— Собственный прогресс бар

Все это можно делать на Creatium и не требует особых навыков программирования, так как это интуитивно простой и понятный язык разметки CSS, с которым можно разобраться даже с нулевым уровнем знаний.

Сегодня на уроке выполним данное домашнее задание вместе, что будет на уроке:

— Вывод списка объектов
— Создание нового объекта
— Просмотр карточки объекта
— Внесение изменений в карточку объекта
— Удаление объекта (мягкое, без физического удаления из базы)
— Просмотр списка "удаленных" объектов, восстановление случайно удаленного объекта, и удаление объекта навсегда.

На уроке рассмотрим как именно создавать страницы на стороне Creatium, а также как связывать это с базой данных через Integromat