JavaScript-UI-and-DOM

Repository for the course JavaScript UI and DOM at Telerik Academy

The JavaScript UI and DOM is about building of low-level user interface. The course covers topics like DOM, jQuery, events, graphics & animations with HTML5 Canvas and templates

Course Program

[00. Course Introduction](/Topics/00. Course-intro)

[Slides](https://rawgit.com/TelerikAcademy/JavaScript-UI-and-DOM/master/Topics/00. Course-intro/index.html) / [ Demos](/Topics/00. Course-intro/demos) / [Tasks](/Topics/00. Course-intro/homework) / [ Videos](/Topics/00. Course-intro/VIDEOS.md)

[01. Document Object Model](/Topics/01. Document Object Model)

[Slides](https://rawgit.com/TelerikAcademy/JavaScript-UI-and-DOM/master/Topics/01. Document Object Model/index.html) / [ Demos](/Topics/01. Document Object Model/demos) / [Tasks](/Topics/01. Document Object Model/homework) / [ Videos](/Topics/01. Document Object Model/VIDEOS.md)

[02. HTML5 Canvas](/Topics/02. HTML5 Canvas)

[Slides](https://rawgit.com/TelerikAcademy/JavaScript-UI-and-DOM/master/Topics/02. HTML5 Canvas/index.html) / [ Demos](/Topics/02. HTML5 Canvas/demos) / [Tasks](/Topics/02. HTML5 Canvas/homework) / [ Videos](/Topics/02. HTML5 Canvas/VIDEOS.md)

[03. Scalable Vector Graphics](/Topics/03. Scalable Vector Graphics)

[Slides](https://rawgit.com/TelerikAcademy/JavaScript-UI-and-DOM/master/Topics/03. Scalable Vector Graphics/index.html) / [ Demos](/Topics/03. Scalable Vector Graphics/demos) / [Tasks](/Topics/03. Scalable Vector Graphics/homework) / [ Videos](/Topics/03. Scalable Vector Graphics/VIDEOS.md)

[04. Frameworks for Graphics](/Topics/04. Frameworks for Graphics)

[Slides](https://rawgit.com/TelerikAcademy/JavaScript-UI-and-DOM/master/Topics/04. Frameworks for Graphics/index.html) / [ Demos](/Topics/04. Frameworks for Graphics/demos) / [Tasks](/Topics/04. Frameworks for Graphics/homework) / [ Videos](/Topics/04. Frameworks for Graphics/VIDEOS.md)

[05. Animations with HTML5 Canvas](/Topics/05. Animations with HTML5 Canvas)

[Slides](https://rawgit.com/TelerikAcademy/JavaScript-UI-and-DOM/master/Topics/05. Animations with HTML5 Canvas/index.html) / [ Demos](/Topics/05. Animations with HTML5 Canvas/demos) / [Tasks](/Topics/05. Animations with HTML5 Canvas/homework) / [ Videos](/Topics/05. Animations with HTML5 Canvas/VIDEOS.md)

[06. DOM Operations](/Topics/06. DOM Operations)

[Slides](https://rawgit.com/TelerikAcademy/JavaScript-UI-and-DOM/master/Topics/06. DOM Operations/index.html) / [ Demos](/Topics/06. DOM Operations/demos) / [Tasks](/Topics/06. DOM Operations/homework) / [ Videos](/Topics/06. DOM Operations/VIDEOS.md)

[07. Event Model](/Topics/07. Event Model)

[Slides](https://rawgit.com/TelerikAcademy/JavaScript-UI-and-DOM/master/Topics/07. Event Model/index.html) / [ Demos](/Topics/07. Event Model/demos) / [Tasks](/Topics/07. Event Model/homework) / [ Videos](/Topics/07. Event Model/VIDEOS.md)

[08. jQuery Overview](/Topics/08. jQuery Overview)

[Slides](https://rawgit.com/TelerikAcademy/JavaScript-UI-and-DOM/master/Topics/08. jQuery Overview/index.html) / [ Demos](/Topics/08. jQuery Overview/demos) / [Tasks](/Topics/08. jQuery Overview/homework) / [ Videos](/Topics/08. jQuery Overview/VIDEOS.md)

[09. jQuery Plugins](/Topics/09. jQuery Plugins)

[Slides](https://rawgit.com/TelerikAcademy/JavaScript-UI-and-DOM/master/Topics/09. jQuery Plugins/index.html) / [ Demos](/Topics/09. jQuery Plugins/demos) / [Tasks](/Topics/09. jQuery Plugins/homework) / [ Videos](/Topics/09. jQuery Plugins/VIDEOS.md)

[10. HTML Templates](/Topics/10. HTML Templates)

Slides / [ Demos](/Topics/10. HTML Templates/demos) / [Tasks](/Topics/10. HTML Templates/homework) / [ Videos](/Topics/10. HTML Templates/VIDEOS.md)

[11. DOM Performance](/Topics/11. DOM Performance)

[Slides](https://rawgit.com/TelerikAcademy/JavaScript-UI-and-DOM/master/Topics/11. DOM Performance/index.html) / [ Demos](/Topics/11. DOM Performance/demos) / [Tasks](/Topics/11. DOM Performance/homework) / [ Videos](/Topics/11. DOM Performance/VIDEOS.md)

Name	Name	Last commit message	Last commit date
Latest commit History 358 Commits
Practical Exams	Practical Exams
Sample Exams	Sample Exams
Teamwork	Teamwork
Topics	Topics
Workshops	Workshops
.gitignore	.gitignore
LICENSE	LICENSE
README.md	README.md
RUN_TESTS.md	RUN_TESTS.md

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Repository files navigation

JavaScript-UI-and-DOM

Course Program

[00. Course Introduction](/Topics/00. Course-intro)

[Slides](https://rawgit.com/TelerikAcademy/JavaScript-UI-and-DOM/master/Topics/00. Course-intro/index.html) / [ Demos](/Topics/00. Course-intro/demos) / [Tasks](/Topics/00. Course-intro/homework) / [ Videos](/Topics/00. Course-intro/VIDEOS.md)

[01. Document Object Model](/Topics/01. Document Object Model)

[Slides](https://rawgit.com/TelerikAcademy/JavaScript-UI-and-DOM/master/Topics/01. Document Object Model/index.html) / [ Demos](/Topics/01. Document Object Model/demos) / [Tasks](/Topics/01. Document Object Model/homework) / [ Videos](/Topics/01. Document Object Model/VIDEOS.md)

[02. HTML5 Canvas](/Topics/02. HTML5 Canvas)

[Slides](https://rawgit.com/TelerikAcademy/JavaScript-UI-and-DOM/master/Topics/02. HTML5 Canvas/index.html) / [ Demos](/Topics/02. HTML5 Canvas/demos) / [Tasks](/Topics/02. HTML5 Canvas/homework) / [ Videos](/Topics/02. HTML5 Canvas/VIDEOS.md)

[03. Scalable Vector Graphics](/Topics/03. Scalable Vector Graphics)

[Slides](https://rawgit.com/TelerikAcademy/JavaScript-UI-and-DOM/master/Topics/03. Scalable Vector Graphics/index.html) / [ Demos](/Topics/03. Scalable Vector Graphics/demos) / [Tasks](/Topics/03. Scalable Vector Graphics/homework) / [ Videos](/Topics/03. Scalable Vector Graphics/VIDEOS.md)

[04. Frameworks for Graphics](/Topics/04. Frameworks for Graphics)

[Slides](https://rawgit.com/TelerikAcademy/JavaScript-UI-and-DOM/master/Topics/04. Frameworks for Graphics/index.html) / [ Demos](/Topics/04. Frameworks for Graphics/demos) / [Tasks](/Topics/04. Frameworks for Graphics/homework) / [ Videos](/Topics/04. Frameworks for Graphics/VIDEOS.md)

[05. Animations with HTML5 Canvas](/Topics/05. Animations with HTML5 Canvas)

[06. DOM Operations](/Topics/06. DOM Operations)

[Slides](https://rawgit.com/TelerikAcademy/JavaScript-UI-and-DOM/master/Topics/06. DOM Operations/index.html) / [ Demos](/Topics/06. DOM Operations/demos) / [Tasks](/Topics/06. DOM Operations/homework) / [ Videos](/Topics/06. DOM Operations/VIDEOS.md)

[07. Event Model](/Topics/07. Event Model)

[Slides](https://rawgit.com/TelerikAcademy/JavaScript-UI-and-DOM/master/Topics/07. Event Model/index.html) / [ Demos](/Topics/07. Event Model/demos) / [Tasks](/Topics/07. Event Model/homework) / [ Videos](/Topics/07. Event Model/VIDEOS.md)

[08. jQuery Overview](/Topics/08. jQuery Overview)

[Slides](https://rawgit.com/TelerikAcademy/JavaScript-UI-and-DOM/master/Topics/08. jQuery Overview/index.html) / [ Demos](/Topics/08. jQuery Overview/demos) / [Tasks](/Topics/08. jQuery Overview/homework) / [ Videos](/Topics/08. jQuery Overview/VIDEOS.md)

[09. jQuery Plugins](/Topics/09. jQuery Plugins)

[Slides](https://rawgit.com/TelerikAcademy/JavaScript-UI-and-DOM/master/Topics/09. jQuery Plugins/index.html) / [ Demos](/Topics/09. jQuery Plugins/demos) / [Tasks](/Topics/09. jQuery Plugins/homework) / [ Videos](/Topics/09. jQuery Plugins/VIDEOS.md)

[10. HTML Templates](/Topics/10. HTML Templates)

Slides / [ Demos](/Topics/10. HTML Templates/demos) / [Tasks](/Topics/10. HTML Templates/homework) / [ Videos](/Topics/10. HTML Templates/VIDEOS.md)

[11. DOM Performance](/Topics/11. DOM Performance)

[Slides](https://rawgit.com/TelerikAcademy/JavaScript-UI-and-DOM/master/Topics/11. DOM Performance/index.html) / [ Demos](/Topics/11. DOM Performance/demos) / [Tasks](/Topics/11. DOM Performance/homework) / [ Videos](/Topics/11. DOM Performance/VIDEOS.md)

About

Uh oh!

Releases 2

Packages

Uh oh!

Contributors 24

Uh oh!

Languages

Search code, repositories, users, issues, pull requests...

License

TelerikAcademy/JavaScript-UI-and-DOM

Folders and files

Latest commit

History

Repository files navigation

JavaScript-UI-and-DOM

Course Program

[00. Course Introduction](/Topics/00. Course-intro)

[Slides](https://rawgit.com/TelerikAcademy/JavaScript-UI-and-DOM/master/Topics/00. Course-intro/index.html) / [ Demos](/Topics/00. Course-intro/demos) / [Tasks](/Topics/00. Course-intro/homework) / [ Videos](/Topics/00. Course-intro/VIDEOS.md)

[01. Document Object Model](/Topics/01. Document Object Model)

[Slides](https://rawgit.com/TelerikAcademy/JavaScript-UI-and-DOM/master/Topics/01. Document Object Model/index.html) / [ Demos](/Topics/01. Document Object Model/demos) / [Tasks](/Topics/01. Document Object Model/homework) / [ Videos](/Topics/01. Document Object Model/VIDEOS.md)

[02. HTML5 Canvas](/Topics/02. HTML5 Canvas)

[Slides](https://rawgit.com/TelerikAcademy/JavaScript-UI-and-DOM/master/Topics/02. HTML5 Canvas/index.html) / [ Demos](/Topics/02. HTML5 Canvas/demos) / [Tasks](/Topics/02. HTML5 Canvas/homework) / [ Videos](/Topics/02. HTML5 Canvas/VIDEOS.md)

[03. Scalable Vector Graphics](/Topics/03. Scalable Vector Graphics)

[Slides](https://rawgit.com/TelerikAcademy/JavaScript-UI-and-DOM/master/Topics/03. Scalable Vector Graphics/index.html) / [ Demos](/Topics/03. Scalable Vector Graphics/demos) / [Tasks](/Topics/03. Scalable Vector Graphics/homework) / [ Videos](/Topics/03. Scalable Vector Graphics/VIDEOS.md)

[04. Frameworks for Graphics](/Topics/04. Frameworks for Graphics)

[Slides](https://rawgit.com/TelerikAcademy/JavaScript-UI-and-DOM/master/Topics/04. Frameworks for Graphics/index.html) / [ Demos](/Topics/04. Frameworks for Graphics/demos) / [Tasks](/Topics/04. Frameworks for Graphics/homework) / [ Videos](/Topics/04. Frameworks for Graphics/VIDEOS.md)

[05. Animations with HTML5 Canvas](/Topics/05. Animations with HTML5 Canvas)

[06. DOM Operations](/Topics/06. DOM Operations)

[Slides](https://rawgit.com/TelerikAcademy/JavaScript-UI-and-DOM/master/Topics/06. DOM Operations/index.html) / [ Demos](/Topics/06. DOM Operations/demos) / [Tasks](/Topics/06. DOM Operations/homework) / [ Videos](/Topics/06. DOM Operations/VIDEOS.md)

[07. Event Model](/Topics/07. Event Model)

[Slides](https://rawgit.com/TelerikAcademy/JavaScript-UI-and-DOM/master/Topics/07. Event Model/index.html) / [ Demos](/Topics/07. Event Model/demos) / [Tasks](/Topics/07. Event Model/homework) / [ Videos](/Topics/07. Event Model/VIDEOS.md)

[08. jQuery Overview](/Topics/08. jQuery Overview)

[Slides](https://rawgit.com/TelerikAcademy/JavaScript-UI-and-DOM/master/Topics/08. jQuery Overview/index.html) / [ Demos](/Topics/08. jQuery Overview/demos) / [Tasks](/Topics/08. jQuery Overview/homework) / [ Videos](/Topics/08. jQuery Overview/VIDEOS.md)

[09. jQuery Plugins](/Topics/09. jQuery Plugins)

[Slides](https://rawgit.com/TelerikAcademy/JavaScript-UI-and-DOM/master/Topics/09. jQuery Plugins/index.html) / [ Demos](/Topics/09. jQuery Plugins/demos) / [Tasks](/Topics/09. jQuery Plugins/homework) / [ Videos](/Topics/09. jQuery Plugins/VIDEOS.md)

[10. HTML Templates](/Topics/10. HTML Templates)

Slides / [ Demos](/Topics/10. HTML Templates/demos) / [Tasks](/Topics/10. HTML Templates/homework) / [ Videos](/Topics/10. HTML Templates/VIDEOS.md)

[11. DOM Performance](/Topics/11. DOM Performance)

[Slides](https://rawgit.com/TelerikAcademy/JavaScript-UI-and-DOM/master/Topics/11. DOM Performance/index.html) / [ Demos](/Topics/11. DOM Performance/demos) / [Tasks](/Topics/11. DOM Performance/homework) / [ Videos](/Topics/11. DOM Performance/VIDEOS.md)

About

Resources

License

Uh oh!

Stars

Watchers

Forks

Releases 2

Packages 0

Uh oh!

Contributors 24

Uh oh!

Languages

Packages