ISI Programming Course - 03 - Javascript

Github: https://github.com/thejungwon/ISI-programming-class/tree/master/exercises/week-03

Transcript

1. ISI Programming Class Javascript Jungwon Seo | University of Stavanger
2. It’s not Java.
3. You develop both web/ mobile application. web front-end back-end mobile front-end(android/iOS)
4. Javascript
5. Javascript
6. • Let’s just narrow it down to the front-end part of traditional web-programming. 90% of Javascript usage Javascript is huge and deep and broad. HTML CSS Javascript See you Later!
7. Javascript in web programming HTML with CSS and Javascript
8. The role of Javascript (in web-development) • Calculation • Event / Action • Manipulating the view • Network • Storage • Many other things
9. Don’t need to be good, but need to know how to use.
10. Things to learn • How to include • Basic programming • Event handling • Manipulating CSS • Timeout / Interval • How to use cookie • jQuery and AJAX
11. Exercise-01: Including • Inline • Internal • External Source code
12. Exercise-02: Basic Programming • Basic calculation : +, -, x, / • DataType : numeric, boolean, string • if-else and forloop • function Source code
13. Exercise-03: Event Handling • onclick • onload • onchange • onsubmit Source code
14. Exercise-04: Changing CSS • selector • color • size • content / element Source code
15. Exercise-05: Timeout/Interval • setTimeout • setInterval • Update the current time Source code
16. Exercise-06: Cookie • How to check from the browser. • https://www.w3schools.com/js/js_cookies.asp • setCookie • getCookie
17. Exercise-07: jQuery • Javascript : jQuery = Never mind : nvm • Selector • Chaning CSS • Events Source code
18. Exercise-08: AJAX • Asynchronous JavaScript and XML • Easy in jQuery • https://unsplash.com/developers Source code