HTML5 та CSS3 Advanced
Для кого цей курс
Веб розробники і фахівці, що займаються версткою сторінокПопередні вимоги
• Знання JavaScript• Знання основних тегів HTML і CSS атрибутів.
• Знання основ C # (для написання веб служб при роботі з веб сокетами і XmlHttpRequest)
Тривалість
18 год.Кількість уроків
9 занятьВартість навчання
Курс входить до
Спеціальності FrontEnd Розробник + AI SkillsПрограма курсу
1
Принципи побудови розмітки Grid. Шаблони сайтів
• Визначення CSS3 Grid Layout.
• Підтримка Grid Layout браузерами.
• Визначення сіток, колонок і рядків.
• Властивості Grid для зображування контейнерів.
• Методи окремих елементів для зображування.
• Вкладені Grid.
• Області Grid.
• Підтримка Grid Layout браузерами.
• Визначення сіток, колонок і рядків.
• Властивості Grid для зображування контейнерів.
• Методи окремих елементів для зображування.
• Вкладені Grid.
• Області Grid.
2
Анімація та градієнти
• Властивість transition.
• Створення переходів.
• Різновиди трансформації.
• Матриця трансформації.
• Спільне використання трансформації із переходом.
• 3D-трансформації.
• Анімації.
• Використання градієнтів.
• Створення переходів.
• Різновиди трансформації.
• Матриця трансформації.
• Спільне використання трансформації із переходом.
• 3D-трансформації.
• Анімації.
• Використання градієнтів.
3
Робота з графікою на стороні клієнта
• Основи SVG
• Path та координати
• Різні можливості з фігурами
• Path та координати
• Різні можливості з фігурами
4
Canvas
• Ознайомлення з тегом canvas.
• Промальовування ліній.
• Малювання прямокутної області.
• Заливка меж і градієнта.
• Очищення прямокутної області.
• Малювання кривих і дуг.
• Додавання img.
• Градієнтна заливка.
• Додавання тексту та тіні до елементів.
• Встановлення прозорості.
• Трансформація елементів полотна.
• Розгляд прикладів.
• Промальовування ліній.
• Малювання прямокутної області.
• Заливка меж і градієнта.
• Очищення прямокутної області.
• Малювання кривих і дуг.
• Додавання img.
• Градієнтна заливка.
• Додавання тексту та тіні до елементів.
• Встановлення прозорості.
• Трансформація елементів полотна.
• Розгляд прикладів.
5
Геолокація і налаштування карт для сайту
• Перевірка функціонала геолокації у сучасних браузерах.
• Структура геолокації API.
• Функції JavaScript у розмітці для пошуку розташування.
• Функція зворотного геокодування.
• Структура геолокації API.
• Функції JavaScript у розмітці для пошуку розташування.
• Функція зворотного геокодування.
6
Знайомство з node.js і Webpack
• Знайомство з nodeJS
• Створення проекту і встановлення пакетів webpack
• Налаштування запуску проекту
• Створення проекту і встановлення пакетів webpack
• Налаштування запуску проекту
7
Sass основи
• Визначення SASS і перетворення формату SASS в CSS
• Вкладеність
• Використання змінних
• Використання @mixin
• Інтерполяція змінних
• Директива @if у SASS
• Імпортування та розширення файлів
• Директива @if у SASS.
• Вкладеність
• Використання змінних
• Використання @mixin
• Інтерполяція змінних
• Директива @if у SASS
• Імпортування та розширення файлів
• Директива @if у SASS.
8
Практика
Написання макету сторінки з використанням вивчених інтернет-технологій.
9
Практика
Спробуй безкоштовно
Повноцінне заняття з тренером
Що входить до курсу
18 годин живого навчання з тренером
Практичні заняття та перевірка ДЗ
Спілкування з групою
Підтримка ментора та асистента
Тестування та Сертифікат
Відео курс від ITVDN
Як відбувається навчання
1
Живі онлайн заняття
з тренером
2
Виконання
домашніх завдань
3
Перевірка ДЗ
та фідбек
4
Тестування
та сертифікація
Сертифікат після закінчення курсу
Сертифікат після закінчення курсу
Готовий
почати навчання?
Відправляй заявку та зафіксуй свою знижку на навчання
Відгуки наших студентів
Відгуки з DOU
Olha Aliakina
Python developer
Я пройшла курс Python Developer.
Мені сподобалось, Python досить глибоко вивчали, з нуля і до асинхроного програмування, WebSocket... Насправді дуже багато тем розглянули, отримала уявлення як правцювати з БД, Git. Також вивчали Django, вже не так глибоко як Python, але достатньо, щоб робити проекти типу блог, веб магазин.
Домашки у мене займали часу, якщо на базовому курсі все встигати було легко, то починаючи з ООП вже потребували більше часу. Але насправді дуже корисні завдання і різні, щоб мозок запрацював у різних напрямках однієї теми. Щоб виконати дз, у моєму курсі конктетно, треба було також переглядати лекції на ITDVN, не тільки лекцію викладача. Бо часто відповідь як вирішити певну задачку була на лекції ITDVN на відповідну тему.
Після кожного з курсів можна пройти тестування і отримати сертифікацію по курсу. Для джунів це досить хороша опція, бо ці сертифікати можна викладати на лінкедин, щоб було підтвердження навчання. Що я і зробила. Тому рекомендувала б не забивати на тестування, а проходити.
Я б сказала, що пройти курс Python Developer було для мене визванням, встигати робити всі домашки і кінцевий проект не було легко, але було варто того. Нагрузка відчувалась, але якраз нагрузка і запускає роботу мозку в потрібному напрямку. Я задоволена курсом.
Прочитати оригінал
Відгуки з Facebook
Евгений Евгеньевич
Angular Developer
Пройшов у CyberBionics все що тільки можна))
Близько 5 різних курсів по frontend після чого вже 5 років є Angular розробником і нещодавно піврічний курс по .NET
Дякую школі, вона допомогла мені стати тим, хто я є.
Прочитати оригінал
Відгуки з Google
Дмитрий Беляев
.NET Developer
Пройшов курс за спеціальністю .NET розробник, від початку до кінця. Дуже вдячний людям за їхню працю, розуміння та допомогу. Чуйність від персоналу досить висока, так само, як і навички тренера (Михайла Козіна) - впевненість у поданні матеріалу, підкреслення важливих моментів та їх повторення при необхідності. Заняття проходять у комфортній обстановці, без будь-якої напруги. Навчання на останньому уроці не обривається, адже Команда CBS дає змогу отримати досвід роботи в їхній компанії, що є неймовірним бонусом.
Прочитати оригінал
Компанії, в яких працюють наші студенти
Залишилися питання?
Підкажемо, з чого почати, яку спеціальність обрати і як знайти першу роботу.
Про курс HTML5 та CSS3 Advanced
HTML5 вже впроваджений у велику кількість браузерів і незабаром ми станемо свідками небувалого зростання продуктивності, інтерактивності і масштабованості веб прикладних програм.
Пройшовши цей курс Ви дізнаєтеся, як застосовувати передові технології, засновані на HTML5, для написання програм, що дозволяють максимально використовують можливості сучасних браузерів. Курс описує нові інструменти в HTML5 для веб розробника і завдяки простим прикладам дозволяє освоїти базові концепції і задати правильне подальше освоєння нового веб стандарту. Цей курс стане для Вас відмінним стартом в освоєнні нової технології.
Пройшовши цей курс Ви дізнаєтеся, як застосовувати передові технології, засновані на HTML5, для написання програм, що дозволяють максимально використовують можливості сучасних браузерів. Курс описує нові інструменти в HTML5 для веб розробника і завдяки простим прикладам дозволяє освоїти базові концепції і задати правильне подальше освоєння нового веб стандарту. Цей курс стане для Вас відмінним стартом в освоєнні нової технології.