🤟Привет! Настало время знакомства.
На этом канале ты найдёшь БЕСПЛАТНЫЕ уроки по разработке сайтов на tilda и не только.
Мой опыт в вебе около 5 лет. Я занимался веб-дизайном, читал бумажные книги по HTML, PHP и CSS, работал в двух студиях, после чего ушёл на фриланс.
В 2020 году, любой может заниматься веб-разработками без написания тысяч строк кода, достаточно лишь знать где и как собирать ПРАВИЛЬНЫЕ сайты.
В наше время заказчику важно то, как РАБОТАЕТ сайт, а не то, на каком языке он написан.
Читай статьи, выполняй практические занятия, обучайся вместе с нами и заходи в наш чатик (опытом тоже месяться нужно!).
Заранее отвечу на важный вопрос - Какие сайты всё таки можно делать на тильде? Это ведь конструктор.
Держите 5 крутых сайтов, выполненных на tilda. Еще загляните в большой раздел #madeontilda , там сам движок публикует лучше тильда-сайты.
https://getthetribe.com/?ref=https://tilda.cc/ru/madeontilda/
http://bombbar-est.ru/?ref=https://tilda.cc/ru/madeontilda/
https://marklodoh.ru/?ref=https://tilda.cc/ru/madeontilda/
https://bagsolar.ru/?ref=https://tilda.cc/ru/madeontilda/
https://yolka.varlamov.ru/?ref=https://tilda.cc/ru/madeontilda/
Сайты на тильда : https://tilda.cc/ru/madeontilda/
Желаю тебе больших успехов!
На этом канале ты найдёшь БЕСПЛАТНЫЕ уроки по разработке сайтов на tilda и не только.
Мой опыт в вебе около 5 лет. Я занимался веб-дизайном, читал бумажные книги по HTML, PHP и CSS, работал в двух студиях, после чего ушёл на фриланс.
В 2020 году, любой может заниматься веб-разработками без написания тысяч строк кода, достаточно лишь знать где и как собирать ПРАВИЛЬНЫЕ сайты.
В наше время заказчику важно то, как РАБОТАЕТ сайт, а не то, на каком языке он написан.
Читай статьи, выполняй практические занятия, обучайся вместе с нами и заходи в наш чатик (опытом тоже месяться нужно!).
Заранее отвечу на важный вопрос - Какие сайты всё таки можно делать на тильде? Это ведь конструктор.
Держите 5 крутых сайтов, выполненных на tilda. Еще загляните в большой раздел #madeontilda , там сам движок публикует лучше тильда-сайты.
https://getthetribe.com/?ref=https://tilda.cc/ru/madeontilda/
http://bombbar-est.ru/?ref=https://tilda.cc/ru/madeontilda/
https://marklodoh.ru/?ref=https://tilda.cc/ru/madeontilda/
https://bagsolar.ru/?ref=https://tilda.cc/ru/madeontilda/
https://yolka.varlamov.ru/?ref=https://tilda.cc/ru/madeontilda/
Сайты на тильда : https://tilda.cc/ru/madeontilda/
Желаю тебе больших успехов!
📕 Каталог уроков, статей и материалов канала :
УРОКИ :
• Урок 1. Введение. Знакомство с Tilda, регистрация, создание первого сайта
• Урок 2. Подключение шрифтов для сайта
• Урок 3. Подключаем свой домен на tilda
• Урок 4. Подключаем сервисы аналитики
• Урок 5. Создаём сайт на стандартных блоках (1 часть)
• Урок 6. Создаём сайт на стандартных блоках (2 часть)
• Урок 7. Создаём сайт на стандартных блоках (3 часть)
• Урок 8. Создаём email рассылку на tilda (1 часть)
• Урок 9. Создаём сайт на стандартных блоках (4 часть)
• Урок 10. Подключаем блок Instagram к сайту
• Урок 11. Подключаем Google и Yandex карты к сайту
• Урок 12. Создаём сайт на стандартных блоках (5 часть)
• Урок 13. Делаем простой видеофон на сайте
• Урок 14. Покупаем и подключаем домен на 2domains - подробный разбор
• Урок 15. Создаём сайт на стандартных блоках (6 часть)
• Урок 16. Делаем pop-up элемент с таймером
• Урок 17. Устанавливаем комментарии на сайт от сервиса Disqus.com
• Урок 18. Создаём сайт на стандартных блоках (7 часть)
• Урок 19. Первый сайт на Zero Block (1 часть - обзор интерфейса и настроек)
• Урок 20. Первый сайт на Zero Block (2 часть - начинаем вёрстку сайта)
• Урок 21. Первый сайт на Zero Block (3 часть - работаем с текстом)
• Урок 22. Первый сайт на Zero Block (4 часть - работаем с изображениями и анимацией)
• Урок 23. Первый сайт на Zero Block (5 часть - завершаем работу над главным блоком)
• Урок 24. Первый сайт на Zero Block (6 часть - оптимизация на мобильные устройства)
• Урок 25. Первый сайт на Zero Block (7 часть - второй блок сайта)
• Урок 26. Подключаем формы tilda к telegram
• Урок 27. Первый сайт на Zero Block (9 часть - начинаем третий блок)
• Урок 28. Первый сайт на Zero Block (10 часть - третий блок, десктопная версия)
• Урок 29. Первый сайт на Zero Block (11 часть - адаптируем третий блок)
• Урок 30. Первый сайт на Zero Block (12 часть - четвёртый блок)
• Урок 31. Первый сайт на Zero Block (13 часть - пятый блок)
• Урок 32. Первый сайт на Zero Block (14 часть - пятый блок - оптимизация)
• Урок 33. Устанавливаем facebook пиксель на сайт
• Урок 34. Интернет-магазин на Zero Block (1 экран)
• Урок 35. Интернет-магазин на Zero Block (1 экран - часть 2)
• Урок 36. Интернет-магазин на Zero Block (1 экран - часть 3)
• Урок 37. Добавляем список товаров
• Урок 38. Собираем данные из форм Tilda в MailChimp
• Урок 39. Личный кабинет на Tilda (бета-версия)
• Урок 40. Отображение сайта в социальных сетях (SEO/Facebook)
• Урок 41. Интернет-магазин на Zero Block (добавляем корзину - часть 4)
• Урок 42. Подключаем комментарии от ВК и Facebook
• Урок 43. Подключаем платёжку Яндекс Деньги
• Урок 44. Делаем простой калькулятор (часть 1)
➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
ФИЧИ :
• Фича 1. Устанавливаем пароль на страницу
• Фича 2. Делаем простую страницу 404
• Фича 3. Защита от копирования контента на сайте
• Фича 4. Подключаем SSL сертификат (https протокол)
• Фича 5. Делаем зацикленную круговую анимацию
• Фича 6. Делаем эффект бегущей строки
• Фича 7. Анимация перемещения объектов по своей оси
• Фича 8. Триггерная анимация на Tilda
• Фича 9. Фиксирование элемента при скролле страницы
• Фича 10. Анимация фона при наведении на объект
• Фича 11. Замена элементов при скролле (анимация)
• Фича 12. Устанавливаем favicon на сайт
• Фича 13. Как сделать эффект до/после?
• Фича 14. Интересный эффект анимации
• Фича 15. Как сделать редирект для telegram на tilda
• Фича 16. Нестандартная анимация кнопок (часть 1)
• Фича 17. Плавная смена цвета фона блока
• Фича 18. Интересный переход страниц
• Фича 19. Вставка 3D объектов на сайт
➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
МАТЕРИАЛЫ :
• Материал 1. Модульные сетки для Photoshop
• Материал 2. PSD макет главной страницы сайта для вебинара
• Материал 3. PSD макет второго блока сайта для вебинара
• Материал 4. PSD макет третьего блока сайта вебинара
• Материал 5. Файлы для урока (Фича 11)
• Материал 6. Макет четвёртого блока сайта вебинара по инвестициям (PSD)
• Материал 7. Первый экран интернет магазина - сайт молочной продукции (архив: PSD + png)
УРОКИ :
• Урок 1. Введение. Знакомство с Tilda, регистрация, создание первого сайта
• Урок 2. Подключение шрифтов для сайта
• Урок 3. Подключаем свой домен на tilda
• Урок 4. Подключаем сервисы аналитики
• Урок 5. Создаём сайт на стандартных блоках (1 часть)
• Урок 6. Создаём сайт на стандартных блоках (2 часть)
• Урок 7. Создаём сайт на стандартных блоках (3 часть)
• Урок 8. Создаём email рассылку на tilda (1 часть)
• Урок 9. Создаём сайт на стандартных блоках (4 часть)
• Урок 10. Подключаем блок Instagram к сайту
• Урок 11. Подключаем Google и Yandex карты к сайту
• Урок 12. Создаём сайт на стандартных блоках (5 часть)
• Урок 13. Делаем простой видеофон на сайте
• Урок 14. Покупаем и подключаем домен на 2domains - подробный разбор
• Урок 15. Создаём сайт на стандартных блоках (6 часть)
• Урок 16. Делаем pop-up элемент с таймером
• Урок 17. Устанавливаем комментарии на сайт от сервиса Disqus.com
• Урок 18. Создаём сайт на стандартных блоках (7 часть)
• Урок 19. Первый сайт на Zero Block (1 часть - обзор интерфейса и настроек)
• Урок 20. Первый сайт на Zero Block (2 часть - начинаем вёрстку сайта)
• Урок 21. Первый сайт на Zero Block (3 часть - работаем с текстом)
• Урок 22. Первый сайт на Zero Block (4 часть - работаем с изображениями и анимацией)
• Урок 23. Первый сайт на Zero Block (5 часть - завершаем работу над главным блоком)
• Урок 24. Первый сайт на Zero Block (6 часть - оптимизация на мобильные устройства)
• Урок 25. Первый сайт на Zero Block (7 часть - второй блок сайта)
• Урок 26. Подключаем формы tilda к telegram
• Урок 27. Первый сайт на Zero Block (9 часть - начинаем третий блок)
• Урок 28. Первый сайт на Zero Block (10 часть - третий блок, десктопная версия)
• Урок 29. Первый сайт на Zero Block (11 часть - адаптируем третий блок)
• Урок 30. Первый сайт на Zero Block (12 часть - четвёртый блок)
• Урок 31. Первый сайт на Zero Block (13 часть - пятый блок)
• Урок 32. Первый сайт на Zero Block (14 часть - пятый блок - оптимизация)
• Урок 33. Устанавливаем facebook пиксель на сайт
• Урок 34. Интернет-магазин на Zero Block (1 экран)
• Урок 35. Интернет-магазин на Zero Block (1 экран - часть 2)
• Урок 36. Интернет-магазин на Zero Block (1 экран - часть 3)
• Урок 37. Добавляем список товаров
• Урок 38. Собираем данные из форм Tilda в MailChimp
• Урок 39. Личный кабинет на Tilda (бета-версия)
• Урок 40. Отображение сайта в социальных сетях (SEO/Facebook)
• Урок 41. Интернет-магазин на Zero Block (добавляем корзину - часть 4)
• Урок 42. Подключаем комментарии от ВК и Facebook
• Урок 43. Подключаем платёжку Яндекс Деньги
• Урок 44. Делаем простой калькулятор (часть 1)
➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
ФИЧИ :
• Фича 1. Устанавливаем пароль на страницу
• Фича 2. Делаем простую страницу 404
• Фича 3. Защита от копирования контента на сайте
• Фича 4. Подключаем SSL сертификат (https протокол)
• Фича 5. Делаем зацикленную круговую анимацию
• Фича 6. Делаем эффект бегущей строки
• Фича 7. Анимация перемещения объектов по своей оси
• Фича 8. Триггерная анимация на Tilda
• Фича 9. Фиксирование элемента при скролле страницы
• Фича 10. Анимация фона при наведении на объект
• Фича 11. Замена элементов при скролле (анимация)
• Фича 12. Устанавливаем favicon на сайт
• Фича 13. Как сделать эффект до/после?
• Фича 14. Интересный эффект анимации
• Фича 15. Как сделать редирект для telegram на tilda
• Фича 16. Нестандартная анимация кнопок (часть 1)
• Фича 17. Плавная смена цвета фона блока
• Фича 18. Интересный переход страниц
• Фича 19. Вставка 3D объектов на сайт
➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
МАТЕРИАЛЫ :
• Материал 1. Модульные сетки для Photoshop
• Материал 2. PSD макет главной страницы сайта для вебинара
• Материал 3. PSD макет второго блока сайта для вебинара
• Материал 4. PSD макет третьего блока сайта вебинара
• Материал 5. Файлы для урока (Фича 11)
• Материал 6. Макет четвёртого блока сайта вебинара по инвестициям (PSD)
• Материал 7. Первый экран интернет магазина - сайт молочной продукции (архив: PSD + png)
👨💻 [Урок 1] Вводный урок. Приступаем к работе!
В первом уроке мы выполнем первые, самые важные шаги : познакомимся с сервисом tilda, пройдём регистрацию и зарегистрируем наш первый сайт. Успехов!
🔥ИЗУЧИТЬ УРОК
В первом уроке мы выполнем первые, самые важные шаги : познакомимся с сервисом tilda, пройдём регистрацию и зарегистрируем наш первый сайт. Успехов!
🔥ИЗУЧИТЬ УРОК
Teletype
Вводный урок. Приступаем к работе!
Всем привет! Для работы с Tilda нужно познакомиться с ней. Если Вы ранее работали или хотя бы регистрировались на платформе - смело...
👨💻 [Урок 2] Подключаем шрифты для сайта
Всем привет! В данном уроке Вы научитесь менять базовые шрифты, предложенные нам сервисом Tilda, а так же подключать шрифты из библиотеки Google Fonts и шрифты загруженные из интернета. Изучаем урок, всем успехов!
🔥ИЗУЧИТЬ УРОК | ВСЕ УРОКИ
Всем привет! В данном уроке Вы научитесь менять базовые шрифты, предложенные нам сервисом Tilda, а так же подключать шрифты из библиотеки Google Fonts и шрифты загруженные из интернета. Изучаем урок, всем успехов!
🔥ИЗУЧИТЬ УРОК | ВСЕ УРОКИ
Teletype
Подключаем шрифты для сайта
Всем привет! В данном уроке мы научимся подключать нестандартные шрифты для нашего сайта на платформе tilda. Поехали!
👨💻 [Урок 3] Подключаем свой домен
Всем привет! В данном уроке Вы научитесь подключать свой домен на тильду. Скажу сразу, что есть несколько вариантов подключения и сейчас мы со всем разберёмся! Погнали!
🔥ИЗУЧИТЬ УРОК | ВСЕ УРОКИ
Всем привет! В данном уроке Вы научитесь подключать свой домен на тильду. Скажу сразу, что есть несколько вариантов подключения и сейчас мы со всем разберёмся! Погнали!
🔥ИЗУЧИТЬ УРОК | ВСЕ УРОКИ
👨💻 [Урок 4] Подключаем сервисы аналитики
Всем привет! Аналитика нужна каждому сайту. Но как её подключить быстро и просто? В данном уроке Вы научитесь подключать штатную аналитику от tilda, а так же счётчики сервисов Яндекс Метрика и Google Analytics. Урок важный и нужный, изучайте!)
🔥ИЗУЧИТЬ УРОК | ВСЕ УРОКИ
Всем привет! Аналитика нужна каждому сайту. Но как её подключить быстро и просто? В данном уроке Вы научитесь подключать штатную аналитику от tilda, а так же счётчики сервисов Яндекс Метрика и Google Analytics. Урок важный и нужный, изучайте!)
🔥ИЗУЧИТЬ УРОК | ВСЕ УРОКИ
Teletype
[Урок 4] Подключаем сервисы аналитики
Всем привет! Сегодня мы озадачимся вопросом подключения сервисов аналитики для нашего будущего сайта. Тут всё будет максимально просто...
👨💻 [Урок 5] Создаём сайт на стандартных блоках
Всем привет! Сегодня мы начнём создавать сайт на шаблонных блоках от сервиса
tilda. Тильда даёт возможность не только делать сайты с уникальными дизайнами, но и
большой выбор шаблонных блоков. Не стоит думать, что шаблон - это плохо.
В данном уроке мы начнём собирать сайт ресторана, установим несколько стандартных блоков и отредактируем их. Изучайте!)
🔥ИЗУЧИТЬ УРОК | ВСЕ УРОКИ
Всем привет! Сегодня мы начнём создавать сайт на шаблонных блоках от сервиса
tilda. Тильда даёт возможность не только делать сайты с уникальными дизайнами, но и
большой выбор шаблонных блоков. Не стоит думать, что шаблон - это плохо.
В данном уроке мы начнём собирать сайт ресторана, установим несколько стандартных блоков и отредактируем их. Изучайте!)
🔥ИЗУЧИТЬ УРОК | ВСЕ УРОКИ
Teletype
[Урок 5] Создаём сайт на стандартных блоках
Всем привет! Сегодня мы начнём создавать сайт на шаблонных блоках от сервиса tilda.
Сайтодел - приложение.jpg
1.4 MB
Фоновое изображение к уроку выше.
👨💻 [Урок 6] Создаём сайт на стандартных блоках (часть 2)
Всем привет! В данном уроке мы продолжим создавать сайт ресторана на стандартных блоках сервиса tilda.
Мы разберёмся в настройках параметров блока обложки, добавим немного анимации, отредактируем кнопки, изменим заголовок сайта.
Урок важный, изучай скорее!)
🔥ИЗУЧИТЬ УРОК | ВСЕ УРОКИ
Всем привет! В данном уроке мы продолжим создавать сайт ресторана на стандартных блоках сервиса tilda.
Мы разберёмся в настройках параметров блока обложки, добавим немного анимации, отредактируем кнопки, изменим заголовок сайта.
Урок важный, изучай скорее!)
🔥ИЗУЧИТЬ УРОК | ВСЕ УРОКИ
Teletype
[Урок 6] Создаём сайт на стандартных блоках (часть 2)
Всем привет! В данном уроке мы продолжим создавать сайт ресторана на стандартных блоках сервиса tilda.
👨💻 [Урок 7] Создаём сайт на стандартных блоках (часть 3)
Всем привет! В прошлом уроке мы практически сделали главный блок сайта, но так и не разобрались с меню.
Сегодня мы закроем этот вопрос, а именно : отредактируем настройки меню, добавим нужные пункты, поменяем логотип и наконец-то закончим с главным блоком. Погнали!
🔥ИЗУЧИТЬ УРОК | ВСЕ УРОКИ
Всем привет! В прошлом уроке мы практически сделали главный блок сайта, но так и не разобрались с меню.
Сегодня мы закроем этот вопрос, а именно : отредактируем настройки меню, добавим нужные пункты, поменяем логотип и наконец-то закончим с главным блоком. Погнали!
🔥ИЗУЧИТЬ УРОК | ВСЕ УРОКИ
Teletype
[Урок 7] Создаём сайт на стандартных блоках (часть 3)
Сейчас меню выглядит как-то так. Согласитесь, нужно его изменить. Для этого переходим в настройки блока меню и приступаем к работе.
логотипчик.png
23.9 KB
Логотип к уроку выше (3 часть).
👨💻 [Урок 8] Создаём email рассылку на Tilda
Всем доброго утра. Tilda - это не только инструмент для создания сайтов, но и сильный помощник в маркетинге.
Сегодня мы узнаем как создать свою первую email рассылку, создадим первое письмо и подготовим его к дальнейшей работе. Всем больших успехов и хороших выходых!
🔥ИЗУЧИТЬ УРОК | ВСЕ УРОКИ
Всем доброго утра. Tilda - это не только инструмент для создания сайтов, но и сильный помощник в маркетинге.
Сегодня мы узнаем как создать свою первую email рассылку, создадим первое письмо и подготовим его к дальнейшей работе. Всем больших успехов и хороших выходых!
🔥ИЗУЧИТЬ УРОК | ВСЕ УРОКИ
Teletype
[Урок 8] Создаём email рассылку на Tilda
Всем привет! Сегодня немного отойдём от темы разработки сайтов и окунёмся в одну из фич тильды - емейл рассылки. Если вы ведёте...
👨💻 [Урок 9] Создаём сайт на стандартных блоках (4 часть)
Всем привет! Продолжаем серию уроков по разработке сайта на стандартных шаблонных блоках.
В предыдущей части мы закончили меню и главный блок нашего сайта. Сегодня мы создадим описание нашего ресторана, а точнее оформим раздел "О нас" и привяжем его к соответствующим кнопкам. Приступаем!
🔥ИЗУЧИТЬ УРОК | ВСЕ УРОКИ
Всем привет! Продолжаем серию уроков по разработке сайта на стандартных шаблонных блоках.
В предыдущей части мы закончили меню и главный блок нашего сайта. Сегодня мы создадим описание нашего ресторана, а точнее оформим раздел "О нас" и привяжем его к соответствующим кнопкам. Приступаем!
🔥ИЗУЧИТЬ УРОК | ВСЕ УРОКИ
Teletype
[Урок 9] Создаём сайт на стандартных блоках (часть 4)
Всем привет! Продолжаем серию уроков по разработке сайта на стандартных шаблонных блоках. В предыдущей части мы закончили меню и главный...
👨💻 [Материал 1] Модульные сетки для Photoshop
Всем привет! День начнём с полезного. На завтрак у нас - модульные сетки специально для Tilda. Конкретно для Photoshop. Это именно те странные серые полоски, которые вы могли видеть в макетах сайтов.
Пользоваться ими мы начуимся позже, когда перейдём к вёрстке сайтов с индивидуальным дизайном на Zero Block. А пока что сохраняйте сетки к себе, они вам точно понадобятся!)
☁️ СКАЧАТЬ МАТЕРИАЛ | ВСЕ УРОКИ
Всем привет! День начнём с полезного. На завтрак у нас - модульные сетки специально для Tilda. Конкретно для Photoshop. Это именно те странные серые полоски, которые вы могли видеть в макетах сайтов.
Пользоваться ими мы начуимся позже, когда перейдём к вёрстке сайтов с индивидуальным дизайном на Zero Block. А пока что сохраняйте сетки к себе, они вам точно понадобятся!)
☁️ СКАЧАТЬ МАТЕРИАЛ | ВСЕ УРОКИ
