Возможность использования в редакторе HTML и CSS открывают перед нами очень много возможностей.

Например, полностью адаптивный календарь с настройками на каждый месяц.

Полезно, когда нужно выводить данные только на конкретный месяц.

Под капотом:
HTML компонент + CSS
JS - ни одной строчки

Кому скинуть компонент поиграться?
Или оставить как домашнее задание?

Всем доброго утра!

Начинаем через 30 минут!

Ставьте 🔥🔥🔥 если уже проснулись и готовы к эфиру!

Ссылка: https://cre.codes/online

UPD:

Зеркало: https://youtu.be/tP-R1zhYn2w

Всем спасибо, кто не поленился и дошел до трансляции!

Запись урока и домашнее задание уже сегодня вечером, опубликую здесь.

Ну а пока — пока и до вторника 👋👋👋

Домашнее задание к уроку №2

Что нужно сделать к следующему уроку:

— определиться с сайтом(сервисом, веб-приложением) которое будешь делать в рамках курса (можно учебный проект, можно боевой) если ещё не определился;
— составить карту объектов (сущностей), их параметров (свойств) и организовать связи между этими объектами. Можно делать в FIGMA, или в любом другом месте. Ссылка на просмотр должна быть открыта.
— для каждого свойства прописать тип данных, который будет использоваться (согласно доступным типам данных в Creatium)

Данное задание нужно выполнить ко вторнику. Возьмём 2 самых интересных варианта на разбор, а также посмотрим на то, как выглядит карта для Cre.codes со всеми разделами.

На следующем уроке начнём подключать сценарии, вебхуки, сделаем первую интеграцию, а также сделаем админ-панель для удобного управления контентом, чтобы не прописывать все «ручками» в таблицах.

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

Чтобы попасть в закрытый чат, нужно оплатить курс 😉

Результаты домашнего задания нужно будет загрузить в личный кабинет ученика. Соответсвующий раздел появится там уже завтра!

Всем удачи и отличного вечера и выходных 😉👍

Готовлю домашнее задание вместе с учениками, так как на курсе мы будем собирать полноценный сервис с разными разделами на базе Cre.codes, а именно:

— Личные страницы учеников
— Достижения учеников
— Прогресс прохождения курса
— Портфолио
— Отзывы

— Блог
— Записи в блоге
— Комментарии в блоге
— Лайки и подсчет кол-во комментариев

— Биржу заказов
— Карточки заказов
— Возможность откликнуться на заказ
— Выбор исполнителя по заказу
— Отзывы об исполнителе и рейтинг на базе отзывов
— Стоимость заказа и сроки

— Библиотеку компонентов и полезных материлов

— Курсы с уроками, автоматической подгрузкой домашней работы и многое другое.

Кто-то просил ссылку на то, как выстраивать карточки с объектами и их параметрами. Вот ссылка:
https://www.figma.com/file/eLbhAj90J0HtUvpKsjwdKp/Cre.codes-Structure?node-id=0%3A1

А вы знали что на CSS можно реализовать различную анимацию?

На одном из уроков будем разбирать такие эффекты на чистом CSS как:

— Анимация
— Поведение по наведению
— Эффект матового стекла
— Тени и свечение
— Прозрачность
— Наложение фона на текст
— Слои

Интересна данная тема?

Не знаю, все ли успевают сделать ко вторнику домашнее задание или нет, но вопрос о теме урока предлагаю выставить на голосование.

Голосуем за темы урока во вторник, 14.06

Всем привет! 👋

Сегодня в 15:00 состоится Урок №3 в онлайн формате.

Темы, которые обсудим на уроке:

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

Ссылка та же: https://cre.codes/online

Зеркало на YouTube отправлю в закрытый чат

Через 15 минут начинаем.

Сейчас запустим трансляцию, проверить звук и картинку =)
Чат, как и прежде - на странице трансляции + в ютубе.

Спасибо всем, кто пришел на 3-й урок, это было не просто, но мы справились!

Теперь вы знаете как:
— Сделать регистрацию на сайте
— Сделать админку для управления всем контентом на сайте
— Раздать права пользователям по ролям и ограничить доступ по роли
— Как Настраивать отображение различных элементов по заданной роли
— Как настроить интегромат для поиска данных и изменения данных

Следующий урок в этот четверг, также в 15:00

Разберем на уроке возможности CSS & HTML для реализации:
— Анимации
— Поведения блоков по наведению курсора
— Эффекта матового стекла
— Теней и свечения
— Прозрачности объектов
— Наложение фона на текст
— Слои

И много другое.

Домашнее задание к уроку №3 будет опубликовано ближе к вечеру.

До скорого 👋

Домашнее задание к уроку №3

Что нужно сделать к следующему вторнику:

— составить карту сайта с разными областями (публичная, админская, пользовательская) для понимания какие роли к разделам вам нужны.
— в каждой области составить полный перечень страниц, в том числе функциональных и статичных.
— если суть страницы не ясна из названия, добавляем к ней описание.
— обязательно указываем связи страниц между собой.

Таким образом мы подготовим структуру самого сайта, так как в прошлом задании мы подготовили структуру базы данных.

Это позволит нам грамотно распределить ресурсы и оценить объём работы по проекту.

Запомните! Планирование это важно, как говорится семь раз отмерь (спланируй) и один раз отрежь (сверстай), нежели наоборот.

Домашнее задание делаем в том же файле фигмы, что и предыдущее.

Будут вопросы — я на связи 🤙

Стоит ли сделать реферальную систему для курсов и биржи?

Суть системы:
Вы приводите друга по ссылке.
Он получает бонус на счёт, может его использовать как скидку при оплате курса или заказа на бирже, а вы получаете %% с его оплат.

Что скажете?

Четкий курс Димон запилил
Сотню клиентов уже сколотил
Вместе решают крутые задачи
Ну а кто не подпислася, поспешите и не плачьте :) 😅

Новый заказ на Бирже Cre.codes:

Нарисовать favicon для Cre.codes
Сумма: 500
Дедлайн: 17.06.2022

Детали заказа по ссылке: https://cre.codes/stock/order?id=5520654

Ну что, коллеги!
Поздравляю с запуском биржи!

Первый заказ размещен и по нему уже выполнена работа!

Тимур, свяжитесь со мной, проведу оплату заказа 😉

Новый заказ на Бирже Cre.codes:

Дизайн личного кабинета на платформе cre.codes
Сумма: 5000
Дедлайн: 23.06.2022

Детали заказа по ссылке: https://cre.codes/stock/order?id=5524902

Сегодня в 15:00 проведем онлайн урок.
Тема урока: CSS & HTML дополнительные возможности

Ссылка на трансляцию: https://cre.codes/academy/online


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

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

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

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

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

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

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

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

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


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

Жду на уроке! Кто придет — ставим 🔥🔥🔥