Випускникам базових курсів HTML не буде зайвим пройти поглиблене вивчення цього напрямку. База, звичайно ж, лишається базою, але одного її знання недостатньо для того, щоб розбиратися в сучасних технологіях верстання web-сторінок та спеціалізованих ефектів. Серед необхідних для створення сайту вмінь – обрізання та переповнення блоків, елементів; використання відносного та абсолютного позиціювання. Цей курс допоможе вам орієнтуватися в питаннях спеціалізованої розробки коду по типу налаштування інструментів, організації механізму процесу проектування макетів, контролю та тестування web-ресурсів.
Саме цим і займаються клієнти Навчального Центру! Таке навчання буде корисним для редакторів самого коду, оптимізаторів, web-дизайнерів, верстальників.
В нашому Навчальному Центрі можна займатися не тільки індивідуально, але і в групах. Кожна з них буде формуватися з трьох слухачів. Ми спеціально не навчаємо по десять людей за один раз, адже встигнути зрозуміти та приділити достатньо уваги кожному за такої кількості присутніх просто не вийде. До того ж майстри налаштовані на те, що всі учні будуть активні під час заняття, бо всі вони проводяться під час живої бесіди.
Заняття в Навчальному Центрі не стануть віднімати великий відрізок часу учнів. Наші педагоги розроблюють програмний матеріал методом виключення всіх застарілих та непотрібних даних. Таким чином, ліричні відступи та всіляке сміття лишаються за бортом курсів.
Всі педагоги території є досвідченими практиками, які розуміються на мові HTML. До того ж вони вміють правильно піднести матеріал, що дуже важливо в діяльності всілякого майстра.
Не бійтеся дізнаватися ціни за надані нашими спеціалістами послуги. Вони у нас дуже демократичні та лояльні. До того ж на всіх клієнтів очікують приємні пропозиції та знижки.
Ви можете самостійно складати та редагувати графік, відносно котрого зможете відвідувати нас. Для всіх занятих у будні клієнтів буде важливим фактором наявність у нас занять у суботу та неділю.
Навчайтеся у педагогів нашої команди та отримуйте багато корисної інформації, нові знайомства, незабутні враження, хороший досвід та головне – іменний сертифікат!
Курси HTML та CSS. Advanced.
Кросбраузерна верстка, основи юзабіліті, HTML5 та CSS3: навчальна програма курсу.
Тема 1. Знайомство з адаптивною версткою.
- Введення в медіазапити.
- Знайомство з адаптивною версткою.
- Огляд популярних CSS-бібліотек.
- Знайомство з bootstrap – CSS-framework.
- Основні відмінності Bootstrap 3 і 4 версій.
- Grid – система сіток.
- Інші можливості Twitter Bootstrap.
- Практика.
Тема 2. HTML5: дата-атрибути й інші корисні можливості HTML5.
- Що таке дата-атрибути.
- Що можна зробити за допомогою дата-атрибутів.
- Вбудовані атрибути.
- Як застосовувати дата-атрибути зі сторонніх скриптів.
- Якорі. Плавне прокручування.
- Практика.
Тема 3. Сучасні методології верстки сторінки.
- Верстка Flex box.
- Напрямок розміщення елементів.
- Вирівнювання елементів по вертикалі і горизонталі.
- Вирівнювання тексту всередині блоку.
- Властивості: flex-flow, flex-grow, flex-basis, order.
- Практика.
Тема 4. HTML5 та селектори.
- Які селектори перейшли з HTML4/HTML.
- Які нові селектори з’явилися в HTML5.
- Уявлення про контекстні селектори.
- Характеристика псевдокласів.
- Характеристика псевдоелементів.
- Що таке спрайти.
- Що входить в поняття «роловери».
- Практика.
Тема 5. Характеристика доступності сайту. Методика формування сайтів, що будуть зручними для подальшого використання.
- Usability.
- Які задачі стоять перед користувачами.
- Якими принципами варто користуватися під час формування інтерфейсів для сайтів.
- Accessibility.
- Знайомство з технічним начинням, яке сприяє перегляду тексту.
- Обмежені можливості користувачів: які вони.
- Практика.
Тема 6. HTML та CSS: складне застосування.
- Відносне та абсолютне позиціонування елементів.
- Фіксоване позиціювання елементів.
- Як поводять себе дочірні компоненти в позиціонуванні.
- Як відбувається обрізання блоку.
- Як відбувається переповнення блоку: overflow.
- Підтримка властивості overflow в різних браузерах.
- Яким чином відбувається введення зовнішніх ресурсів.
- За допомогою яких механізмів вводиться векторна графіка.
- Іконка сайту.
- ICO-формат.
- Які характерні ознаки підтримки піктограм у сфері всіляких браузерів.
- Практика.
Тема 7. Методика сумісності веб-сторінок та всіляких браузерів.
- Умовні коментарі – це.
- Які скрипти використовуються для підтримки селекторів.
- Які скрипти використовуються для видозміни у поведінці браузерів, що вже застаріли.
- Огляд фільтрів.
- Практика.
Тема 8. Методика використання атрибутів CSS3.
- Суть градієнтів.
- Суть анімації.
- Знайомство з веб-шрифтами.
- Яким чином відбувається багатоколонна верстка.
- Фонові механізми.
- Алгоритм закруглення вузлів.
- Знайомство зі зразком блоків Flаsh.
- Введення в технології, що підтримуються браузером.
- Практика.
Тема 9. Макетна верстка.
- Алгоритм нарізання макету із файлу, що підтримує psd-формат.
- Процедура вибору розмірів.
- Процедура вибору типів верстки.
- Механізм верстки.
- Практика.
Тема 10. Введення в типові рішення.
- Що в собі містять фреймворки.
- Характеристика CMS-шаблонів.
- Як відбуваються JavaScript-рішення.
- Знайомство з динамічним CSS.
- Практика.