КУРСИ HTML5/CSS3+JQUERY (FRONT-END)

Для кого це може бути цікаво:

Для людей, яких цікавить front-end розробка, і які хотіли б з неї почати розвиток. Крім цього, цей курс може бути корисним для веб-дизайнерів – для розуміння як правильно малювати макети, на що звертати увагу, щоб кінцевий макет можна було реалізувати саме у тому вигляді, в якому він був узгоджений.

Вважається, що вхід до ІТ більш простий з QA (тестування), але якщо починати з курсу html/css, то слухач буде мати справу відразу з кількома суміжними напрямками, такими як веб-дизайн та частково програмування. І дуже часто front-end розробник переходить або в веб-дизайн або програмування – залежить від особистих якостей (не кожен може працювати з кодом, багатьом потрібна візуалізація, яка не може бути дана при написанні програми – код є код).

Мета курсу HTML5/CSS3+JQUERY:

Навчитися верстати html сторінки відповідно до макетів та загальних вимог. Важливо, щоб сторінка була зверстана не тільки в термін і відповідно до макету, а також вона була без проблем інтегрована в будь-яку CMS. Крім цього, мета курсу навчитися шукати інформацію та застосовувати необхідні властивості.

Особливості курсу:

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

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

ОЧНЕ НАВЧАННЯ
Терміни
1 година = 60 хвилин
Вартість
Для юр.осіб і ФОП + 10%
У групі
30 годин
У групі
8000 грн/курс
Індивідуально
25 годин
Індивідуально
500 грн/год
ОНЛАЙН-НАВЧАННЯ (В ПРЯМОМУ ЕФІРІ)
Терміни
1 година = 60 хвилин
Вартість
Для юр.осіб і ФОП + 10%
У групі
30 годин
У групі
7000 грн/курс
Індивідуально
25 годин
Індивідуально
450 грн/год

КОРПОРАТИВНЕ НАВЧАННЯ

Корпоративне навчання - це сильний мотивуючий фактор, що підвищує залученість співробітників і загальну ефективність роботи колективу. Ми пропонуємо компаніям послуги проведення курсів підвищення кваліфікації за всіма існуючими напрямками. Заняття можуть проводитися на нашій території, дистанційно або на території замовника за домовленістю. Індивідуальний підхід при створенні програм під нагальні завдання і вимоги, де підбирається необхідну кількість годин і розглянутих тем. Надішліть нам задачу і ми розрахуємо персональне пропозицію під ваші цілі.

Викладачі  даного курсу

  • Бородін Костянтин

    Професійний шлях Костянтина Бородіна йде з часів початку розвитку інтернету та верстання в таблицях. А це – майже 20 років досвіду з кодом та в першу чергу front-end розробки. Викладач може найкращим чином навчити верстати сторінки у відповідності з поставленою задачею, розбиратись в особливостях кодування, щоб слухач курсу міг успішно працювати в цій сфері.

Групи
Програма курсу:

1. Введення в Інтернет:

  • Що таке віртуальний сервер та інтернет-сайт. порядок створення інтернет-сайту, ролі розробників;
  • Інструменти, необхідні для верстки сайту: редактори коду, інспектори, корисні веб-ресурси;
  • Засоби перегляду веб-сторінок. Браузер, принцип роботи клієнт-сервер. Які бувають відмінності у версіях;

2. Введення у HTML. Форматування документа:

  • Що таке HTML і для чого потрібний. Основні теги порядок використання тегів;
  • Кодування документа та файлів. Її види;
  • Основні теги форматування тексту: h1-h6, p, strong, em, br;
  • використання спецсимволів (мнемонік);
  • Посилання. Атрибути посилань. Відносний та абсолютний шлях;
  • Додавання графічних елементів на сторінку;
  • Створення впорядкованого та не впорядкованого списків;
  • Якоря. використання якорів на сторінці;
  • Стандарти w3.org, html Валідатор;

3. Каскадні таблиці стилів (CSS):

  • Що це і навіщо потрібні;
  • Підключення CSS файлу, використання “риби” для html та css. Використання style у документі;
  • Стандартні відступи елементів або що таке CSS-reset;
  • Що таке class, id. Відмінність;
  • Форматування тексту;

4. Порядок верстки веб-сторінки:

  • Порядок створення веб-сторінки: що таке макет і навіщо він необхідний;
  • Стандарти PixelPerfect або верстка 1:1 до макету;
  • Тестування на відповідність до макету;
  • Деякі особливості веб-браузерів. Що таке віртуальна машина;
  • Фіксований та гумовий макет. Напіврезина;
  • Стандартне розташування блоків на сторінці: одна, дві, три колонки. Вкладення блоків;
  • Концепція SEO оптимізації;

5. Порядок нарізки макету:

  • Робота з шарами у Photoshop, Figma;
  • визначення основного блоку;
  • Візуальне розбиття сторінки на основні та другорядні елементи. Стандартне найменування блоків;
  • Використання внутрішніх та зовнішніх відступів – margin/padding. Чим відмінності. Центрування блоку по горизонталі;
  • Використання float під час розташування колонок на сторінці. Розташування блоків за допомогою table, table-row, table-cell;
  • Використання Flex;
  • Форматування тексту. Скорочений та повний запис;
  • Використання списків для навігаційного меню. Випадаюче меню на css;
  • Абсолютне та відносне позиціонування. Навіщо використовується. Що таке z-index;

6. Таблиці:

  • Навіщо необхідні таблиці, де використовувалися. Відмінність таблиць від блоків. Використання таблиць у час;
  • Структура таблиці: – основні теги;
  • Форматування таблиць: колір та межі;
  • Об’єднання осередків, рядків: colspan, rowspan. Розмір таблиці;

7. Форми:

  • Основні елементи форм.
  • Відмінність відображення елементів форм від браузера до браузера;
  • Кастомізація елементів форм за допомогою CSS та jQuery. Відмінності;

8. Використання JavaScript на сторінці:

  • Бібліотека jQuery та jQuery UI. Використання jQuery плагінів. Загальний принцип підключення скриптів;
  • Підключення галереї jQuery;

9. Шрифти:

  • Сімейства шрифтів: стандартні та кастомні;
  • Відмінність між шрифтами в різних операційних: Windows, OS X, Linux;
  • Використання @font-face, Google Font. Плюси і мінуси;

10. Розміщення HTML сторінок на сервері:

  • протокол FTP/SFTP;
  • Налаштування клієнта FTP. Лінкування сторінок та вивантаження файлів на сервер;

11. Адаптування сторінок під різні екрани (Responsive верстка):

  • Інструменти для верстки під мобільні пристрої. Адаптування сторінки під різні пристрої за допомогою медіа-запитів;
  • Для чого застосовуються CSS-фреймворки та їх використання для адаптації сторінки до різних пристроїв. Вимоги до макетів;
  • Огляд CSS-фреймворків: Bootstrap, Grid 960, Grid 1140, Skeleton;
  • Особливості відображення елементів та поведінки для Android/iOS;

12. Використання Bootstrap:

  • Підключення бібліотек та особливості сітки;
  • Використання компонентів та JavaScript;

13. Препроцесори:

  • Використання Less, Sass;

14. Портфоліо:

  • Для чого потрібне портфоліо;
  • Як створити портфоліо.
Наші нагороди та відгуки

Швидкий запис

Введіть ваші дані для подачі заявки. Ми з вами зв'яжемося і обговоримо деталі навчання.

ПРАЦЕВЛАШТУВАННЯ НАШИХ ВИПУСКНИКІВ

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

Кожен слухач може обрати для занять будь-яку з 6-ти наших філій (біля метро) по Києву

➤ Які форми навчання пропонуємо?

Очно (в навчальному центрі); онлайн (Live-заняття з викладачем за допомогою Skype, Teamviewer або інших програм); корпоративно (для підприємств) або дистанційно (на основі відео-уроків). Заняття можуть проходити як в групах, так і індивідуально

➤ Що слухач отримує після навчання?

Кожен випускник за умови відвідування занять автоматично отримує Сертифікат про закінчення.

➤ Чи є пробне заняття?

Кожен бажаючий може відвідати безкоштовне пробне заняття в групі, щоб зрозуміти чи відповідає курс очікуванням.

➤ Як довго ми працюємо?

Навчальний центр "ДАНКО" успішно працює на ринку бізнес-освіти з 1996 р і зарекомендував себе як надійний донор професійних кадрів.

➤ Хто викладачі?

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