TAILIEUCHUNG - ICT 5 Web Development - Chapter 13: Javascript

ICT 5 Web Development - Chapter 13: Javascript presents JavaScript Overview Window Controls & Event Handlers, DOM & Cookies, AJAX Overview, AJAX Implementation, What is JavascriptJavascript, JS syntax basic. | Vietnam and Japan Joint ICT HRD Program Content 1. 2. 3. 4. 5. ICT 5 - Web Development Chapter 13. Javascript JavaScript Overview Window Controls & Event Handlers DOM & Cookies AJAX Overview AJAX Implementation Nguyen Thi Thu Trang trangntt@ . What is Javascript (JS)? . What is Javascript (2)? More than form validation Client-Side S i ti Client Cli t-Sid Scripting L Language Originally to be called LiveScript – Developed by Netscape Relationship to Java? – Dynamic – Weakly Typed – Object-Oriented (Prototype-Based) Object(Prototype- – Not directly, but Shares syntax, keywords Named to take advantage of Java mania Interpreted Variants – Microsoft developed its own JScript (mostly the same) – A common subset of both is standardized as ECMAscript 3 1 JavaScript vs. Java What is JS used for today? JavaScript Handling User Interaction – Cannot draw, multi-thread network or do I/O draw multi-thread, Java – Cannot interact with browser or control content JavaScript is becoming what Java was originally intended to be – Java applets: lightweight d J l t li ht i ht downloadable l d bl programs run within the browser for crosscrossplatform compatibility – JS: lightweight and accomplish most of what applets do with a fraction of the resources – Checking for accuracy and appropriateness of data entry from forms – Doing small calculations/manipulations of forms input data – Search a small database embedded in the downloaded page – Save data as cookie Generating Dynamic HTML documents Examples: – Bookmarklets, Google Maps, Google Suggest Bookmarklets, 5 . JS syntax basic 6 a. JS Variables and Literals Variable declaration Dynamic Typing - Variables can hold any valid type of value: – Explicit: var i = 12; // no ‘var’ in declaration ‘var’ – Implicit: i = 12; – Number var myInt = 7; – Boolean var myBool = true; – Array var myArr = new Array(); – String var myString = “abc”; “abc”; – and can hold values of different

• Quản trị Web
• ICT 5 Web Development
• JavaScript Overview Window Controls
• Event Handlers
• AJAX Overview
• AJAX Implementation
• JS syntax basic
• Introduction to Web Programming
• The Internet
• Uniform Resource Identifier
• World Wide Web
• Web site or Website
• Web Techniques
• Web Security
• Environment variables
• Setting Response Header
• Global arrays
• Maintaining state through multiple forms
• Multiple Form Web Sessions
• The state through multiform
• PHP Script
• Receiving Hidden Fields in Web Sessions
• OOP in PHP
• Creating an Object
• Accessing attributes
• Building a classing
• Syntax to declare a Class
• Introduction to HTML
• Structured Document
• Document Object Model
• Common HTML Elements
• Nested Elements
• Introduction to PHP
• Publish PHP scripts
• PHP proper syntax
• PHP comments
• Alternative Comment Syntax
• PHP Variables
• HTML Input Forms PHP Variables
• Working with PHP String Variables
• HTML Input Forms
• Conditional Statements
• Using Conditional Test Statements
• Using Loops to Repeat Statements
• Conditional Test Statements
• Using the elseif Clause
• Functions Basic PHP Functions
• Write your own functions
• Using External Script Files
• The abs Functionabs
• The sqrt Function
• Working with Arrays Benefits of arrays
• Sequential arrays
• Multidimensional lists
• Creating Associative Arrays
• Using MySQL with PHP
• MySQL Overview
• Basic SQL commands
• Creating a table
• Updating data for a table
• PHP Advanced
• CardSystems Attack
• Normal Query
• Getting private info
• Different database engines
• PHP Frameworks
• Overview of Design Patterns
• MVC architecture
• Structure of a design pattern
• XHTML Overview
• XML Components
• XML Schema
• XML Validation
• XML Applications
• Using CSS
• Introduction to CSS
• Applying style rules Style class
• CSS box mode
• Useful properties
• Regular Expressions
• String functions
• Regular Expressio
• A Full Script
• Using grouping characters