IS3106 - AY1819S2 - Lecture 08.pdf - Lecture 8 JavaScript DOM and CSS IS3106 \u2013 Enterprise Systems Interface Design and Development AY 2018\/19 Semester

IS3106 - AY1819S2 - Lecture 08.pdf - Lecture 8 JavaScript...

This preview shows page 1 - 9 out of 172 pages.

JavaScript, DOM and CSSIS3106 – Enterprise Systems Interface Design and DevelopmentAY 2018/19 Semester 2Lecturer: Dr. TAN Wee KekEmail: [email protected] :: Tel: 6516 6731 :: Office: COM2-04-07Consultation: Tuesday, 2 pm to 4 pm. Additional consultations by appointment are welcomed.Lecture8
Background image
Learning ObjectivesIS3106 (AY 18/19 S2) Lecture 8 – JavaScript, DOM and CSS1At the end of this lecture, you should understand:JavaScript.Basics of HTML Document Object Model (DOM).Basics of Cascading Style Sheet (CSS).Manipulating dynamic HTML content in the client-side web browser using JavaScript, DOM and CSS.Introduction to Enterprise Systems Front-end DevelopmentRevision on Enterprise Systems Backend DevelopmentJava Servlet and JavaServer PagesJavaServer FacesJavaScript, DOM and CSSAngularIonicServer-side DevelopmentClient-side DevelopmentHypertext Markup Language
Background image
ReadingsRequired readings:None.Suggested readings:None.2IS3106 (AY 18/19 S2) Lecture 8 – JavaScript, DOM and CSS
Background image
Suggested Lesson PlanIS3106 (AY 18/19 S2) Lecture 8 – JavaScript, DOM and CSS3This week lecture consists of:OpeningSubtopic 1 – Introduction to JavaScriptSubtopic 2 – Programming Methodology with JavaScriptSubtopic 3 – Cascading Style Sheets (CSS)Subtopic 4 – Document Object Model (DOM)This week lecture notes consist of 172slides altogether.Out of which 158slides are actual content slides.
Background image
Suggested Lesson Plan (cont.)IS3106 (AY 18/19 S2) Lecture 8 – JavaScript, DOM and CSS4Guidelines on what to study:We will cover opening and subtopics 1, 3 and 4.Student CategoryWhat to Study?Already know JavaScript, DOM, CSS8 slides – Opening onlyKnow JavaScript and CSS fairly well48 slides – Opening and last subtopicKnow JavaScript fairly well62 slides – Opening and last two subtopicsKnow a bit about JavaScript already107 slides – Opening and last three subtopics.Don’t know anything about JavaScript, CSS and DOM158 slides – Opening and all four subtopics.
Background image
OpeningIS3106 (AY 18/19 S2) Lecture 8 – JavaScript, DOM and CSS5
Background image
Quick Recap…IS3106 (AY 18/19 S2) Lecture 8 – JavaScript, DOM and CSS6Recall that in dynamic HTML rendering:A scriptis used as a single templateto create multiple dynamic web pages.The script performs logic processingto generate the HTML contentthat is populated with data retrieved from a database.In comparison, static HTML documentconsists of the HTML tags and their textual content “hardcoded” in the document.Dynamic HTML rendering is typically done on the server-side:Server-side technologies such as PHP, ASP, JSP, JSF, etc.The server-side script ultimately returns static HTML document to the client, i.e., the web browser.
Background image
Quick Recap… (cont.)IS3106 (AY 18/19 S2) Lecture 8 – JavaScript, DOM and CSS7Increasingly, JavaScriptis being used to generate dynamic HTML content on the client-side itself:Client-side uses Ajax technology to invoke RESTful web services in order to obtain data from a remote
Background image
Image of page 9

You've reached the end of your free preview.

Want to read all 172 pages?

  • Spring '19
  • Document Object Model

  • Left Quote Icon

    Student Picture

  • Left Quote Icon

    Student Picture

  • Left Quote Icon

    Student Picture