Unit 3- CLIENT SIDE ESSENTIALS
In book- "Internet and WWW- Deitel, Paul_Deitel, Harvey_Deitel, Abbey.pdf"
Prerequisites-
- HyperText Markup Language HTML5: Part 1- Pg 71 onwards
- HTML5: Part 2- Pg 110 onwards
- Cascading Style Sheets(CSS): Part 1- Pg 138 onwards
- CSS: Part 2- Pg 176 onwards
Java script-> * learn these
- Intro to Java script - Pg 219 onwards
- Control Statements I (if, while)- Pg 248 onwards
- Control Statements II (for, do..while, switch, break, continue)- Pg 285 onwards
- Arrays- Pg 358 onwards
---
(At the end of this file I have marked for the topics – Web Speech API – Speech
Synthesis Markup Language)
--> ... - means this is main topics, and is given explicitly in syllabus
--> JavaScript Functions- Pg 312- Pg 346
(Sub Topics:
1 Introduction
2 Program Modules in JavaScript
3 Function Definitions
[3.1 Programmer-Defined Function square
3.2 Programmer-Defined Function maximum
]
4 Notes on Programmer-Defined Functions
5 Random Number Generation
[5.1 Scaling and Shifting Random Numbers
5.2 Displaying Random Images
5.3 Rolling Dice Repeatedly and Displaying Statistics
]
6 Example: Game of Chance; Introducing the HTML5
audio and video Elements
7 Scope Rules
8 JavaScript Global Functions
9 Recursion
10 Recursion vs. Iteration
)
Summary- Pg 347- Pg 349-> Has section wise points
Self-Review Exercises and Answers- Pg 349-352
** Exercises- Pg 352- Pg 356
--> JavaScript Objects- Pg 394- Pg 418
** Section 11.3 String Object- Pg 419- Has string functions. Go through these
(Sub Topics:
1 Introduction
2 Math Object
3 String Object
[3.1 Fundamentals of Characters and Strings
3.2 Methods of the String Object
3.3 Character-Processing Methods
3.4 Searching Methods
3.5 Splitting Strings and Obtaining Substrings
]
4 Date Object
5 Boolean and Number Objects
6 document Object
7 Favorite Twitter Searches: HTML5 Web Storage
8 Using JSON to Represent Objects
)
** Summary- Pg 419- Pg 421-> Go through these. Has section wise points
Self-Review Exercises and Answers- Pg 421,422
** Exercises- Pg 422- Pg 424
--> Document Object Model (DOM): Objects and Collections- Pg 429- Pg 445
I think this comes in the topic 'Accessing DOM Elements using Java Script and
JQuery Objects' as per syllabus
https://www.scaler.com/topics/jquery/jquery-dom-manipulation/
(Sub Topics:
1 Introduction
2 Modeling a Document: DOM Nodes and Trees
3 Traversing and Modifying a DOM Tree
4 DOM Collections
5 Dynamic Styles
)
** Summary- Pg 451, Pg 452-> Go through these. Has section wise points
Self-Review Exercises and Answers- Pg 453
Exercises- Pg 453, Pg 454
--> Java Script Event Handling- Pg 456- Pg 475
(Sub topics-
Reviewing the load Event
Event mousemove and the event Object
Rollovers with mouseover and mouseout
Form Processing with focus and blur
More Form Processing with submit and reset
Event Bubbling
)
** Summary- Pg 474, 475 -> Go through this. Has section wise points
Self-Review Exercises and Answers- Pg 476
Exercises- Pg 476
https://www.javatpoint.com/javascript-events (just summary)
--> XML- Pg 545- Pg 597
'XML DOM' is explicitly given in the syllabus- Pg 580- Pg 597
(Sub topics:
1 Introduction
2 XML Basics
3 Structuring Data
4 XML Namespaces
5 Document Type Definitions (DTDs)
6 W3C XML Schema Documents
7 XML Vocabularies
7.1 MathML
7.2 Other Markup Languages
8 Extensible Stylesheet Language and XSL Transformations
** 9 Document Object Model (DOM)- Pg 580- Pg 597
)
** Summary- Pg 598- Pg 602-> Go through this. Has section wise points
Self-Review Exercises and Answers- Pg 602,603
Exercises- Pg 603
--> AJAX Enabled Rich Internet Applications with XML and JSON- Pg 605 -Pg 632
- Imp topic
AJAX- Asynchronous JavaScript and XML
(Sub topics:
1 Introduction
[1.1 Traditional Web Applications vs. Ajax Applications
1.2 Traditional Web Applications
1.3 Ajax Web Applications
]
2 Rich Internet Applications (RIAs) with Ajax
3 History of Ajax
4 “Raw” Ajax Example Using the XMLHttpRequest Object
[4.1 Asynchronous Requests
4.2 Exception Handling
4.3 Callback Functions
4.4 XMLHttpRequest Object Event, Properties and Methods
]
5 Using XML and the DOM
6 Creating a Full-Scale Ajax-Enabled Application
[6.1 Using JSON
6.2 Rich Functionality
6.3 Interacting with a Web Service on the Server
6.4 Parsing JSON Data
6.5 Creating HTML5 Elements and Setting Event Handlers on the Fly
6.6 Implementing Type-Ahead
6.7 Implementing a Form with Asynchronous Validation
)
** Summary- Pg 633- Pg 635-> Go through mainly from 16.4. Has section wise points
Self-Review Exercises and Answers- Pg 635,636
** Exercises- Pg 636,Pg 637
https://www.w3schools.com/jquery/jquery_ajax_intro.asp -and next 2 pages in this
https://www.geeksforgeeks.org/how-to-make-ajax-call-from-javascript/amp/ (Approach
2 in this)
-----
Topics not in text books, but I found online and marked-
** CHECK if these are relevant and learn-
--> Web Speech API
https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API/
Using_the_Web_Speech_API
https://www.section.io/engineering-education/speech-recognition-in-javascript/
--> Speech Synthesis Markup Language (SSML)
https://cloud.ibm.com/docs/text-to-speech?topic=text-to-speech-ssml
https://www.plivo.com/docs/voice/concepts/ssml/#ssml-tags
-----
Topics I could not mark- Find these online and study
–> JQuery
(Can learn from- https://www.w3schools.com/jquery/jquery_intro.asp )
–> Dynamic Access and Manipulation of Web Pages using Java Script and JQuery