​​🤟Привет! Настало время знакомства.

На этом канале ты найдёшь БЕСПЛАТНЫЕ уроки по разработке сайтов на 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] Подключаем шрифты для сайта

Всем привет! В данном уроке Вы научитесь менять базовые шрифты, предложенные нам сервисом Tilda, а так же подключать шрифты из библиотеки Google Fonts и шрифты загруженные из интернета. Изучаем урок, всем успехов!

🔥ИЗУЧИТЬ УРОК | ВСЕ УРОКИ

👨‍💻 [Урок 3] Подключаем свой домен

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

🔥ИЗУЧИТЬ УРОК | ВСЕ УРОКИ

👨‍💻 [Урок 4] Подключаем сервисы аналитики

Всем привет! Аналитика нужна каждому сайту. Но как её подключить быстро и просто? В данном уроке Вы научитесь подключать штатную аналитику от tilda, а так же счётчики сервисов Яндекс Метрика и Google Analytics. Урок важный и нужный, изучайте!)

🔥ИЗУЧИТЬ УРОК | ВСЕ УРОКИ

👨‍💻 [Урок 5] Создаём сайт на стандартных блоках

Всем привет! Сегодня мы начнём создавать сайт на шаблонных блоках от сервиса
tilda. Тильда даёт возможность не только делать сайты с уникальными дизайнами, но и
большой выбор шаблонных блоков. Не стоит думать, что шаблон - это плохо.

В данном уроке мы начнём собирать сайт ресторана, установим несколько стандартных блоков и отредактируем их. Изучайте!)

🔥ИЗУЧИТЬ УРОК | ВСЕ УРОКИ

Фоновое изображение к уроку выше.

👨‍💻 [Урок 6] Создаём сайт на стандартных блоках (часть 2)

Всем привет! В данном уроке мы продолжим создавать сайт ресторана на стандартных блоках сервиса tilda.

Мы разберёмся в настройках параметров блока обложки, добавим немного анимации, отредактируем кнопки, изменим заголовок сайта.
Урок важный, изучай скорее!)

🔥ИЗУЧИТЬ УРОК | ВСЕ УРОКИ

👨‍💻 [Урок 7] Создаём сайт на стандартных блоках (часть 3)

Всем привет! В прошлом уроке мы практически сделали главный блок сайта, но так и не разобрались с меню.

Сегодня мы закроем этот вопрос, а именно : отредактируем настройки меню, добавим нужные пункты, поменяем логотип и наконец-то закончим с главным блоком. Погнали!

🔥ИЗУЧИТЬ УРОК | ВСЕ УРОКИ

Логотип к уроку выше (3 часть).