ITEC230

Course TitleRich Internet Application (RIA) Development
Course CodeITEC230
TypeFull Time
Semester Fall/Spring
CategoryAC (Area Core)
Workload180 Hours
EMU Credit(3,2,0) 4
PrerequisiteITEC229
LanguageEnglish
Level  Second Year
Teaching Format3 Hours Lecture and 2 Hours Laboratory per week
ECTS Credit6

 

Course Description
This course focuses on technologies for building Rich Internet Applications(RAIs). Throughout the semester enhancing static web applications by providing dynamic and interactive content using JavaScript will be discussed. Topics include JavaScript basics, JavaScript language as object-based language, Interacting with the User through HTML forms, Programming the Browser, Document object Model(DOM)and Framework JQuery.

 

General Learning Outcomes

On successful completion of this course students will be able to:

  • Use primitive data types and data structures offered by JavaScript
  • Choose an appropriate data structure for modelling a simple problem
  • Understand the importance and the use of client side programming/scripting languages
  • Understand basic scripting language concepts
  • Apply core program control structures
  • Design, implement, test, and debug a script
  • Test a script with sample data
  • Develop browser based Web programming
  • Write applications with rich content and interactivity

 

Teaching Methodology / Classroom Procedures
  • The course has three hours of lectures in a week mainly held in the form of a seminar.
  • There is two hours of laboratory per week which is organized for practicing the commands learned (lab assignment) and related to lectures and encourages students to voice their difficulties about solving these questions.
  • Lecture notes and laboratory questions are posted on the course web site.
  • There are two written quizzes which are held one week before the midterm and final exam periods.
  • The duration of the quizzes is 50 mins.
  • There is a written midterm exam which covers weeks 1, 2, 3, 4, 5, 6 and 7.
  • There is a written final exam which includes all the chapters but mainly the weeks 10, 11, 12, 13, 14 and 15.
  • Term project/assignment will be assigned individually at the third week of classes.
  • Class attendance is compulsory.
  • The student is responsible to check the course web site regularly and view the latest announcements.

 

Course Materials / Main References

Text Book:

Jon Duckett, "JavaScript & JQuery: Interactive front-end web development", 1st Edition, John Wiley & Sons, 2014. ISBN13: 978-1118531648

Reference:

Lecture Notes:download (use index.html to access the lecture notes)

 

Weekly Schedule / Summary of Topics
Week 1

Introduction to JavaScript :What is JavaScript? Why Choose JavaScript? Tools needed to create JavaScript Web Applications. First Simple JavaScript Programs

Data Types and Variables :Types of data in JavaScript, Numerical Calculations, operator precedence, basic string operations, data type conversions, arrays and multi-dimensional arrays

Week 2-3

Decisions Loops and Functions : Comparison operators, logical operators, if, if-else and switch statements, For, for..in, while, do..while loops break and continue statements, Creating functions, variable scope and lifetime

Error Handling & Debugging : Common mistakes, try..catch statements, debugging in Internet Explorer

Week 4-5 Object-Based Programming in JavaScript What are objects, Objects in JavaScript, Using  JavaScript Objects, JavaScript's Native Objects: String, array, math, number, date, Creating new types of objects(Reference types)
Week 6 Programming the Browser: Browser's objects: window, history, location, navigation, screen, and document objects. Responding to the user's actions with events.
Week 7 HTML Forms: Interacting with the User :HTML elements in forms, their common properties and methods: Button, text, textarea, check boxes, radio buttons and selection boxes
Week 8-9 Midterm Examinations
Week 10 HTML Forms: Interacting with the User :HTML elements in forms, their common properties and methods: Button, text, textarea, check boxes, radio buttons and selection boxes cntd.
Week 11 Controlling iFrames: Coding between frames, accessing between frames, opening a new browser window, scripting between windows, moving and resizing windows.
Week 12 String Manipulation: Regular expressions and RegExp object, methods like split, replace, search and match.
Week 13

Date, Time and Timers : Setting and getting a Date Object's UTC Date and Time. Timers in a web page.

Cookies in JavaScript : Creating a cookie, getting a cookie's value, cookie limitations

Week 14 Document Object Model (DOM)  and Its manipulation :Core DOM objects, accessing elements, changing appearances, positioning and moving content, DOM event handling
Week 15 JQuery: Adding a framework (JQuery) to the pages, adding plug-ins to a framework, creating appending and removing elements, JQuery's event model and handling events , applying/changing CSS classes
Week 16-18 Final Examinations

 

Requirements
  • Each student can have only one make-up exam.
  • One who misses an exam should provide a medical report or a valid excuse within 3 days after the missed exam.
  • The make-up exam is done at the end of the term and covers all the topics.
  • No make-up exam is given for the quizzes.
  • Students who fail to attend the lectures regularly may be given NG grade.
  • Once the grades are announced, the students have only one week to do objection about their grades.
  • It is the students' responsibility to follow the announcement in the course web site.
  • Students who arrives after the first 20 minutes of laboratory session will not be accepted to the Laboratory.

 

Method of Assessment
Evaluation and Grading Assignment Laboratory Class Quizzes Midterm Exam Final Exam
Percentage 12%8%15 %30 %35 %

 

Grading Criteria *
A A- B+ B B- C+ C C- D+ D D- F
90 -10085 - 8980 - 8475 - 7970 - 7465 - 6960 - 6456 - 5953 - 5550 - 5240 - 490 – 39

* Letter grades will be decided upon after calculating the averages at the end of the semester and distribution of the averages will play a significant role in the evaluation of the letter grades.