Joomla

Featured

Відеолекція «Створення сайтів» (частина 1). Планування вебсайту

У цій відеолекції розглянуто питання проектування сайтів, підготовка до створення, дослідження аудиторії, аналіз конкурентів та наведено перелік деяких основних типі сайтів. Ця та інші відеолекції містять теоретичний матеріал який, здебільшого, може стати у нагоді починаючим розробникам сайтів та власникам бізнесу, які мають чи планують розробити власний сайт.

Якщо у Вас вже є досвід роботи з Joomla або хочете пришвидшити процес, раджу ознайомитись зі статтею «Відеоурок «Самостійне та швидке створення сайту фірми на Joomla»».

Відеолекція

 

  • Про цей курс – 00:03:28.
  • Проектування сайту – 00:05:46.
  • Підготовка до створення сайту (спрощене «проектування») – 00:47:34.
  • Дослідження аудиторії – 01:07:20.
  • Аналіз конкурентів – 01:30:16.
  • Типи сайтів – 02:06:13.

Відео краще переглядати з якістю «1080p HD». Цю та інші відеолекцію, відеоогляди та уроки можна знайти на моєму YouTube каналі.

Посилання з відео:

Якщо Вас цікавлять виключно практичні питання раджу ознайомитись з наступними відеоуроками:

Планування вебсайту
Планування вебсайту

Список питань, розглянутих під час лекцій 1-14

Відеолекція «Створення сайтів» (частина 1). Планування вебсайту.

  • Про цей курс – 00:03:28.
  • Проектування сайту – 00:05:46.
  • Підготовка до створення сайту (спрощене «проектування») – 00:47:34.
  • Дослідження аудиторії – 01:07:20.
  • Аналіз конкурентів – 01:30:16.
  • Типи сайтів – 02:06:13.

Відеолекція «Створення сайту» (частина 2). Засоби розробки вебсайтів.

  • Засоби розробки вебсайтів – 00:01:10.
  • Чому саме Joomla? Суб'єктивна спроба порівняння Joomla та WordPress – 00:28:44.
  • Що таке шаблон Joomla – 00:51:10.
  • Відмінності демонстраційного сайту шаблону від вашого сайту – 00:53:22.
  • Переваги та недоліки шаблонів – 01:10:11.
  • Індивідуальний дизайн – 01:23:31.
  • Як обирати шаблон – 01:27:46.
  • Переваги крадених шаблонів – 02:00:26.
  • Недоліки крадених шаблонів – 02:04:53.
  • Різниця між компонентами, модулями та плгінами – 02:17:09.
  • Інші типи «розширень» – 02:26:36.

Відеолекція «Розробка вебсайту» (частина 3). Вибір хостингу.

  • Вибір та приклади розширень Joomla – 00:01:28.
  • Ліцензія та підписка на розширення Joomla – 00:38:39.
  • Хостинг – 00:54:43.
  • Види хостингу – 01:01:44.
  • Переваги віртуального хостингу – 01:06:15.
  • Недоліки віртуального хостингу – 01:14:16.
  • Переваги VPS – 01:18:23.
  • Недоліки VPS – 01:20:55.
  • Переваги виділеного сервера – 01:23:12.
  • Недоліки виділеного сервера – 01:24:36.
  • Який хостинг вибрати? – 01:24:47.
  • Тарифи хостингу та маркетингові назви – 01:29:53.
  • Вибір хостингу – 01:45:21.
  • Що таке локальний сервер та для чого він потрібен – 02:12:31.
  • Порівняння локального сервера та хостинга – 02:14:34.
  • Чому сервер на домашньому комп'ютері не підходить для реального проєкту – 02:24:27.

Відеолекція «Розробка сайту» (частина 4). Вибір домену.

  • Що таке домен, навіщо він потрібний – 00:01:16.
  • Як вибрати домен – 00:13:02.
  • Кириличні домени. Переваги та недоліки – 00:33:15.
  • Як зареєструвати домен – 00:37:13.
  • Відновлення домену – 00:47:13.
  • DNS налаштування доменів – 00:50:24.
  • Основні DNS налаштування – 01:02:33.
  • Рекомендації щодо URL – 01:04:23.
  • Принципи побудови URL адрес у Joomla – 01:18:57.
  • Рекомендації щодо імен файлів та тек – 01:25:45.
  • Рекомендації щодо зображень – 01:35:41.
  • Рекомендації щодо логотипу – 01:50:23.
  • Рекомендації щодо Favicon – 02:00:43.
  • Рекомендації від Google щодо Favicon – 02:08:57.
  • Рекомендації щодо шрифтів – 02:10:45.

Відеолекція «Розробка сайтів» (частина 5). Зручність використання.

  • Рекомендації щодо кольорів - 00:01:18.
  • Рекомендації щодо анімації - 00:12:50.
  • Рекомендації щодо меню - 00:31:04.
  • Рекомендації щодо мобільного меню - 00:47:19.
  • Рекомендації щодо пошуку по сайту - 00:58:57.
  • Рекомендації щодо форматування тексту - 01:15:29.
  • Рекомендації щодо сторінки помилки 404 - 01:24:19.
  • Рекомендації щодо форм - 01:32:11.
  • Рекомендації щодо адаптивного дизайну - 01:47:06.
  • Рекомендації щодо шапки вебсайту - 01:54:00.
  • Рекомендації щодо підвалу вебсайту - 02:07:05.

Відеолекція «Створення вебсайту» (частина 6). Захист від злому.

  • Навіщо зламують вебсайти? - 00:01:06.
  • Негативні наслідки злому вебсайту - 00:08:41.
  • Типи атак на вебсайти - 00:25:13.
  • HTTPS та HTTP - 00:42:48.
  • Що таке SSL та навіщо він потрібен - 00:49:06.
  • Типи SSL сертифікатів та ціни на них - 00:53:25.
  • TLS, CAA, HSTS - 01:05:45.
  • Мінімізація вірогідності злому вебсайту - 01:09:25.
  • Розширення Joomla для підвищення захисту сайту від злому - 01:15:47.
  • Налаштування хостингу для підвищення захищеності сайту від злому - 01:36:30.
  • Налаштування файлу «.htaccess» для підвищення захищеності сайту від злому - 01:45:33.
  • Переваги резервного копіювання - 01:47:28.
  • Недоліки резервного копіювання - 01:48:39.
  • Захист сайту від спаму - 01:51:12.
  • Захист контенту від копіювання - 01:59:21.

Відеолекція «Створення вебсайту» (частина 7). Швидкість завантаження сайту.

  • Переваги прискорення швидкості завантаження вебсайту – 00:01:17.
  • Недоліки прискорення швидкості завантаження вебсайту – 00:08:06.
  • Вимірювання швидкості у Google PageSpeed Insights та GTmetrix – 00:13:39.
  • Рекомендації для прискорення завантаження вебсайту – 00:51:28.
  • Розширення Joomla для прискорення завантаження – 01:29:46.
  • Приклади оптимізації вебсайтів за допомогою JCH Optimize Pro – 01:36:05.
  • Інструменти підвищення швидкості на Хостингу Україна – 01:53:54.
  • Порівняння WEBP з PNG та JPG – 01:59:07.
  • Приклад оптимізації зображень – 02:06:00.

Відеолекція «Створення вебсайту» (частина 8). Швидкість сайту.

  • Мережа доставки контенту (CDN) – 00:01:21.
  • Переваги CDN – 00:13:45.
  • Недоліки CDN – 00:16:52.
  • Прискорені мобільні сторінки (AMP) – 00:21:07.
  • Переваги AMP – 00:37:51.
  • Недоліки AMP – 00:40:09.
  • Прогресивні вебдодатки (PWA) – 00:42:44.
  • Відмінності між PWA та звичайними вебдодатками – 00:47:5
  • Відмінності між PWA та нативними додатками – 00:50:27.
  • Коли сайт доцільно переробляти в PWA – 00:54:00.
  • Переваги PWA – 00:59:15.
  • Недоліки PWA – 01:01:39.
  • Основні технології PWA – 01:04:02.
  • Мобільна оптимізація вебсайтів – 01:06:48.
  • Чому мобільна оптимізація важлива – 01:09:4
  • Статистика – 01:12:21.
  • Типи мобільних вебсайтів – 01:22:17.
  • Зображення на мобільних пристроях – 01:34:43.
  • Адаптивні зображення – 01:39:19.
  • Як 5G змінює вимоги до мобільних сайтів – 01:43:23.
  • Штучний інтелект (AI) для персоналізації досвіду – 01:50:52.

Відеолекція «Виготовлення сайтів» (частина 9). Зручність використання.

  • Рекомендації щодо головної сторінки вебсайту фірми, яка надає послуги – 00:05:19.
  • Рекомендації щодо сторінки «Контакти» – 00:24:08.
  • Рекомендації щодо сторінки «Про компанію» – 00:36:05.
  • Рекомендації щодо сторінки «Послуги» – 00:47:35.
  • Рекомендації щодо сторінки «Портфоліо» – 00:57:36.
  • «Хлібні крихти» – 01:06:21.
  • Рекомендації щодо «Хлібних крихт» – 01:08:18.
  • Рекомендації щодо кнопки «Вверх» – 01:11:57.
  • Рекомендації щодо коментарів – 01:17:37.
  • Рекомендації щодо кнопок шерінгу у соціальні мережі – 01:33:17.
  • Рекомендації щодо кнопок – 01:38:41.
  • Рекомендації щодо посилань – 01:44:28.
  • Рекомендації щодо маркерованих та нумерованих списків – 01:52:20.
  • Рекомендації щодо таблиць – 01:55:33.
  • Рекомендації щодо цитат – 02:02:15.

Відеолекція «Виготовлення сайтів» (частина 10). Розробка сайту інтернет-магазину.

  • Головна сторінка інтернет-магазину – 00:01:26.
  • Сторінка «Оплата та доставка» – 00:15:38.
  • Категорії товарів – 00:21:36.
  • Сторінка товару – 00:32:41.
  • Сторінка оформлення замовлення – 01:05:57.
  • Особистий кабінет – 01:31:16.
  • Фільтр товарів інтернет-магазину – 02:12:43.

Відеолекція «Виготовлення сайтів» (частина 11). Розробка сайту для бізнесу.

  • Забезпечення доступності сайтів (web accessibility) – 00:01:32.
  • Web Content Accessibility Guidelines (WCAG) 2.0 – 00:16:27.
  • ADA Compliance (Відповідність ADA) – 00:38:20.
  • Основні вимоги до сайтів згідно WCAG 2.0 AA – 00:41:38.
  • Cookies – 00:51:39.
  • GDPR – 01:12:44.
  • Що потрібно зробити власникам сайтів? – 01:25:22.
  • Закон України «Про захист персональних даних» – 01:27:09.
  • Відповідальність за порушення – 01:31:52.
  • Оновлення сайту – 01:32:51.
  • Безпечна методика оновлення сайту – 01:52:27.
  • Методика вирішення проблем з сайтом – 02:16:29.

Відеолекція «Розробка вебсайтів» (частина 12). Як створити сайт для продажу.

  • Локалізація сайту та Переклад сайту: у чому різниця – 00:01:36.
  • Переваги та недоліки багатомовного сайту – 00:17:11.
  • Переваги та недоліки автоматичного перекладу сайту – 00:26:32.
  • Переваги та недоліки «повноцінного» багатомовного сайту – 00:42:45.
  • Закону України «Про забезпечення функціонування української мови як державної» – 00:47:41.
  • SEO-рекомендації для багатомовних сайтів – 01:01:00.
  • Пошта зі своїм доменом – 01:15:52.
  • Причини різного відображення кольору – 01:34:03.
  • Причини різного відображення шрифтів – 01:54:57.
  • Причини різного відображення дизайну сайту – 02:12:08.

Відеолекція «Як створити свій сайт» (частина 13). Монетизація та «швидкий старт».

  • Різна швидкість завантаження – 00:01:37.
  • Якість сайту – 00:09:57.
  • Способи монетизації сайтів – 00:30:33.
  • Донати – 00:40:39.
  • Краудфандинг – 00:47:10.
  • Спонсорство – 00:52:55.
  • Нативна реклама – 00:56:23.
  • Продаж гостьових постів – 01:07:20.
  • Розміщення відеореклами – 01:11:23.
  • Продаж цифрових продуктів – 01:15:06.
  • Платний доступ до закритих розділів – 01:22:03.
  • Дропшипінг – 01:25:40.
  • Реферальні магазини – 01:27:58.
  • Оренда сайту – 01:30:49.
  • Продаж сайту – 01:32:53.
  • Монетизація через вебдодатки – 01:35:31.
  • «Швидкий старт» – 01:39:23.

Відеолекція «Створення сайтів у епоху «штучного інтелекту»» (частина 14).

  • «Штучний інтелект» – 00:21:08.
  • Як ШІ може змінити сучасні технології розробки вебсайтів у найближчі 7-10 років? – 00:22:54.
  • Як ШІ може змінити сучасну розробку вебсайтів з використанням CMS у найближчі 7-10 років? – 00:33:37.
  • Чи може ШІ у найближчі 7-10 років замінити сучасний підхід до розробки вебсайтів на базі CMS? – 00:41:52.
  • Які професії зараз залучені до розробки вебсайтів, і як вони зміняться чи зникнуть у найближчі 7-10 р. під впливом ШІ? – 00:51:40.
  • Зменшення ризиків втрати роботи під «натиском» ШІ у сфері розробки сайтів у найближчі 7-10 – 01:09:17.
  • Зменшення ризиків втрати роботи під «натиском» ШІ у сфері розробки сайтів на CMS та їх просування – 01:28:34.
  • 4AI для Joomla – 01:34:35.

У наступній статті «Відеолекція «Створення сайту» (частина 2). Засоби розробки вебсайтів» ми продовжимо розглядати різноманітні теоретичні питання стосовно створення сайтів.

Автор статті – Хорошевський Олексій
Хорошевський Олексій

Кандидат технічних наук, викладач Харківського національного університету радіоелектроніки, веб-майстер та SEO-оптимізатор із досвідом роботи понад 15 років. Спеціаліст зі створення сайтів на Joomla та WebSite X5. Автор наукових публікацій, відеокурсів та навчального контенту з веб-розробки та SEO. Веде блог та YouTube-канал, де ділиться своїми знаннями та практичним досвідом.
Надає послуги зі створення, доопрацювання, супроводу та просування сайтів. Докладніше про автора…

Контакти:

Соціальні мережі:

Публікації та робота:
Схожі матеріали

 

Корисні посилання:

Завантаження коментаря... Коментар буде оновлено через 00:00.
Напишіть коментар...
- символів залишилося.
або залишити коментар як гість