Курс Front-End
На курсі front-end ви навчитеся створювати веб сторінки і сайти, вивчіть html і css, навчитеся працювати з CMS системами.
Доступні формати навчання:
- Курс у записi
Вартість: 5 950 грн. - У записі з підтримкою
Вартість: 8 950 грн.
Подробиці уточнюйте у наших менеджерів
Особливі умови оплати:
- розстрочка без %
- вимушеним переселенцям
- випускникам Академії ІМТ
Переваги Online навчання в IMT
Онлайн навчання в IMT - 100% альтернатива Offline навчанню
Заняття в реальному часі
Ви присутні під час лекції, тільки віддалено
Закрита група підтримки
Надсилайте ДЗ, питання і спілкування
Online конспект лекцій
Матеріали всього курсу в відео онлайн конспекту
Живе спілкування, а не просто лекція
Діалог. Відповіді на питання і практика
Ставте питання
Під час заняття вам відповідають на питання
Записуємо всі заняття
Всі заняття записуються. Відео залишається у вас
Тестування і сертифікація
Навчальні тести в онлайн конспекті
Станьте Front End розробником!
Витративши всього два місяці ви вивчите мови HTML і CSS, верстку веб сторінок, навчитеся створювати цілі сайти і розміщувати їх на хостингах
Так проходить Online навчання
Підключення до реальної групі
Ви повністю берете участь в процесі, а не просто дивіться відео
Ви бачите викладача, його екран і дошку
Весь процес навчання повністю інтерактивний
Ставте питання
Активну участь під час заняття підвищує ефективність вашого навчання
Підтримка адміністратора
Перед першим заняттям, з вами зв'яжеться адміністратор і допоможе підключитися
Програма online курсу HTML і CSS
Повністю пророблена програма пройшовши яку ви отримаєте достатньо знань для початку кар'єри Front-End розробника
1. Введення в HTML
Введення в HTML
- Основи роботи сайтів, загальні відомості
інструментарій - Програми, необхідні для створення сайтів
формати файлів
Теги. Що таке тег?
- Основні відомості про тегах
- Парні теги
- Непарні теги
- Правила застосування тегів
- Правила вкладень для тега
- Загальна структура
- Обов'язкові теги
Типи тегів
- Теги верхнього рівня
- Заголовки
- Блокові елементи
- Рядкові елементи
- Верхній і нижній індекси
Списки
- Теги для списків
- Створення списків різних типів
- Маркований список
- Нумерований список
- Список визначень
Посилання
- Створення посилань
- Атрибути посилань
- Абсолютні і відносні посилання
- Види посилань
- Якоря
Зображення
- Додавання малюнка
- Альтернативний текст
- Зміна розмірів малюнка
- Атрибути для тегів
- Використання кольору
- Розмір
- Адреса
- Основи роботи сайтів, загальні відомості
2. Таблиці
Таблиці
- Теги для таблиць
- Атрибути таблиць
- Особливості таблиць
- Заголовок таблиці
- Стилі таблиці
- Вирівнювання таблиць
- Об'єднання осередків
- Вкладені таблиці
Форми
- Що таке форми
- Теги для форм
- Методи відправки post і get
- Бази даних
- Поля для введення
- Елементи форм
- Атрибути для форм
- Обробники форм
3. Введення в CSS
Введення в CSS
- Переваги стилів
- Підключення стилів
- Базовий синтаксис CSS
- Значення стильових властивостей
Селектори тегів
- Контекстні селектори
- Сусідні селектори
- Дочірні селектори
- Селектори атрибутів
- Універсальний селектор
- Створення макета сторінки
- Розбивка на блоки
- DIVная верстка
- Завдання розмірів елементів
- Позиціонування
- Зовнішні відступи
- Внутрішні відступи
- Схлопування відступів
- Оформлення і зображення
- Робота з фоном
4. Верстка макета
Верстка макета
- Обтікання блоків float
- Позиціонування і відступи
Адаптивна верстка
- Верстка під різні пристрої
- Гумова верстка
- Додання блокам адаптивності
- Медіа-запити
- Підключення скриптів
- Зовнішні скрипти
- Порядок виконання
- Підключення бібліотеки jQuery
- Виконання javascript
5. Візуальні ефекти в css
Візуальні ефекти в css
- Генератори css коду
- Тіні і обсяг для елементів
- Тіні і стилі для тексту
- Градієнти
- Створення і позиціонування кнопок
- CSS3 анімації елементів
- Кросбраузерності верстка
- Вендорний префікси
- Застосування сітки
6. Що таке фреймворки
Що таке фреймворки
- Bootstrap
- Початок роботи
- Підключення склад і настройка
- Система сіток
- Мобільна верстка
- Вирівнювання контенту
- Растрова і векторна графіка
Шрифтові іконки
- Glyphicons
- Font Awesome
- Анімовані іконки
CSS псевдокласи
- Псевдоклас: hover
- Псевдоклас: active
Робота з готовими елементами
- Меню
- Слайдер
- Акардеоном
- Таблиці
7. Групування
Групування
- Спадкування
- Каскадування
- Псевдокласи. Псевдоелементи
- Верстка меню, що випадає
- Підключення шрифтів
Фотошоп для верстальника
- Шари
- Розмір елементів
- Нарізка макета і картинок
- Як подивитися шрифти і колір
Перевірка даних на валідність (перевірка коду)
- Для чого потрібна валідація коду?
- Вимоги до коду W3C
- Валідація CSS
- Написання коректного коду
- Написання ефективного коду
- Виправлення помилок
- Сервіси і інструменти перевірки коду
8. Створення свого сайту
Створення свого сайту
- Робота з хостингом
- Що таке домен і хостинг
- Що таке DNS сервер
- Файлова структура
- Створення бази даних для сайту
- Завантаження архіву CMS на хостинг
- Процес установки CMS, підключення до БД
Робота з CMS WordPress
- Інтерфейс WordPress
- Основний функціонал
- Створення сторінок
- Створення записів
- Різниця між сторінками і записами
адміністрування CMS
Модулі, компоненти
9. Установка самопісний теми на WordPress
Установка самопісний теми на WordPress
- PHP зв'язку
- WordPress кодекс
- Формування сторінок за допомогою PHP
- Установка болванки
- Підключення динамічних шляхів
Налаштування
- page.php
- header.php
- footer.php
- functions.php
- front-page.php
10. Верстка однієї сторінки (landing page)
Верстка однієї сторінки (landing page)
- Підключення ефектів parallax js
- Підключення відео на фон
- Анімації елементів wow js
- Canvas html5
Системи контролю версій git і github
- Командна розробка проекту
- Робота через віддалений репозиторій git
- Установка клієнта smartgit
- Налаштування smartgit
- Комміти
- Команди pull і push
- Рішення конфліктів
11. CEO для верстальників (просування в пошукових системах)
CEO для верстальників (просування в пошукових системах)
- Алгоритми ПС, структура контенту для просування
- Взаємодія SEO фахівця і розробки
- Завантаження сторінок, швидкість, коди відповіді сервера, редіректи.
- Сервіси перевірки швидкості
- SEO оптимізація сторінок, теги, meta, дублі і канібалізація сторінок
- Посилання. Внутрішні, вхідні, вихідні. Пагінація в магазині
- Системні файли robots.txt, sitemap.xml
- Підключення сервісів аналітики: GA, GSC, GTM, FB pixel etc.
Викладач курсу фронтенд у Львові
Професіонали які діляться знаннями і своїм досвідом.
Миколай Дунаєв
Освіта та досвід: ОНЮА. Досвід в WEB-програмуванні з 2013 р.
- Спеціалізація: верстальник HTML/CSS
Олександр Мілютін
Digital маркетинг, стратегії просування, юзабіліті
Відгуки випускників курсу Front-End у Львові
Выпускники которые уже получили результаты после выпуска с курса
Гречухіна Катерина
Отримала основи знань HTML / CSS, до цього ніколи не вивчала верстку. Залишилася задоволена курсом, проте хотілося б ще трохи годин додати; було б зручніше зробити курс довше (наприклад 3 місяці замість 2,5), але сам урок коротше. 4,5 години важко концентруватися на інформації. А так все ОК.
Ціна-якість, по-моєму відповідають.
Гузь Дмитро
Хороший курс, в якому нас покроково навчили створювати свої перші сайти. Викладач максимально доніс до нас інформацію про нові технології створення сайтів, і щоб наші коди були валідні і правильно складені. Спасибі курсу IMT і викладачеві за заняття.
Антонова Анна
В процесі навчання я навчилася верстати сайти, оформляти їх, робити красивими і зручними. Даний курс надав знання не тільки за стандартними компонентами HTML / CSS, але і дозволив розібратися з фотошопом і різними слайдами. Тепер при перегляді різних сайтів, дивишся, не на контент, а на сам код і відразу бачиш всякі штучки, а іноді і недоліки. Я дуже задоволена курсом.
Бігун Людмила
Довго думала, чи є сенс йти на курси або все те ж саме можна знайти на youtube і вивчити самостійно. Тепер я впевнена, що на youtube такого немає!
На заняттях в IMT прекрасна атмосфера, величезна кількість інформації подається за невеликий проміжок часу. Для самостійного вивчення довелося б витратити набагато большк часу.
І окреме спасибі викладачеві Миколі Дунаєву. Інформація вся подається цікаво, зовсім не нудно як в інституті. 4,5 години щосуботи пролітали непомітно.
Часто задаваемые вопросы по курсу Front-End
Мы решаем все возникающие вопросы. Чтобы у вас было меньше сомнений, вот некоторые, наиболее часто задаваемые из них
Це не вебінари, які не записи занять – це Real Time learning, навчання в режимі реального часу без затримки. Ви бачите викладача, його екран, дошку. Ми використовуємо Zoom – це дозволяє задавати питання голосом, в чаті і навіть показувати свій екран під час практики.
Використовуємо Zoom. Викладач озвучує завдання, показує реалізацію крок за кроком. Ви робите. Якщо щось не виходить ви завжди можете запитати і показати свій екран. Вся практика ділиться на дрібні завдання, які ви виконуєте послідовно.
Так можна оплатити курс частинами. 1 оплата до початку занять, інші платежі за графіком. Якщо, після першого заняття, ви зрозумієте що це не ваше, ми повернемо всю суму.
Протягом тижня у зручний час у зручному місці у Вас є можливість переглянути відеозапис заняття і відправити домашку на перевірку. Далі Ви зможете рухатися разом з групою.
В цьому і полягає перевага онлайн-курсів: все, що Вам потрібно – стабільне підключення до Інтернет.
Академія співпрацює з IT-компаніями, які надсилають свої вакансії. Кращі випускники відправляються на стажування в компанії.
Домашні завдання виконуються в Google Docs. Посилання з відкритим доступом публікується в закритій групі в Facebook. Там же Ви задаєте питання, що виникають по домашці. Викладач дає зворотний зв'язок та рекомендації.
Записуйтеся на пробне заняття
Спочатку ви відвідуєте пробне, а сплачуєте потім.