HTML5 та CSS3 Поглиблений
Для кого цей курс
Веб розробники і фахівці, що займаються версткою сторінокПопередні вимоги
• Знання JavaScript• Знання основних тегів HTML і CSS атрибутів.
• Знання основ C # (для написання веб служб при роботі з веб сокетами і XmlHttpRequest)
Тривалість
18 год.
Кількість уроків
9 занять
Вартість навчання
130
Курс входить до
Спеціальності 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
Тестування
та сертифікація
Сертифікат після закінчення курсу
Сертифікат після закінчення курсу
Тестування та сертифікація ІТ фахівців проходить на нашій власній платформі TestProvider.com
Ви отримуєте завірений сертифікат від CyberBionic Systematics, який підтверджує рівень ваших знань та збільшує шанси на успішне працевлаштування.
Кожен сертифікат має серійний номер, роботодавець може його перевірити та переконатися у справжності сертифіката.
Готовий
почати навчання?
Відправляй заявку та зафіксуй свою знижку на навчання
Олександр Гончаренко
Web Frontend Developer.
Сертифікований спеціаліст MCSA
Дмитро Охріменко
Експерт з побудови розподілених та веб-орієнтованих додатків.
Сертифікований спеціаліст Microsoft (MCTS, MCPD, MCT).
Віталій Мазяр
Web Frontend Developer. Тренер – консультант. Сертифікований тренер Microsoft. Автор відео курсів на ITVDN
Богдан Мартиненко
Frontend Developer. Тренер – консультант
Олексій Татаренков
FrontEnd Developer, тренер-консультант в CyberBionic Systematics
Олексій Кучеренко
тренер-консультант напрямку FrontEnd at CyberBionic Systematics
Відгуки наших студентів
Відгуки з DOU
Відгуки з Facebook
Відгуки з Google
Назар Есипчук
FrontEnd Developer
Я ученик 11 класса и решил для себя попробовать курсы по специальности Frontend Developer. О CyberBionic Systematics я узнал, когда просто искал курсы в интернете, просматривал разные рейтинги. По поводу самого курса - я доволен. Для меня все было достаточно легко, а когда были сложные моменты, тренера всегда помогали. Тренер раскрывал все темы очень четко и отвечал на все возникшие вопросы. Новичкам советую стараться не откладывать на потом то, что они могут сделать сразу.
О дальнейших перспективах в этой специальности - я хотел бы попасть на программу получения опыта в CyberBionic Systematics, а дальше найти еще что-то.
показати весь
Денис Попов
Project Manager, Ciklum
Курсы от CyberBionic Systematics дадут замечательную возможность каждому окунуться в мир программирования и благодаря актуальности рассматриваемых тем и практических заданий увидеть всю многогранность этого мира. Поднять себя на новые высоты с которых уже можно видеть свои профессиональные горизонты, наметить пути их завоевания и смело двинуться в путь.
показати весь
Станислав Заклюгин
О курсах CyberBionic Systematics узнал через сайт DOU. Рассматривал несколько учебных центров и остановил свой выбор на ваших курсах. За свой выбор не жалею. Благодарен Анне Павлюк за помощь в изучении материала, за помощь в выполнении домашних заданий. Очень понравились видео уроки на сайте ITVDN. Достаточно доступно излагается материал.
Относительно изучаемого материала хотелось бы сказать, что самое сложное было освоить TypeScript и Angular. Планирую и дальше изучать дополнительную информацию.
Будущим студентам рекомендую уделять время на домашние задания и на самообучение в рамках материала урока.
показати весь
Компанії, в яких працюють наші студенти
Залишилися питання?
Підкажемо, з чого почати, яку спеціальність обрати і як знайти першу роботу.
Про курс HTML5 та CSS3 Поглиблений
HTML5 вже впроваджений у велику кількість браузерів і незабаром ми станемо свідками небувалого зростання продуктивності, інтерактивності і масштабованості веб прикладних програм.
Пройшовши цей курс Ви дізнаєтеся, як застосовувати передові технології, засновані на HTML5, для написання програм, що дозволяють максимально використовують можливості сучасних браузерів. Курс описує нові інструменти в HTML5 для веб розробника і завдяки простим прикладам дозволяє освоїти базові концепції і задати правильне подальше освоєння нового веб стандарту. Цей курс стане для Вас відмінним стартом в освоєнні нової технології.
Пройшовши цей курс Ви дізнаєтеся, як застосовувати передові технології, засновані на HTML5, для написання програм, що дозволяють максимально використовують можливості сучасних браузерів. Курс описує нові інструменти в HTML5 для веб розробника і завдяки простим прикладам дозволяє освоїти базові концепції і задати правильне подальше освоєння нового веб стандарту. Цей курс стане для Вас відмінним стартом в освоєнні нової технології.