Курсы Frontend Developer: HTML и CSS

В рамках цього курсу вас ознайомлять з азами HTML та CSS, а також навчать верстати сайти. Після успішного закінчення курсу студенти матимуть змогу втілювати в верстку дизайн будь-якої складності, робити сайти, які однаково добре відображаються на будь-якому пристрої, помічати важливі дрібниці і писати код, який легко розширювати і підтримувати, навчиться розуміти структуру веб-сторінок.

Програма курсу

Вступ. Установка необхідного ПЗ

• Знайомство та план курсу
• Типи файлів
• Браузер
• Мови програмування
• Редактори коду.

Знайомство з HTML

• Структура HTML-документу
• Теги, атрибути тегів
• Розмітка тексту за допомогою HTML
• Посилання
• Списки
• Таблиці
• Зображення. формати зображень
• Форми
• Медіа (video, audio). Iframe
• Теги-орієнтири (header, main, aside, nav, section, article).

Git. Github

• Знайомство з Git. Github.

Знайомство з CSS

• Каскадність. Спадкування
• Підключення CSS
• Рідні стилі. Normalize.css Reset.css
• Селектори
• Стилізація тексту
• Шрифти
• Блокова модель
• Float. Float layout. Clearfix
• Position
• Псевдокласи. Псевдоелементи.

Advanced CSS

• Flexbox. Flexbox layout
• CSS Grid. Grid layout
• CSS препроцесори
• CSS фреймворки
• CSS методології.

Просунута робота з графікою

• SVG
• SVG спрайти
• Іконочні шрифти
• Адаптивна графіка. Тег picture
• Оптимізація графіки.

Адаптивна верстка

• Viewport. @media
• Одиниці вимірювання vh, vw, vmin, vmax, rem
• Знайомство з концепцією Responsive Web Design
• Mobile-first/Desktop-first
• Оптимізація сторінки.

Семантика і доступність

• Семантична розмітка
• Доступність для користувача інтерфейсів.

CSS анімації

• Transform
• Transition
• Filter
• Animation.

Виконання дипломного проєкту.

Особливості курсу

• Групові онлайн заняття
• Особистий кабінет для кожного учня
• Оперативна служба підтримки студентів
• Доступ до відеозаписів занять під час навчання та після його закінчення
• Велика частина занять орієнтована на практику
• Викладачі курсу - практикуючі фахівці, що працюють в топових компаніях
• Можливість повернути всі внесені за навчання кошти до шостого заняття
• Бонус курсу: тренінги по проходженню співбесіди та складанню резюме з HR-фахівцем компанії.

Викладачі курсу

• Владислав Лещенко - React Developer at N-iX
• Дмитро Крулькевич - Software Engineer at Continuumua
• Іван Самойлов - Senior Front-end Developer at Klever
• Владислав Повелиця - Front-end Developer at SOLAR Digital
• Роман Яремій - Full-Stack Developer at N-iX
• Володимир Шайтан - Technical Lead at Zoot
• Павло Зубак - Front-end Developer at Halo Lab
• Артем Рижов -  Senior Front-end Team Lead at Limitless
• Максим Гричина - Front-end Developer at AN.WORKS
• Любомир Горбатюк - Front-end Developer at Smile Ukraine
• Михайло Корольков - Front-end Developer at MZ Group
• Владислав Єрмолаєв - Front-end Developer at InStandart
• Олександр Щербачов - Front-end Developer at Covent IT
• Андрій Кривцов - Senior JavaScript Developer at Oracle
• Богдан Продан - Front-end Developer at Artkai
• Валерій Хомченко - Front-end Developer at SOLAR Digital
• Олександр Фурманов - Front-end Developer
• Юлія Остапенко - Front-end Developer

На цьому курсі учні напишуть невеликий додаток за допомогою React, навчаться розбивати його на логічні частини та компоненти, попрактикуються в написанні стилів разом із CSS Modules, а також познайомляться з основними концепціями написання додатку за допомогою цієї платформи.

Програма курсу

Вступ до React

На уроці учні познайомляться з React, навчаться створювати простий додаток за допомогою Create React App.

JSX у React

На уроці учні познайомляться з JSX, навчаться писати прості компоненти за допомогою JSX.

Основи React

На уроці учні познайомляться з підвидами компонентів, дізнаються, що таке state у React компонентах, навчаться додавати події до елементів та працювати зі списками.

Стан та життєвий цикл

На уроці учні познайомляться зі станом та життєвим циклом в React компонентах, дізнаються різницю між функціональними та класовими компонентами, навчаться їх використовувати, а також коротко ознайомляться з Redux.

Форми

На уроці учні познайомляться з можливістю працювати з формами в React, а також з такими поняттями, як підйом стану та валідація з PropTypes.

Стилізація у React

На уроці учні познайомляться з можливістю стилізації компонентів у React, а також навчаться використовувати модулі CSS для стилізації.

Створення списку заміток

На уроці учні познайомляться з можливістю вибору типу компонента під час виконання, попрактикуються застосовувати знання props, state, lifecycle та інших, а також створять список нотатків за допомогою React.

Hooks

На уроці учні познайомляться з основними хуками React, принципами їх роботи та напишуть свій (кастомний) хук і закріплять пройдений матеріал на практиці.

Введення в роутинг

На уроці учні познайомляться з бібліотекою react-router, навчаться організовувати маршрутизацію у додатку.

Створення сторінки помилки

На уроці учні познайомляться із Запобіжниками, React.Fragment, Строгим Режимом у React, а також навчаться створювати сторінку помилки.

Створення модального вікна

На уроці учні познайомляться з Рефами, Context API і Рендер пропсами, створять модальне вікно з використанням контексту і рендер пропс.

Оптимізація та продуктивність React додатків

На уроці учні дізнаються, що React може бути повільним - зрозуміємо, коли це може відбуватись і як із цим боротися. Познайомимося з різними інструментами, які дозволяють виявити наявність вузьких місць у React додатках, інструментами для оптимізації та аналізу, а також розберемо "нормалізацію" сховища в Redux, з'ясуємо, чим гарні іммутабельні структури даних у JavaScript, і як зробити білд додатку стрункішим та худішим.

Практика

По завершенню курсу ви будете вміти:

• Застосовувати базові концепції побудови односторінкових додатків в екосистемі React
• Писати та розбивати додатки на логічні частини і компоненти
• Стилізувати додатки за допомогою CSS модулів
• Будувати прості односторінкові додатки за допомогою React

Особливості курсу

• Практичні заняття і перевірка ДЗ
• Безкоштовний відеокурс
• Онлайн тестування і сертифікація

Викладачі курсу

• Богдан Мартиненко - Frontend Developer
• Тарас Заславський - Frontend Developer
• Владислав Бєлік - React Frontend Developer
• Ростислав Сілівейстр - Web Frontend Developer
• Олексій Татаренков - Frontend Developer
• Олексій Кучеренко - Тренер-консультант напрямку Frontend

Програма курсу

Модуль 1 - Основи верстки сайтів

• Введення у веб-розробку
• Основи роботи з графічним редактором Figma
• Введення в HTML, теги, атрибути, елементи
• Робота з об'єктами Form
• Введення в CSS - властивості, правила, успадкування, каскадування, нормалізація та скидання стилів
• CSS стилі, робота зі стилями
• CSS потоки, позиціонування та розташування об'єктів по сітці
• Псевдокласи, псевдоелементи
• CSS3 та робота з анімацією
• FlexBox
• Робота зі шрифтами

Модуль 2 - Оптимізація верстки сайтів та знайомство з Frontend

• Адаптивна та чуйна верстка, основні правила створення адаптивного сайту
• Медіа-запроси
• Препроцесор - SASS/SCSS, знайомство з LESS
• Введення у jQuery
• Підключення, кастомізація та комплексна робота з плагінами
• Tabs, Slider
• Основи JavaScript - змінні, функції, робота з елементами

Результати після проходження курсу:

• Впевнені знання mark-up та можливість продовжувати навчання у напрямку програмування (JavaScript, PHP, Java)
• Вміння самостійно створювати красиві та зручні сайти для Web та Mobile
• Власний готовий проєкт та приклади робіт, які можна показати на співбесіді
• Найкращі студенти отримають рекомендації для працевлаштування в IT компанії

Особливості курсу

• Є можливість оплатити курс частинами
• Наприкінці курсу надається сертифікат
• Курс збудований з урахуванням реальних вимог IT компаній
• Протягом всього курсу ведеться рейтинг успішності
• Бонусне заняття зі стратегії працевлаштування

Курс присвячений основам web-дизайну та програмування. Заняття проходять в режимі онлайн-трансляції, а після закінчення курсу студенти отримають сертифікат.

Програма курсу

Web-дизайн

• Figma, розбір вектора, створення простих іконок та ілюстрації, підбір ілюстрації на стоках
• Робота з сітками та шрифтами - установка шрифтів. Основи створення простого лендингу
• Робота з кнопками, іконками (категоризація), основи кольору
• Оформлення Дизайн системи (UI kit) зі всіма елементами, створення лого на основі існуючого шрифту
• Оформлення сайту - шапка, тіло, футер, створення малої карточки продукту, тексти для сайту
• Оформлення кейсу з сайтом для портфоліо або розбір існуючих портфоліо

Front-end

• Абсолютні та відносні шляхи, файлова структура, структура HTML
• HTML теги, посилання, списки, таблиці
• СSS, підключення, селектори та комбінування
• Псевдокласи, псевдоелементи, шрифти, інструменти розробника
• Зображення, графіка, фон
• Позиціювання, Overflow, Float
• Flex
• HTML 5
• Трансформації, Transition

Python

• Вступ до Python та основний синтаксиc
• Потік керування та функції
• Малювання з модулем turtle
• Списки та кортежі
• Словники
• Створення телеграм-бота

Особливості курсу

• Базовий курс для дітей 12-17 років
• Викладачі - практикуючі фахівці з великим досвідом роботи
• Навчання зосереджене на практиці
• Можливість брати участь в програмі Hillel EVO
• До шостого заняття ви можете повернути 100% внесених за навчання коштів

Викладачі курсу

• Єлизавета Чепугова - Graphic Designer в Nasha Idea
• Єгор Ліфіренко - Python Developer
• Владислав Дикий - Front-end Developer в Web Generator
• Роман Поплєтухин - Front-end Developer at Meduzzen

Від PSD-макету до адаптивного документа, разом з HTML5 та каскадними таблицями стилів CSS3. Так, це твій шлях до кар’єри у розробці — з 0 до junior front-end з заробітком від $800

Програма курсу

Модуль 1 - HTML5, CSS3. BEM. Bootstrap5. Адаптивна верстка. Верстка навчального проєкту

Заняття 1. Знайомство, вступна інформація. Перший кодинг

• Знайомство
• Що таке IT загалом і яке місце займає front-end у веб-розробці
• Етапи розробки проекту
• Огляд інструментів для розробки
• Структура документа HTML
• Основні теги
• CSS властивості

Заняття 2. Принципи роботи HTML та CSS. Figma. Практика

• Внутрішні стиль
• Три методи підключення CSS
• Рендеринг сторінок
• Блокові-малі
• Особливості HTML5. Поняття кросбраузерності та валідності
• Figma для fornt-end розробника
• CSS властивості

Заняття 3. Специфіка CSS. FTP. Практика

• Селектори
• Специфіка css
• Значення селектора, вага від типу звернення
• Посилання. Багатосторінкові сайти
• FTP. Робота із сервером
• Коментування коду
• CSS властивості

Заняття 4. Шляхи, імпорт скидання стилів. Методологія BEM. Практика

• Абсолютний та відносний шлях
• Імпорт стилів
• Скидання стилів за замовчуванням
• CSS reset
• Зображення як частина контенту
• Методологія БЕМ. Неймінг класів. Призначення, актуальність, плюси та мінуси
• CSS властивості

Заняття 5. Таблиці, flexbox layout. Практика. Робоче оточення

• Верстка таблиць
• Flexbox layout
• Робоче оточення або що має бути встановлене. Приклади використання
• CSS властивості

Заняття 6. Flexbox layout. Псевдоелементи. Позиціонування елементів

• Flexbox layout
• Позиціонування елементів, властивість position, static, relative, absolute, fixed, sticky: детальний розгляд кожної поведінки
• Псевдоелементи after та before
• Навичка гуглити
• CSS властивості

Заняття 7. Стани :hover, :active, :focus. Спрайти. Квіткоутворення

• CSS псевдоклас :hover, :active, :focus. Порядок зйомки
• Концепція спрайт. Технічне застосування. Призначення, актуальність, плюси та мінуси
• Семантична верстка
• Верстка навігація соціальних мереж із застосуванням спрайтів
• Квіткоутворення. rgb. hex. Альфаканал та непрозорість
• Навичка гуглити
• CSS властивості

Заняття 8. Шрифти, змінні css, функція calc()

• Підключення шрифтів. Що таке безпечні шрифти?
• google fonts огляд, застосування
• Псевдоклас: root
• Використання змінних у CSS. Призначення, актуальність, плюси та мінуси
• Функція calc() математичні операції CSS
• Навичка гуглити
• CSS властивості

Заняття 9. Псевдокласи. Селектори атрибутів

• Псевдокласи: first,: last,: nth-child. Приклади використання практично
• Звернення до силектора, різноманітність методів
• Синтаксис селекторів атрибутів
• Вендорні префікси
• Адаптивний шрифт (px, rem, em, vw). Робота з макетами
• CSS властивості

Заняття 10. Форми. Javascript старт. JQuery. jQuery-Mask

• Форми. Призначення, принцип роботи
• Атребути тега input
• Теги для верстки форм
• Стилізація елементів форм
• Що таке JQuery
• Презентація плагіна jQuery-Mask.js
• Реалізація маски введення телефону засобами jQuery-Mask.js
• CSS властивості

Заняття 11. Стилізація тега select. jQuery Nice Select. Градієнти. Паралакс

• Презентація плагіна jQuery Nice Select
• Підключення до проєкту jQuery Nice Select
• Стилізація checkbox/radio
• Лінійні і радіальні градієнти. Приклади використання
• Паралакс
• CSS властивості

Заняття 12. Гумова верстка. Медіазапит

• Верстка таблиці тегів
• Гумова верстка, приклади та правила
• Медіа-запити. Використання медіавиражень. Актуальні брекпоінти
• mobile/desctop first. Призначення, актуальність, плюси та мінуси
• Адаптуємо таблицю тегів

Заняття 13. Фреймворк bootstrap5 знайомство

• Презентація фреймворку bootstrap5
• Підключення. Вивчення розмітки та breakpoints
• Використання компонентів
• Розсмілення класів
• Структура розмітки bootstrap5. Система сіток

Заняття 14. bootstrap5 адаптивна верстка

• Поглиблене вивчення системи сіток та структури розмітки
• Адаптація. Детальний аналіз застосування шести точок скидання фреймворку
• Кастомізація компонентів під потреби проекту

Модуль 2 - Анімація. Робота з плагінами jQuery. SVG

Заняття 15. Властивість перетворення. Анімація

• Детальний аналіз якості transform і його значень
• Ключові кадри Keyframes
• Keyframes + transform
• Анімація "Розкадрування"
• Застосування фреймворку bootstrap у розмітці лекції

Заняття 16. SVG. Анімація SVG. Слайдер slick.js

• SVG у HTML. Вступ
• Стилізація об’єктів SVG
• Анімація SVG об’єктів
• Анімація по заданій траекторії
• Презентація сладера
• Підключення. Застосування. Натсройка. Стилізація
• Застосування фреймворку bootstrap у розмітці лекції

Заняття 17. Анімація wow.js та animate.css. aos.js. Слайдер slick.js

• Презентація бібліотеки wow.js Підключення. Розбір атребутів
• Застосування
• Презентація бібліотеки animate.css Підключення. Розбір атребутів
• Застосування
• Презентація бібліотеки aos.js Підключення. Розбір атребутів
• Застосування
• Застосування фреймворку bootstrap у розмітці лекції

Заняття 18. fullPage.js

• Презентація jqeary плгін fullPage.js
• Підключення. Розбір атребутів. Застосування
• Застосування фреймворку bootstrap у розмітці лекції

Заняття 19. jquery.multiscroll.js

• Презентація jqeary плагін jquery.multiscroll.js
• Підключення. Розбір атребутів. Застосування
• Застосування фреймворку bootstrap у розмітці лекції

Заняття 20. Start VanillaJS. Фреймворк PaperCSS

• Фреймворк PaperCSS
• Презентація фреймворку PaperCSS
• Підключення. Вивчення розмітки та breakpoints
• Використання компонентів
• Розсмілення класів
• Структура розмітки bootstrap5. Система сіток
• Практичне застосування PaperCSS

Заняття 21. Javascript. Фреймворк Neomo. Робота DOM деревом. Цикл forEach. Отримання атрибутів. Рух миші. Реалізація складного інтерактивного SVG об'єкта

• Фреймворк Неомо
• Презентація фреймворку Neomo
• Підключення. Вивчення розмітки та breakpoints
• Використання компонентів
• Розсмілення класів
• Структура розмітки Neomo. Система сіток
• Практичне застосування Neomo

Заняття 22. Javascript. Фреймворк Bulma. Конструкція if, else if, else. Медіавирази. window, onload, onresize, innerWidth

• Фреймворк Bulma
• Презентація фреймворку Bulma
• Підключення. Вивчення розмітки та breakpoints
• Використання компонентів
• Розсмілення класів
• Структура розмітки Bulma. Система сіток
• Практичне застосування Bulma

Заняття 23. Бібліотека lottie.js, анімація на json

• Що таке json і навіщо він потрібний
• Бібліотека lottie.js
• Презентація фреймворку lottie.js
• Підключення
• Практичне застосування lottie.js
• Реалізація анімації із застосуванням формату json

Модуль 3 - JS, Git, Gulp, Sass. Верстка проєкту

Заняття 24. Git, Node.js, Gulp, Sass, Include. Видача складання проєкту. Старт проєкту

• Що таке node.js, npm, Gulp. Принципи взаємодії
• Огляд популярних плагінів для Gulp
• Ідеальність верстки. PerfectPixel
• Огляд плагінів
• Що таке Git. Принципи роботи. Git Bush
• git clone, add, commit, push
• Верстка проєкту

Заняття 25. Git, Gulp, Sass.URL-encoder for SVG. Генератор HTML-дерева. Верстка проєкту

• Синтаксис scss. Переваги та актуальність
• git branch, checkout, gitk, відкат комміту
• Переміщення файлами в командному рядку
• Генератор HTML-дерева
• URL-code для SVG
• Верстка проекту

Заняття 26. Git, Gulp, Include. Верстка проєкту

• Include. Преимущества и актуальность
• Git merge
• Верстка проекта в разных ветках, мёрж веток

Заняття 27. Git, Gulp, API. Оптимізація зображень. Верстка проєкту. VSC-Configure Users Snipets

• VSC – Configure Users Snipets. Створення власних сніпетів
• Підключення API TinyPNG
• Верстка проєкту
• GitHub Pages
• Командна робота з гітом

Заняття 28. Git, Gulp, мовна панель vannila.js таби. Верстка проєкту

• Мовна панель vannila.js
• Верстка проекту
• Командна робота з гітом
• Підготовка до співбесіди
• code review учнів

Заняття 29. Git, Glup, vannila.js таби. Верстка проєкту

• Таби vannila.js
• Верстка проекту
• Питання по git, gulp
• Підготовка до співбесіди
• code review учнів

Заняття 30. Git, Glup, vannila.js burder-menu. Верстка проєкту

• Burger-menu vannila.js
• Верстка проекту
• Питання по git, gulp
• Підготовка до співбесіди
• code review учнів

Заняття 31. Git, Glup, vannila.js акордеон. Верстка проєкту

• Акордеон vannila.js
• Верстка проекту
• Питання по git, gulp
• Підготовка до співбесіди
• code review учнів

Заняття 32. Git, Glup, vannila.js scroll-to-top. Верстка проєкту

• Кнопка scroll-to-top vannila.js
• Верстка проекту
• Питання по git, gulp
• Підготовка до співбесіди
• code review учнів

Заняття 33. Git, Gulp, vannila.js fixed-header. Верстка проєкту

• vannila.js fixed-header
• Верстка проєкту
• Питання по git, gulp
• Підготовка до співбесіди
• code review учнів

Заняття 34. Git, Glup, vannila.js відстеження блоку на сторінці. Верстка проєкту

• vannila.js відстеження блоку на сторінці. Заклик до дії
• Верстка проекту
• Питання по git, gulp
• Підготовка до співбесіди
• code review учнів

Заняття 35. Заняття з Program Manager

• Принцип управління проєктами/продуктами в ІТ Комунікація та ролі у класичному менеджменті
• Особливості команди та комунікації в Agile
• SCRUM як методологія трансформер Estimates або як оцінювати завдання
• Kanban

Заняття 36. Оптимізація проєкту. Pagesspeed оптимізація. Markup Validation Service. Генератор HTML-дерева. Верстка проєкту

• Pagespeed оптимізація
• Оптимізація СSS
• Оптимізація JS
• Оптимізація зображень
• Знайомство із сервісом validator.w3.org
• Виправлення помилок HTML
• Контроль класнеймінгу методології BEM

Заняття 37. Огляд популярних фреймворків та CMS

React, Angular, Vue, Wordpres, Opencart. Карта росту

Заняття 38. Розмова з кар'єрним менеджером

• Як і де шукати роботу для початківця і які інструменти при цьому використовувати
• Як правильно зробити резюме і яка інформація у ньому є надважлива, а що буде зайвим
• Як створити профіль на Linkedin, щоб його могли побачити потенційні роботодавці
• 7 порад, які допоможуть пройти онлайн співбесіду набагато успішніше
• Q&A

Особливості курсу

• Безкоштовна IT англійська
• Додаткові матеріали
• Кар'єрний менеджер
• Лекція Project Manager
• Діджитал диплом для Linkedin

Викладачі курсу

• Дмитро Максюта - Senior Front-end Developer
• Ростислав Суслов - Middle Front-end Developer
• Євген Велигора - Middle Front-end Developer

Курс надає знання та навички розробки web-додатків та додатків для Windows Store з використанням стеку технологій HTML5/CSS3/JavaScript, створення на HTML5 програмних компонентів та структур для цих додатків. Розглядаються принципи побудови програмної логіки, визначення та використання змінних, написання циклів та розгалужень, побудови інтерфейсів користувачів, обробки та зберігання даних, які вводяться, розробки структурованих додатків на базі HTML5/CSS3/JavaScript.

Програма курсу

Огляд HTML та CSS

• Огляд HTML
• Огляд CSS
• Створення web-додатків за допомогою Visual Studio 2012

Створення та стилізації HTML5-сторінок

• Створення сторінки HTML5
• Налаштування стилю сторінки HTML5

Вступ до JavaScript

• Огляд синтаксису JavaScript
• Використання DOM в JavaScript
• Вступ до jQuery

Створення форм для збору даних та перевірки даних, які введені користувачем

• Огляд форм та типів введення
• Перевірка даних, які введені користувачем, за допомогою атрибутів HTML5
• Перевірка даних, які введені користувачем, за допомогою JavaScript

Взаємодія з віддаленим джерелом даних

• Відправлення та отримання даних за допомогою XMLHttpRequest
• Відправлення та отримання даних за допомогою операцій jQuery AJAX

Моделювання за допомогою HTML5 CSS3

• Стилізація тексту
• Стилізація групи елементів
• Селектори CSS3
• Використання графічних ефектів CSS3

Створення об'єктів за допомогою JavaScript

• Розробка структурованого коду на JavaScript
• Створення власних об'єктів
• Розширення створених та наявних об'єктів

Створення інтерактивних сторінок за допомогою HTML5

• Взаємодія з файлами
• Використання мультимедіа
• Реагування на дислокацію та контекст глядача
• Налаштування та профілювання web-додатків

Використання можливостей зберігання даних на стороні клієнта

• Локальне читання та запис даних
• Збереження даних на стороні клієнта у offline-режимі за допомогою кеша додатка

Реалізація адаптивного інтерфейсу користувача

• Підтримка різних форм-факторів
• Створення адаптивного інтерфейсу користувача

Використання графіки

• Створення векторної графіки за допомогою бібліотеки SVG
• Програмне створення графіки за допомогою елемента Canvas

Анімація інтерфейсу користувача

• Застосування CSS-переходів transitions
• Перетворення елементів transformations
• Використання покадрової CSS-анімації

Реалізація обміну повідомленнями, спрямованого в обидва боки, з використанням Web Sockets

• Вступ до Web Sockets
• Відправлення та отримання даних за допомогою Web Sockets

Використання Web Workers

• Вступ до Web Workers
• Виконання асинхронної обробки за допомогою Web Workers

Після курсу слухачі зможуть:

• Використовувати Visual Studio 2012 для створення Windows Store та web-додатків
• Описати нові функції HTML5, створювати сторінки в стилі HTML5
• Додавати інтерактивні сторінки HTML5 з використанням JavaScript
• Створювати форми HTML5 з використанням різних типів введення, перевіряти дані, які введені користувачем, за допомогою атрибутів HTML5 та коду JavaScript
• Відправляти та отримувати дані віддалено за допомогою об'єктів XMLHttpRequest та методів AJAX-бібліотеки jQuery
• Налаштовувати стиль сторінок HTML5 за допомогою нових можливостей CSS3
• Створювати структурований код на JavaScript, який легко супроводжувати
• Використовувати нові можливості JavaScript API в інтерактивних web-додатках
• Створювати web-додатки, які підтримують зберігання даних на стороні клієнта у offline-режимі
• Створювати web-сторінки HTML5, здатні адаптуватися до різних видів пристроїв та форм-факторів
• Виводити графіку засобами HTML5, використовуючи елементи Canvas та масштабовану векторну графіку SVG
• Підвищити зручність інтерфейсу користувача за допомогою анімації на сторінках HTML5
• Використовувати нові можливості Web Sockets API для передачі та прийому даних між web-додатком та сервером
• Зробити більш ефективною роботу додатків, які здійснюють тривалі операції з використанням Web Worker

Особливості курсу

• LIVE-навчання незалежно від формату участі в курсі (очно/віддалено)
• Підбірка матеріалів по темі курсу
• Попередньо налаштоване середовище та навчання на сучасному обладнанні
• Електронний сертифікат НЦ "Мережні Технології"
• Обід та кава-брейки (очний курс)
• Консультації тренера протягом 6-ти місяців після закінчення курсу