Web розробник. Верстка та програмування для сайтів

Інформація про курс:


Вартість: 1 500 грн / міс

Тривалість курсу:
2 семестри по 3 місяці - 24 заняття по 3 години
Групи вихідного дня: заняття по суботах

Формат навчання: Онлайн / Online

Дата початку курсу:


 
4 вересня 2021 року  11:00-14:00
(заняття проходять по суботах)

Записатися в групу

 

Курс охоплює всі аспекти професійного створення сайтів. В результаті кожен учень самостійно створить кілька власних сайтів, розмістить їх в мережі Інтернет.

Рекомендований вік слухачів 14-16 років.

 

Web розробник. Верстка та програмування для сайтів

Тривалість курсу: 2 семестри по 3 місяці, 24 заняття по 3 години
1-й семестр: вересень - грудень
2-й семестр: лютий - травень

 

Верстка сайту. 1-й семестр.

 

Базові поняття

  • Загальні поняття - що таке браузер, призначення HTML і CSS.
  • Який редактор вибрати для роботи.
  • Структура HTML-документа.
  • Поняття тега.
  • Кодування документа.
  • Робота з хостингом (переносимо сайт на хостинг).
  • Підбір доменного імені, пов'язуємо доменне ім'я з сайтом.

HTML

  • Форматування заголовків і абзаців.
  • Призначення заголовків.
  • Базові теги форматування тексту.
  • Посилання, посилання-закладки, посилання-зображення.
  • Додавання зображень на сторінку, зміна параметрів зображення.
  • Списки.
  • Просте меню. Випадаюче меню.
  • Таблиці. Складні таблиці, вкладені таблиці.
  • Додавання на сторінку елементів форм.
  • Роздільники, спецсимволи.
  • Розміщення на сайті відео і аудіо, блоку "поділитися в соціальних мережах".
  • Вставка на сайт іконки-фавікон.
  • Основи пошукової оптимізації (SEO).

CSS

  • Для чого потрібні стилі на сторінці.
  • Способи підключення CSS.
  • Поняття селектора.
  • Робота з текстом - завдання шрифту (системні, зовнішні, гугл-шрифти), накреслення, розміру. Оформлення тексту - підкреслення, новий рядок, висота рядка, міжсимвольний інтервал, зміна регістру.
  • Одиниці виміру.
  • Способи задання кольору.
  • Оформлення списків.
  • Робота з фоном елементів і сторінки.
  • Пожвавлення посилань. Псевдоселектори посилань. CSS-спрайт.
  • Знайомство з класами і ідентифікаторами.
  • Властивості блоків - розміри, відступи, рамки.
  • Позиціонування елементів.
  • Знайомство з властивістю float. CSS3: прозорість, тіні, заокруглення, трансформації і плавні переходи, анімація.

Верстка

  • Верстка жорсткого дизайну.
  • Верстка гумового дизайну.

Основи Photoshop для верстальника

  • Знайомство з редактором, налаштування його під себе.
  • Основні елементи інтерфейсу.
  • Де в макеті знайти інформацію для верстки.
  • Нарізаємо зображення з макета.
  • Параметри тексту.

 

Програмування для сайту. 2-й семестр.

 

Введення в JavaScript, основні відомості, синтаксис

  • Що таке JavaScript.
  • Що ми можемо зробити з його допомогою.
  • Як додати JavaScript на сторінку.
  • Поняття змінних і робота з ними.
  • Поняття масивів, види масивів.
  • Поняття алгоритму, умови, циклу.
  • Робота з рядками.
  • Робота з функціями.
  • Як отримати доступ до елементів сторінки.
  • Зміна елементів сторінки за допомогою JavaScrip.t

jQuery - найпопулярніший фреймворк

  • Підключення jQuery.
  • Основи jQuery, структура коду.
  • Ефекти плавності і анімація для елементів на сторінці.
  • Робимо елементи сторінки інтерактивними, пожвавлюємо їх.
  • Форми. Обробляємо дані введені в поля. Підготовка форми зворотного зв'язку для відправки на сервер (на пошту використовуючи шаблон PHP).
  • Робимо форму прорахунку і обробки введеної інформації.
  • Знайомство з технологією AJAX (обмін даними браузера з web-сервером без перезавантаження сторінки).
  • Drag-and-drop - перетягування елементів сторінки і реакція сторінки на це.

Підсумок: По закінченню курсу у кожного студента буде кілька сайтів з інтерактивними елементами.