Верстка сайтів HTML + CSS Advanced (від 14 років)
Опис
Сьогодні веб-сайти все більше і більше набирають популярність, бізнес йде в онлайн
Тому дуже швидко розвивається ІТ сфера, яка дозволяє працювати не лише на Україну, але і на закордон, відкриваючи нові можливості для тих, хто вчасно використає таку можливість та проявить свій талант в програмуваннні.
А найлегше стартанути саме в Фронтенд програмуванні. HTML+CSS - це основи-основ. Комп'ютерна академія Hashtag пропонує вам Курс HTML+CSS
Об’єм курсу: 6 місяців 3-чі на тиждень по 2 год, у вечірній час, + 30 хв. консультації перед кожним заняттям
Час проведення: 18:30-20:30
Програма включає: вивчення самого HTML, CSS, Bootstrap, верстку на Препроцесорах, основи PHP та багато іншого цікавого.
- вік 14 - 45 років
- групове та індивідуальне навчання
- лише актуальна та потрібна інформація
- повна програма
- видаємо Сертифікат
- найкращі випускники матимуть змогу співпрацювати з академією
Ви можете навчатися індивідуально, або ж в групі
| Дни недели занятий | пн, ср, пт |
|---|---|
| Время занятий | вечер |
| Занятий в неделю | 3 |
| Длительность занятия | 2 год |
| Часы занятий | 18:00 |
| Группы | до 10 чел. |
| Возраст аудитории | Старшеклассники, Студенты, Взрослые |
| Вид подготовки | Базовый курс |
| Город | Хмельницкий |
| Преподаватель | фахівець-практик |
| Учебные материалы | |
| Пробное занятие | безкоштовно |
| Документ об окончании | Сертифікат |
| Опции | Групповые занятия, Индивидуальное обучение |
| Працевлаштування | Ні |
| Условия трудоустройства |
Запись на курс
Програма навчання
Інтернет, веб-сторінка, введення в HTML
- зародження інтернету
- основні визначення
- програми для розробки
- введення в HTML
- побудова структури
Інструменти верстальника
- налаштування програм
- екскурс по інтерфейсам
- порізка макету
HTML верстка
- знайомство з тегами на макеті
- HTML верстка
- побудова моделі
Введення в CSS
- спецсимволи
- одиниці вимірювання
- основні стилі CSS
Додаткові CSS властивості
- display
- :hover
- посилання
- стилі браузера
- вага стилів
- онлайн-редактори
HTML5
- основні відмінності та переваги
- нові теги HTML5
- правильне використання
Псевдоелементи
- :before & :after
- box-sizing
- position
Спрайти
- особливості та переваги
- створення спрайтів
Селектори
- псевдо-селектори
- специфічні селектори
- селектори по атрибутам
Шрифти
- підключення зовнішніх шрифтів
- підключення внутрішніх шрифтів
Таблиці
- звичайні таблиці
- таблиці стилями
EMMET
- переваги використання
- практика
БЕМ
- особливості методології
- практика
GIT
- призначення
- основні команди
- гілки
Веб-форми
- елементи форм
- атрибути елементів
- HTML5 елементи
Основи PHP
- введення
- структура
- змінні
- налаштування локального серверу
- відправка замовлень на пошту
Практика PHP
- умови
- цикли
- функції
- написання гри “Орел-Решка”
- написання гри “Екстрасенс”
CSS трансформація
- scale
- rotate
- skew
- translate
- matrix
CSS анімація
- transition
- animation
Препроцесори
- основи
- змінні
- вкладеність
- міксини
- спадкування
- імпорт
- компілятори
SVG
- основні переваги
- структура
- базові фігури
- робоча область, заливки, обведення
- практика
Основи адаптивної верстки
- @media
- viewport
- відносні величини
- практичні приклади
Flexbox & CSS Grid
- display: flex;
- gisplay: grid;
Bootstrap
- Bootstrap 3
- Bootstrap 4
- м. Хмельницький, вул. Молодіжна 2/3А