Второй урок в Редакторе Среда. Начинаем создавать Лендинг в Российском ПО
Тайм-коды в описание ниже.
Во втором уроке, директор по развитию Тенлаб, Даниил, начнет собирать Лендинг и покажет, как работают компоненты пролистывания, шапки, панелей, тени и многое другое в Редакторе Среда.
Ссылка на Экосистему Тенлаб и Редактор Среда: https://clck.ru/frS4y
Ссылка на Проекты из урока (открывать через Редактор Среда): https://clck.ru/g59Bh
Тайм коды и содержание данного урока:
00:00 – Приветствие Среды в Среду и каламбуры
00:10 – Про версию Редактора Среда, которую используем
00:34 – Экосистемное Шапито и дисклеймер о возможных багах
01:02 – Про работу в менеджере проектов
01:20 – Компонент Scroll, функционал скроллинга (листания) страницы
01:57 – Кнопка Ctrl и компонент Root, функция привязок, отношение объектов друг к другу (заполнение, позиционирование, фиксация)
04:44 – Компонент Scroll, как сделать скроллинг на всю страницу
05:55 – Активация контейнеров к объекту, возможность добавлять объект в объект
08:16 – Компонент Panel, растягивание компонента на всю страницу, создания отдельного раздела на странице сайте, применение процентов на объекте
10:23 – Предпросмотр в окне работы Среды, кнопка shift
16:58 – Создание меню сайта из объекта Panel и его фиксация при скроллинге страницы
17:35 – Перенос Объектов внутри древа проекта, изменение родительского объекта
19:03 – Объяснение принципов отношения Объектов друг к другу в Редакторе Среда, эффект Матрешки
19:49 – Компонент Root – постоянный объект Редактора Среда
20:32 – Привязки, настройка изменения размера Объекта в зависимости от размера всей страницы (адаптивность)
23:30 – Свойство Shadow, добавление стандартной тени на Объект
26:00 – Компонент Button и его привязка, добавление и настройка кнопок в меню сайта
29:49 – Свойство Radius, скругление Объектов через графический интерфейс и вручную
31:42 – Signal, добавление тени на Объект используя стили CSS, изменение стиля Объекта при наведении мышки
34:25 – Объяснение написания кода для применения стилей CSS в Редакторе Среда используя Статус Фреймворк
40:51 – Пути перехода во вкладку Code через интерфейс или через Signal в Объекте
43:50 – Отключение тени у Объекта при наведении на другой Объект, продолжение работы с кодом для стилей CSS
48:20 – Подведение итогов урока, рассказ про планы на будущие уроки и прощание.
#ЭкосистемаТенлаб #РедакторСреда #УрокиПоСреде #Тенлаб #NoCode #NoCodeWeb