Курс прызначаны для шырокага круга Web-распрацоўнікаў, жадаючых паглыбіць свае веды і асвоіць на практыку новыя магчымасці, якія прадстаўляюцца HTML5 і CSS3.
Папярэдні ўзровень падрыхтоўкі: навыкі браузерной вёрсткі, а таксама базавыя веды HTML, CSS і JavaScript.
Праграма курса
HTML5: платформа і спецыфікацыя
Кароткая гісторыя HTML. Новая ідэалогія HTML5. Адрозненні HTML5 ад HTML4.01 і XHTML1.x. Новыя тэгі і атрыбуты. Састарэлыя тэгі.
Новыя семантычныя элементы HTML5. Асноўная структура дакумента. Сэнс з'яўлення новых элементаў і прыклады выкарыстання. Падтрымка новых тэгаў у састарэлых браўзэрах.
Новыя магчымасці для стварэння формаў. Новыя тыпы ўвода дадзеных: search, email, url, tel, range, number, datetime і інш. Новыя атрыбуты палёў уводу: autofocus, placeholder, reqired, autocpmlete і інш. Валідацыя дадзеных формаў на баку кліента. Зваротная сумяшчальнасць з састарэлымі браўзэрамі.
Асновы вёрсткі. Блокі - асноўная экранная адзінка. Малыя і блокавыя боксы. Струмень і размяшчэнне элементаў. Пазіцыянаванне: абсалютнае і адноснае. Схлопванне межаў (margin collapsing). Выступленне за межы бацькоўскага элемента. Верска плаваюць (float) блокамі. Ачыстка float. Прыярытэт селектараў CSS (спецыфічнасць).
Удасканаленне карыстацкіх інтэрфейсаў сродкамі CSS3
Што такое CSS3? Што новага ў CSS3? Перавагі CSS3.
Стылявое афармленне табліц з выкарыстаннем псеўдакласаў. Чаргаванне колеру радкоў (:nth-of-type). Выраўноўванне тэксту слупкоў (:nth-child). Вылучэнне апошняга радка (:last-child). Пошук у зваротным напрамку (:nth-last-child). Друк спасылак (:after). Стварэнне шматслупковых макетаў. Пабудова мабільных інтэрфейсаў. Ролі ARIA і спрашчэнне навігацыі. Стварэнне абнаўляюцца абласцей з палепшанай даступнасцю.
Графіка і гук
Маляванне лагатыпа. Пабудова дыяграм сродкамі RGraph. Укараненне відэа і аўдыё. Візуальныя эфекты. Закругленне прамых кутоў. Цені, градыенты і пераўтварэнні. Выкарыстанне шрыфтоў.
За межамі HTML5
Праца з дадзенымі на баку кліента. Захаванне налад з выкарыстаннем localStorage. Захоўванне інфармацыі ў рэляцыйнай базе даных на баку кліента. Узаемадзеянне з іншымі API. Перадача інфармацыі паміж даменамі. Чат на базе Web Sockets.
API геолакации. Вызначэнне свайго месцазнаходжання. Інтэграцыя з Google Maps.
Убудаваная падтрымка перацягвання. API перацягвання. Падзеі перацягвання. Перацягванне файлаў.
Файлавы API. Счытванне інфармацыі з файла. Кантроль працэсу загрузкі файлаў.
Узаемадзеянне з Web-серверам. Апытанне з дапамогай серверных падзей. Web-сокеты. Падзея onMessage.