Internet Architecture and

coordinatedcapableΛογισμικό & κατασκευή λογ/κού

4 Νοε 2013 (πριν από 3 χρόνια και 11 μήνες)

84 εμφανίσεις

BTI 220

Internet Architecture and
Development

-

Shi, Yue (Sunny)

sunny.shi@senecacollege.ca

2

2

Outline


Welcome


Course overview


Web Concepts


Demo


Introduction to Javascript

3

Welcome to BTI220


Get to know each other



Name tag

4

Expectation


Mine:


Teaching and learning are two
-
way
communication.


Your attention, cooperation, and
feedback help my teaching and your
learning.


Be present.


Practice!

Expectations


Yours:





Questionnaire


Think about it seriously…

6

6

Course Overview


Seneca Academic Policy

http://www.senecacollege.ca/academic
-
policy/index.html



Three pillar topics


Javascript


HTML5


CSS3

7

Evaluation


6 labs (6 * 1% =) 6%


2 quizzes (2 * 2% =) 4%


3 assignments (6% + 6% + 8%=) 20%


2 term tests (2 * 15% =) 30%


Final exam 40%


------------------------------------------


Total 100%

8

Promotion Policy


To obtain a credit in this subject, a
student must:


Achieve a grade of 55% or better on the final
exam


Satisfactorily complete all assignments


Achieve a weighted average of 55% or better
for the tests


Achieve a grade of 55% or better on the
overall course.

9

Communication



Blackboard



My Website:


https://scs.senecac.on.ca/~sunny.shi/




Email:


sunny.shi@senecacollege.ca




Office: T2095 (by appointment)

Web Concepts


URI/
URL


Uniform Resource Identifier (URI):



identifies a resource either
by location (URL), or a name (URN), or
both
.



URL (Uniform Resource Locator):
a
subset
of the Uniform
Resource Identifier (
URI
) that specifies where an
identified resource is available and the mechanism for
retrieving it.


URL defines how the resource can be obtained.


It does not have to be HTTP URL (http://), a URL can also
be (ftp://) or (smb://)


eg.
https://scs.senecac.on.ca/~sunny.shi/index.html


Protocol:

https://


Domain name: scs.senecac.on.ca


Document:
~sunny.shi/index.html

11

11

Web Concepts
-

HTTP


HTTP (
Hypertext Transfer Protocol
): a networking
protocol for distributed, collaborative, hypermedia
information systems.


HTTP: foundation of data communication for the Web.


HTTP functions as a
request
-
response

protocol in the
client
-
server computing model
.

Web
Browser

Web Server








…….

Client Side

Server Side

HTTP request

Server response

pages

scripts

programs

Multimedia files

12

12

Web Concepts
-

HTTPS


HTTPS (Hypertext Transfer Protocol Secure
): a
combination of the HTTP (Hypertext Transfer Protocol) with
the TLS/ SSL (Transport Layer Security/ Secure Sockets
Layer) protocol to provide encrypted communication and
secure identification of a network web server.



The web page has a special layer of encryption added to hide
your personal information and passwords.




HTTPS connections are often used for payment transactions
on the World Wide Web and for


sensitive transactions in corporate information systems.

Think about it…


What is a web page?


What may be on a web page?


What’s happening when you log in
your email?


What’s important for online
shopping?

Demo


Change Content


Change style


Dynamically open/ close a window


Pizza order


Tile game

15

What is a Script?


A
script

is a sequence of instructions that are
interpreted

or
carried out by another program rather than by the computer
processor.



A script takes
longer time

to execute than a
compiled
program
because each instruction is being handled by another
program first, the scripting language interpreter, (requiring
additional instructions) rather than directly by the computer
basic instruction processor.



The most popular languages used today on the Web are Perl,
JavaScript, VBScript and PHP.



JavaScript (the scripting language used for this course) is an
example of a cross
-
platform Web scripting language created
by Netscape.


16

What is JavaScript?


JavaScript is the most popular scripting language
on the internet,




JavaScript is popular because it is simple and
easy to learn.



It works in all major browsers, such as Internet
Explorer, Firefox, Chrome, Opera, and Safari.

17


JavaScript was designed to
add interactivity to

HTML
pages



JavaScript is a
scripting language



A scripting language is a
lightweight programming language



JavaScript is usually
embedded
directly into HTML pages



JavaScript is an
interpreted language

(means that scripts
execute without preliminary compilation)



Everyone can use JavaScript without purchasing a license.

What is JavaScript?

18

JavaScript History


JavaScript was developed in 1995 by Brendan
Eich at Netscape, now a division of America
Online.



The initial name was “LiveScript”,



Later changed to name “JavaScript” for
marketing reasons.



JavaScript's official name is
ECMAScript
.


19

ECMAScript


ECMA
-

European Computer Manufacturers
Association



ECMAScript
-

a standardized language



ECMAScript is developed and maintained by the
ECMA organization (
http://www.ecma
-
international.org/

).



ECMA
-
262 is the official JavaScript standard.

20

Are Java and JavaScript
the same?


NO!



Java and JavaScript are two completely different
languages in both concept and design!



Java (developed by Sun Microsystems) is a
powerful and much more complex programming
language
-

in the same category as C and C++.

What exactly does
JavaScript do?


Client
-
side programming: no server
interaction.


Respond to events, such as button clicks.


Validate data before sending out a
request.


Adjust an HTML document for special
effects.

22

22

Thank you!