Придбаний [Типовий верстальник] Базовий курс для верстальників 2018-2019 (Анна Блок)

[Gadzhi]

Переглянути вкладення 24535

​

Кому корисний цей курс?
Новачкам
Хочеш навчитися найбільш затребуваною інтернет професії? Обов'язково приходь до нас.

Бэкендерам
Давно вже працюєш з серверною частиною проектів, але хочеш навчитися змінювати візуал сайтів? Тобі до нас!

Веб-дизайнерам
Давно малюєш сайти, але хотів би сам навчитися верстати? Відвідай курс і на практиці дізнаєшся як створюються сайти.

Маркетологам
Бракує основ веб-розробки для просування сайтів? Ми допоможемо заповнити цю прогалину.

ЅММщикам
Робота SMM, як правило, нерозривна з підтримкою сайтів. Саме час вивчити основи веб-розробки.

підприємцям
Складно уявити сучасний бізнес без сайту. Освой ази, щоб спілкуватися з розробниками на одній мові.

Спойлер: інформація

Стартова лекція.

• Розбір основ програми Adobe Photoshop;
• Робота з зображеннями;

Початок роботи. Основи HTML

• Підготовка проекту до верстки;
• Структура html-документа (html, head, body) ;
• Огляд популярних тегів HTML;
• Огляд семантичних тегів HTML.

основи HTML

• Ідентифікатори та класи;
• Атрибути для input і textarea;
• Відмінності між button і a;
• Посилання для соціальних мереж;
• Робота з поштою і скайпом;
• Робота з git.

підключення CSS, робота з текстом

• Підключення CSS до документа HTML;
• Структура CSS-файлів;
• Способи підключення шрифтів на сторінку;
• Форматування тексту за допомогою CSS;
• Стилі для роботи зі шрифтами;
• Різні типи запису кольору в CSS документі;

розміщення ОБ'ЄКТІВ CSS

• Селектори, які варто знати і застосовувати;
• Типи позиціонування елементів;
• Установка favicon на сторінку.

стилізація елементів CSS

• Стилізація посилань і кнопок;
• Робота зі списками;
• Робота з after і before;

види сіток CSS

• Центрування об'єктів у документі;
• Відступи padding і margin;
• Flexbox CSS;
• CSS Grid;

Фон і зображення CSS

• Колір фону;
• Завантаження зображення через CSS;
• Повтор зображення;
• Створення градієнта в CSS;
• Фільтри в CSS.

Рамки і обведення CSS

• Створення рамок CSS;
• Створення радіусів CSS;
• Створення тіней;
• Створення зовнішніх рамок CSS;

Оживляємо сайт з CSS

• Переходи в CSS;
• Трансформації в CSS;
• Створення анімацій за допомогою CSS3

адаптивність CSS

• Перевірка HTML і CSS на валідність;
• Медіа-запити;
• Основні правила створення адаптивного сайту;
• Відмінності гумової верстки від адаптивної.

векторні зображення

• Збереження SVG-зображень в Illustrator;
• Створення SVG через теги;
• Base64;
• Створення патернів SVG.

Верстка email-листів

• Правилам верстки email;
• Створення на прикладі;
• Сервіси, для вивантаження свого шаблону;
• Кроссбраузерная верстка.

основи jQuery

• Бібліотеки JavaScript;
• Додавання бібліотеки jQuery на сторінку;
• Основні селектори;
• Фільтри jQuery;
• Відобразити і заховати об'єкт з jQuery.

основи jQuery

• Огляд плагіна jQuery UI;
• Події наведення і зміщення покажчика миші;
• Поширені завдання, що вирішуються за допомогою jQuery.

популярні плагіни для роботи

• Слайдери;
• Галерея зображень.

CSS-препроцессоры

• Детальний огляд SASS;
• Короткий огляд LESS;
• Короткий огляд Stylus;
• Який препроцесор вибрати для роботи?

Створення сайту на безкоштовному хостингу Github

• Короткий опис систем контролю версій. Для чого вони потрібні?
• Реєстрація на сайті Github;
• Створення репозиторію;
• Наповнення репозиторію файлами.

CSS-фреймворки

• Що таке CSS-фреймворки?
• Які CSS-фреймворки існують на сьогоднішній день?
• Bootstrap: яку версію вибрати?
• Огляд елементів Bootstrap.

Актуальні теми.

• Як знайти своє перше замовлення або влаштуватися на роботу, якщо ти новачок;
• З'ясуємо, що краще підійде саме тобі: офіс, віддалена робота або Фріланс;
• Самоорганізація і робота в команді: розглянемо популярні сайти і додатки з управління проектами;
• Список актуальних Фріланс-бірж.

https://privatelink.de/?http://tpverstak.ru/training/