Webflow Developer 🇺🇦
رفتن به کانال در Telegram
Co-owner Lindgren & Webflow Tutor. Експертний контент + міркування про важливе :) Вища Школа з Webflow-розробки 👇 http://wftutor.school/
نمایش بیشتر782
مشترکین
-324 ساعت
-27 روز
+130 روز
آرشیو پست ها
Всім привіт. Ви питали - ми відповідаємо. Нижче тарифи на курс. У нас всього буде 3 тарифи і з кожного тарифу 777 грн йде на благодійність
👉STANDART👈
〰️Доступ до всіх уроків у особостому кабінеті Softbook
〰️Доступ до бази знань
〰️ДЗ без перевірки
〰️Перший ознайомлювальний стрім
〰️Закритий телеграм чат студентів
〰️Телеграм-канал з анонсами
〰️Доступ до курсу 3 місяці
🟡 2 777 грн (50 місць)
👉PLUS👈
〰️Все, що в тарифі Standart
〰️Доступ до курсу 9 місяців
〰️Перевірка домашніх завдань
〰️Особистий чат з викладачем
〰️Окремий чат для тарифів Plus і Max
〰️Щотижневі стріми по суботам (8 шт)
〰️Викладач контролює розробку бойового проекта та вказує на помилки
🟠 7 777 грн ✔️(20 місць)
👉MAXIMUM👈
〰️Все, що в тарифі PLUS
〰️Доводимо бойовий проєкт до ідеального стану (викладач, за необхідності, власноруч допомагає з розробкою бойового проекту)
〰️Персональна консультація з викладачем тривалістю 60 хв
🔵 10 777 грн ✔️(10 місць)
Страт продажів буде 20 жовтня. Тривалість курсу 2 місяці. Ваші питання 👇
Шановні, трохи оновили цей допис👆. А саме 6 блок розписали більш детально. Тепер не 46, а 52 уроки
Всім привіт! Хочемо поділитися з вами повністю оновленою програмою курсу. На тебе чекає 8 модулів та 52 уроки. Тепер докладніше
1️⃣ Знайомство з інтерфейсом
▪️Огляд сервісу Webflow
▪️Створення проекту. Налаштування проекту (Webflow Project Settings)
▪️Знайомство з Webflow Designer (панель стилів, панель навігації тощо)
▪️Тарифні плани Webflow (Site Plans, Workspace Plans)
2️⃣Основи веб-розробки
▪️Основи html та css, необхідні для роботи в Webflow.
▪️Блокова верстка та базова структура класичної веб-сторінки
▪️Огляд основних елементів панелі елементів Webflow Designer
▪️Огляд групи елементів Forms
▪️Огляд групи елементів Components
▪️Розуміння роботи зі стилями у Webflow Designer
▪️Методологія БЕМ
▪️Основи семантичної верстки + Розбираємо архітектуру невеликого проекта на основі отриманих знань
3️⃣ Webflow. Панель стилів
▪️Типографіка (Typography)
▪️Робота з фоном (Background)
▪️Кордони (Border)
▪️Ефекти (Effects)
▪️Відображення (Display)
▪️Відступи: зовнішні та внутрішні (Margins & Paddings)
▪️Переповнення (Overflow)
▪️Позиціонування (Position)
▪️Розміри width, min/max width, height, min/max height. + властивість fit для зображень
4️⃣Webflow на повну міць
▪️Одиниці розмірностей в CSS (px, em, rem, vh, vw, ch, %)
▪️Flexbox. Must-have у використанні властивості
▪️Flexbox. Властивості flex- (shrink, grow, basis), align-self, order.
▪️Flexbox. Властивості flex-wrap та align-content
▪️CSS Grid. Must-have у використанні властивості
▪️СSS Grid. Manual position & Area
▪️CSS Grid + Flexbox. Поширене поєднання
▪️Символи (Symbols) у Webflow
▪️Embed блок
5️⃣Flexible & Responsive Design
▪️Брейкпоінти у Webflow
▪️Фіксована верстка
▪️Адаптивна верстка (рассказать как работает грид в адаптиве)
▪️Гумова верстка
▪️Чуйна верстка
6️⃣CMS & E-com
▪️CMS. Знайомство та логіка роботи
▪️CMS. Створення Collection. Налаштування. ▪️Collection Items. Collection Fields
▪️CMS. Робота з Collection List.
▪️CMS. Робота з Collection Page.
▪️E-commerce. Знайомство та логіка роботи
▪️E-commerce. Створення продуктових карток (Ecommerce list). AddToCart button.
▪️E-commerce. Налаштування кошику
▪️E-commerce. Кастомізація дизайну листів, що надходять покупцям
▪️E-commerce. Ecommerce Page
7️⃣Interactions
▪️Стани елементів (none, hover, pressed, focused)
▪️Transitions (переходи)
▪️Animation (анимація)
*приклади створення окремих популярних інтеракцій викладаємо в базу знань.
8️⃣Фінальні налаштування проекту
▪️Favicon, webclip, OG Image
▪️Тестування форм зворотнього зв'язку
▪️SEO-налаштування проекту.
▪️Трансфер проекту або вивантаження архіва з веб-проектом. Підключення домена.
▪️Варіанти передачі проекта клієнту
9️⃣Бонуси
▪️Запрошений гість з темою «Дизайн система — готуємо проєкт до розробки»
▪️Бонусний блок про фріланс
▪️Постійно оновлювана база знань, що складається з коротеньких відео інструкцій (робимо акордеон, кастомний курсор і так далі)
Якщо є питання, пропозиції — велкам у коменти👇
Всім привіт! На цьому каналі ми розповідали всі деталі про наш минулий курс Webflow Start. Наразі він вже позаду і ми готуємо новий курс, який тепер буде називатись 🌀Webflow Developer🌀 Початок курсу буде 21 листопада
Це вже буде не тільки про швидкий старт у професії, а ще й про більш масштабне вивчення можливостей webflow.
Ми проаналізували наші помилки і зробили висновки, завдяки відгукам студентів минулого курсу. І плануємо зробити дууже якісний освітній продукт, хоча, по відгукам, і Webflow Start був на високому рівні!
Що ми змінили?
🔸БУЛО / 🔹СТАЛО
Тривалість навчання 🔸6 тижнів / 🔹8 тижнів
🔸5 модулів / 🔹8 модулів
🔸32 уроки / 🔹48 уроків
🔸уроки в записі російською / 🔹уроки в записі українською
🔹З'явилась база знань. Це коротенькі відео, які ми робимо за запитом студентів, або за власною ініціативою. В цих відео ми показуємо як вирішувати ту чи іншу задачу при розробці сайту (наприклад: робимо акордеон, рухомий рядок, кастомний курсор тощо)
🔹Будуть додаткові блоки про фріланс та дизайн-систему, будуть запрошені гості. Буде ВАУ!
Зараз ми робимо сайт, на якому все детально вам розповімо (десь на початку жовтня). Цей канал буде першим джерелом інформації по курсу, тож долучайтесь і слідкуйте за новинами. Можливо, ми будемо їх викладати по маленьким частинам
Всім гарного трудового тижня!
