Teachers | SHIONOME. Takeaki | |
---|---|---|
Grade, Semester | Year 2 2nd semest [Department of Information and Electronic Engineering, Faculty of Science and Engineering] | |
Category | Basic Major Subjects | |
Elective, Credits | Elective Requisites 2credit | |
Syllabus Number | 3D212 |
This course provides you the knowledge about core technical skills necessary for developing the front-end web development with HTML, CSS, and JavaScript, including DOM, Ajax, and jQuery. Students will learn how to create and design rich internet applications that use most recent client-side programming technology.
The course includes lectures, weekly assignments, and final written examination.
This course follows DP4M in the diplomat policies of the faculty.
The students will be able to:
- write JavaScript programs using DOM.
- write JavaScript programs using Ajax.
- write JavaScript programs using jQuery.
Grade will be computed as follows:
- Weekly assignments 50%
- Final examination 50%
You can receive a credit if you obtain 60% and above.
To receive a credit, you need all weekly assignment and get passing scores.
The answers of the examination and comments on your program will be provided by LMS.
Kind | Title | Author | Publisher |
---|---|---|---|
Textbook | スラスラわかるJavaScript | 生形可奈子 | 翔泳社 |
References |
Please read the lesson contents posted on the LMS and create a "notebook" before starting the lesson.
The key points are to be submitted during class.
Also, at the beginning of the class, you will be asked to solve the previous class's review questions, so please review the contents.
This requires at least one hour of study time.
Students are expected to have taken "Multimedia Programming 1", but not mandatory.
A lot of trial and error is required to master a programming language.
Please improve your typing speed, use shortcut functions
Be sure to input and execute the examples of programs in the textbook and lecture materials to confirm that they work.
1 | DOM (1): Access to HTML elements using DOM |
2 | DOM (2): Referencing and modifying CSS with JavaScript |
3 | DOM (3): event model of W3C DOM |
4 | Ajax (1): Basic knowledge of ajax |
5 | Ajax (2): response data format |
6 | Ajax (3): Application program using ajax |
7 | Exercise: JavaScript programming using DOM and ajax |
8 | jQuery (1): What is jQuery, selectors |
9 | jQuery (2): DOM operation |
10 | jQuery (3): event driven programming |
11 | Advanced exercise using jQuery (1): practical design of web page |
12 | Advanced exercise using jQuery (2): Dynamic module |
13 | Web page creation (1): planning and implementation |
14 | Web page creation (2): implementation and review |
15 | Review and summary |