Enviar búsqueda
Cargar
Javascript Basic
•
6 recomendaciones
•
1,798 vistas
Kang-min Liu
Seguir
Javascript Tutorial at Handlino
Leer menos
Leer más
Educación
Tecnología
Denunciar
Compartir
Denunciar
Compartir
1 de 36
Descargar ahora
Descargar para leer sin conexión
Recomendados
Introduction to Cascading Style Sheets
Introduction to Cascading Style Sheets
Tushar Joshi
3. Java Script
3. Java Script
Jalpesh Vasa
Javascript
Javascript
mussawir20
JavaScript & Dom Manipulation
JavaScript & Dom Manipulation
Mohammed Arif
Css
Css
Hemant Saini
Css Ppt
Css Ppt
Hema Prasanth
Java script -23jan2015
Java script -23jan2015
Sasidhar Kothuru
JavaScript Variables
JavaScript Variables
Charles Russell
Recomendados
Introduction to Cascading Style Sheets
Introduction to Cascading Style Sheets
Tushar Joshi
3. Java Script
3. Java Script
Jalpesh Vasa
Javascript
Javascript
mussawir20
JavaScript & Dom Manipulation
JavaScript & Dom Manipulation
Mohammed Arif
Css
Css
Hemant Saini
Css Ppt
Css Ppt
Hema Prasanth
Java script -23jan2015
Java script -23jan2015
Sasidhar Kothuru
JavaScript Variables
JavaScript Variables
Charles Russell
JavaScript - Chapter 10 - Strings and Arrays
JavaScript - Chapter 10 - Strings and Arrays
WebStackAcademy
Cascading Style Sheets (CSS) help
Cascading Style Sheets (CSS) help
casestudyhelp
Java script
Java script
Shyam Khant
Javascript
Javascript
Nagarajan
Java script
Java script
Abhishek Kesharwani
Java Script ppt
Java Script ppt
Priya Goyal
Javascript 101
Javascript 101
Shlomi Komemi
Fundamental JavaScript [UTC, March 2014]
Fundamental JavaScript [UTC, March 2014]
Aaron Gustafson
Javascript basics
Javascript basics
shreesenthil
Basics of JavaScript
Basics of JavaScript
Bala Narayanan
JavaScript
JavaScript
Vidyut Singhania
Html / CSS Presentation
Html / CSS Presentation
Shawn Calvert
Learning HTML
Learning HTML
Md. Sirajus Salayhin
Javascript
Javascript
Vibhor Grover
Lab #2: Introduction to Javascript
Lab #2: Introduction to Javascript
Walid Ashraf
Introduction to Cascading Style Sheets (CSS)
Introduction to Cascading Style Sheets (CSS)
Chris Poteet
JavaScript Tutorial
JavaScript Tutorial
Bui Kiet
CSS Basics
CSS Basics
WordPress Memphis
JavaScript - Chapter 11 - Events
JavaScript - Chapter 11 - Events
WebStackAcademy
Introduction to JavaScript (1).ppt
Introduction to JavaScript (1).ppt
MuhammadRehan856177
Java Script
Java Script
siddaram
CSIS 138 Javascript Class1
CSIS 138 Javascript Class1
Teresa Pelkie
Más contenido relacionado
La actualidad más candente
JavaScript - Chapter 10 - Strings and Arrays
JavaScript - Chapter 10 - Strings and Arrays
WebStackAcademy
Cascading Style Sheets (CSS) help
Cascading Style Sheets (CSS) help
casestudyhelp
Java script
Java script
Shyam Khant
Javascript
Javascript
Nagarajan
Java script
Java script
Abhishek Kesharwani
Java Script ppt
Java Script ppt
Priya Goyal
Javascript 101
Javascript 101
Shlomi Komemi
Fundamental JavaScript [UTC, March 2014]
Fundamental JavaScript [UTC, March 2014]
Aaron Gustafson
Javascript basics
Javascript basics
shreesenthil
Basics of JavaScript
Basics of JavaScript
Bala Narayanan
JavaScript
JavaScript
Vidyut Singhania
Html / CSS Presentation
Html / CSS Presentation
Shawn Calvert
Learning HTML
Learning HTML
Md. Sirajus Salayhin
Javascript
Javascript
Vibhor Grover
Lab #2: Introduction to Javascript
Lab #2: Introduction to Javascript
Walid Ashraf
Introduction to Cascading Style Sheets (CSS)
Introduction to Cascading Style Sheets (CSS)
Chris Poteet
JavaScript Tutorial
JavaScript Tutorial
Bui Kiet
CSS Basics
CSS Basics
WordPress Memphis
JavaScript - Chapter 11 - Events
JavaScript - Chapter 11 - Events
WebStackAcademy
Introduction to JavaScript (1).ppt
Introduction to JavaScript (1).ppt
MuhammadRehan856177
La actualidad más candente
(20)
JavaScript - Chapter 10 - Strings and Arrays
JavaScript - Chapter 10 - Strings and Arrays
Cascading Style Sheets (CSS) help
Cascading Style Sheets (CSS) help
Java script
Java script
Javascript
Javascript
Java script
Java script
Java Script ppt
Java Script ppt
Javascript 101
Javascript 101
Fundamental JavaScript [UTC, March 2014]
Fundamental JavaScript [UTC, March 2014]
Javascript basics
Javascript basics
Basics of JavaScript
Basics of JavaScript
JavaScript
JavaScript
Html / CSS Presentation
Html / CSS Presentation
Learning HTML
Learning HTML
Javascript
Javascript
Lab #2: Introduction to Javascript
Lab #2: Introduction to Javascript
Introduction to Cascading Style Sheets (CSS)
Introduction to Cascading Style Sheets (CSS)
JavaScript Tutorial
JavaScript Tutorial
CSS Basics
CSS Basics
JavaScript - Chapter 11 - Events
JavaScript - Chapter 11 - Events
Introduction to JavaScript (1).ppt
Introduction to JavaScript (1).ppt
Similar a Javascript Basic
Java Script
Java Script
siddaram
CSIS 138 Javascript Class1
CSIS 138 Javascript Class1
Teresa Pelkie
JQuery 101
JQuery 101
The Active Network
Developing and testing ajax components
Developing and testing ajax components
Ignacio Coloma
Couch Db.0.9.0.Pub
Couch Db.0.9.0.Pub
Yohei Sasaki
Javascript: Ajax & DOM Manipulation v1.2
Javascript: Ajax & DOM Manipulation v1.2
borkweb
Ajax On S2 Odp
Ajax On S2 Odp
ghessler
Seam Glassfish Slidecast
Seam Glassfish Slidecast
Eduardo Pelegri-Llopart
Introduction To Lamp
Introduction To Lamp
Amzad Hossain
JWU Guest Talk: JavaScript and AJAX
JWU Guest Talk: JavaScript and AJAX
Hilary Mason
Solr and symfony in Harmony with SolrJs
Solr and symfony in Harmony with SolrJs
Wildan Maulana
Building Web Interface On Rails
Building Web Interface On Rails
Wen-Tien Chang
Html and i_phone_mobile-2
Html and i_phone_mobile-2
tonvanbart
Merb jQuery
Merb jQuery
Yehuda Katz
Front End on Rails
Front End on Rails
Justin Halsall
Lecture 5 - Comm Lab: Web @ ITP
Lecture 5 - Comm Lab: Web @ ITP
yucefmerhi
Page Caching Resurrected
Page Caching Resurrected
Ben Scofield
JavaScript
JavaScript
Doncho Minkov
Ajax ons2
Ajax ons2
Chad Davis
JavaScript and jQuery Fundamentals
JavaScript and jQuery Fundamentals
BG Java EE Course
Similar a Javascript Basic
(20)
Java Script
Java Script
CSIS 138 Javascript Class1
CSIS 138 Javascript Class1
JQuery 101
JQuery 101
Developing and testing ajax components
Developing and testing ajax components
Couch Db.0.9.0.Pub
Couch Db.0.9.0.Pub
Javascript: Ajax & DOM Manipulation v1.2
Javascript: Ajax & DOM Manipulation v1.2
Ajax On S2 Odp
Ajax On S2 Odp
Seam Glassfish Slidecast
Seam Glassfish Slidecast
Introduction To Lamp
Introduction To Lamp
JWU Guest Talk: JavaScript and AJAX
JWU Guest Talk: JavaScript and AJAX
Solr and symfony in Harmony with SolrJs
Solr and symfony in Harmony with SolrJs
Building Web Interface On Rails
Building Web Interface On Rails
Html and i_phone_mobile-2
Html and i_phone_mobile-2
Merb jQuery
Merb jQuery
Front End on Rails
Front End on Rails
Lecture 5 - Comm Lab: Web @ ITP
Lecture 5 - Comm Lab: Web @ ITP
Page Caching Resurrected
Page Caching Resurrected
JavaScript
JavaScript
Ajax ons2
Ajax ons2
JavaScript and jQuery Fundamentals
JavaScript and jQuery Fundamentals
Más de Kang-min Liu
o̍h Tai-gi
o̍h Tai-gi
Kang-min Liu
The architecture of search engines in Booking.com
The architecture of search engines in Booking.com
Kang-min Liu
Elasticsearch 實戰介紹
Elasticsearch 實戰介紹
Kang-min Liu
Perlbrew
Perlbrew
Kang-min Liu
Same but Different
Same but Different
Kang-min Liu
perlbrew yapcasia 2010
perlbrew yapcasia 2010
Kang-min Liu
Git
Git
Kang-min Liu
Good Evils In Perl (Yapc Asia)
Good Evils In Perl (Yapc Asia)
Kang-min Liu
Learning From Ruby (Yapc Asia)
Learning From Ruby (Yapc Asia)
Kang-min Liu
YAPC::Tiny Introduction
YAPC::Tiny Introduction
Kang-min Liu
Integration Test With Cucumber And Webrat
Integration Test With Cucumber And Webrat
Kang-min Liu
Good Evils In Perl
Good Evils In Perl
Kang-min Liu
Javascript Tutorial
Javascript Tutorial
Kang-min Liu
Handlino - RandomLife
Handlino - RandomLife
Kang-min Liu
Jformino
Jformino
Kang-min Liu
Test Continuous
Test Continuous
Kang-min Liu
網頁程式還可以怎麼設計
網頁程式還可以怎麼設計
Kang-min Liu
OSDC.tw 2008 Lightening Talk
OSDC.tw 2008 Lightening Talk
Kang-min Liu
Happy Designer 20080329
Happy Designer 20080329
Kang-min Liu
Más de Kang-min Liu
(19)
o̍h Tai-gi
o̍h Tai-gi
The architecture of search engines in Booking.com
The architecture of search engines in Booking.com
Elasticsearch 實戰介紹
Elasticsearch 實戰介紹
Perlbrew
Perlbrew
Same but Different
Same but Different
perlbrew yapcasia 2010
perlbrew yapcasia 2010
Git
Git
Good Evils In Perl (Yapc Asia)
Good Evils In Perl (Yapc Asia)
Learning From Ruby (Yapc Asia)
Learning From Ruby (Yapc Asia)
YAPC::Tiny Introduction
YAPC::Tiny Introduction
Integration Test With Cucumber And Webrat
Integration Test With Cucumber And Webrat
Good Evils In Perl
Good Evils In Perl
Javascript Tutorial
Javascript Tutorial
Handlino - RandomLife
Handlino - RandomLife
Jformino
Jformino
Test Continuous
Test Continuous
網頁程式還可以怎麼設計
網頁程式還可以怎麼設計
OSDC.tw 2008 Lightening Talk
OSDC.tw 2008 Lightening Talk
Happy Designer 20080329
Happy Designer 20080329
Último
Congestive Cardiac Failure..presentation
Congestive Cardiac Failure..presentation
deepaannamalai16
How to Fix XML SyntaxError in Odoo the 17
How to Fix XML SyntaxError in Odoo the 17
Celine George
Transaction Management in Database Management System
Transaction Management in Database Management System
Christalin Nelson
Mythology Quiz-4th April 2024, Quiz Club NITW
Mythology Quiz-4th April 2024, Quiz Club NITW
Quiz Club NITW
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Jemuel Francisco
Paradigm shift in nursing research by RS MEHTA
Paradigm shift in nursing research by RS MEHTA
BP KOIRALA INSTITUTE OF HELATH SCIENCS,, NEPAL
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITW
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITW
Quiz Club NITW
Expanded definition: technical and operational
Expanded definition: technical and operational
ssuser3e220a
4.9.24 School Desegregation in Boston.pptx
4.9.24 School Desegregation in Boston.pptx
mary850239
Grade Three -ELLNA-REVIEWER-ENGLISH.pptx
Grade Three -ELLNA-REVIEWER-ENGLISH.pptx
karenfajardo43
Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptx
Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptx
DhatriParmar
How to Make a Duplicate of Your Odoo 17 Database
How to Make a Duplicate of Your Odoo 17 Database
Celine George
Indexing Structures in Database Management system.pdf
Indexing Structures in Database Management system.pdf
Christalin Nelson
4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx
mary850239
Beauty Amidst the Bytes_ Unearthing Unexpected Advantages of the Digital Wast...
Beauty Amidst the Bytes_ Unearthing Unexpected Advantages of the Digital Wast...
DhatriParmar
Q-Factor General Quiz-7th April 2024, Quiz Club NITW
Q-Factor General Quiz-7th April 2024, Quiz Club NITW
Quiz Club NITW
MS4 level being good citizen -imperative- (1) (1).pdf
MS4 level being good citizen -imperative- (1) (1).pdf
Mr Bounab Samir
ClimART Action | eTwinning Project
ClimART Action | eTwinning Project
jordimapav
Oppenheimer Film Discussion for Philosophy and Film
Oppenheimer Film Discussion for Philosophy and Film
Stan Meyer
Mattingly "AI & Prompt Design: Large Language Models"
Mattingly "AI & Prompt Design: Large Language Models"
National Information Standards Organization (NISO)
Último
(20)
Congestive Cardiac Failure..presentation
Congestive Cardiac Failure..presentation
How to Fix XML SyntaxError in Odoo the 17
How to Fix XML SyntaxError in Odoo the 17
Transaction Management in Database Management System
Transaction Management in Database Management System
Mythology Quiz-4th April 2024, Quiz Club NITW
Mythology Quiz-4th April 2024, Quiz Club NITW
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Paradigm shift in nursing research by RS MEHTA
Paradigm shift in nursing research by RS MEHTA
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITW
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITW
Expanded definition: technical and operational
Expanded definition: technical and operational
4.9.24 School Desegregation in Boston.pptx
4.9.24 School Desegregation in Boston.pptx
Grade Three -ELLNA-REVIEWER-ENGLISH.pptx
Grade Three -ELLNA-REVIEWER-ENGLISH.pptx
Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptx
Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptx
How to Make a Duplicate of Your Odoo 17 Database
How to Make a Duplicate of Your Odoo 17 Database
Indexing Structures in Database Management system.pdf
Indexing Structures in Database Management system.pdf
4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx
Beauty Amidst the Bytes_ Unearthing Unexpected Advantages of the Digital Wast...
Beauty Amidst the Bytes_ Unearthing Unexpected Advantages of the Digital Wast...
Q-Factor General Quiz-7th April 2024, Quiz Club NITW
Q-Factor General Quiz-7th April 2024, Quiz Club NITW
MS4 level being good citizen -imperative- (1) (1).pdf
MS4 level being good citizen -imperative- (1) (1).pdf
ClimART Action | eTwinning Project
ClimART Action | eTwinning Project
Oppenheimer Film Discussion for Philosophy and Film
Oppenheimer Film Discussion for Philosophy and Film
Mattingly "AI & Prompt Design: Large Language Models"
Mattingly "AI & Prompt Design: Large Language Models"
Javascript Basic
1.
JavaScript Basic
gugod
2.
Tools Firefox 3 Firebug “shell” and
“test styles” bookmarklets https://www.squarefree.com/ bookmarklets/webdevel.html
3.
“Bread board” <html><body> <script type=quot;text/javascriptquot;> //
Code goes here... </script> </body></html>
4.
Code
5.
Hello World alert(quot;Hello Worldquot;);
6.
Hello, you var nickname
= quot;gugodquot;; alert(quot;Hello, quot; + nickname);
7.
variables var nickname =
quot;gugodquot;;
8.
variables var nickname =
quot;gugodquot;; variable name
9.
variables
variable value var nickname = quot;gugodquot;; variable name
10.
variables
variable declare value var nickname = quot;gugodquot;; variable name
11.
Simple Variable Values var
nickname = quot;gugodquot;; var answer = 42; alert(nickname); alert(answer);
12.
Simple Variable Values nickname
= quot;gugodquot;; answer = 42; alert(nickname); alert(answer);
13.
if-else if (answer ==
42) { alert(quot;correctquot;); } else { alert(quot;wrongquot;); }
14.
Expressions
a == b a != b a >= b a <= b a > b a < b a
15.
Function var hello =
function() { alert(quot;helloquot;); }
16.
Function function hello() {
alert(quot;helloquot;); }
17.
Function w/ Argument
var hello = function(nickname) { alert(quot;hello quot; + nickname); }
18.
var hello =
function(nickname, like) { var message = quot;hello quot; + nickname; if (like > 6) { message = quot;Great to see you, quot; + nickname; } if (like < 2){ message = quot;Oh, it’s you, quot; + nickname; } alert(message); }
19.
Input
20.
Browser User Input
prompt() DOM (HTML) Ajax (XMLHttpRequest) JSONRequest, JSONP, ...
21.
prompt var a =
prompt(quot;Give me money:quot;); alert(a);
22.
prompt Good Easy Built-in Bad
No way to customize style One variable at a time
23.
DOM <html><body> <span id=quot;nicknamequot;>gugod</span> <script type=quot;text/javascriptquot;> //
Code... </script> </body></html>
24.
<html><body> <span id=quot;nicknamequot;>gugod</span> <script type=quot;text/javascriptquot;> var
nickname = document.getElementById(quot;nicknamequot;) .childNodes[0] .nodeValue; alert(nickname); </script> </body></html>
25.
Add jQuery <head>
<script type=quot;text/javascriptquot; src=quot;jquery.min.jsquot;></script> </head>
26.
Hello (jQuery) <html> <head>
<script type=quot;text/javascriptquot; src=quot;jquery.jsquot;></script> </head> <body> <span id=quot;nicknamequot;>gugod</span> <script type=quot;text/javascriptquot;> var nickname = $(quot;#nicknamequot;).text(); alert(nickname); </script> </body></html>
27.
Output
28.
Browser Built-in alert() DOM Ajax
HTTP POST
29.
DOM <span id=quot;outputquot;></span> <script type=quot;text/javascriptquot;> var
message = quot;Hello, worldquot;; $(quot;#outputquot;).text(message); </script>
30.
Input + Output <span
id=quot;outputquot;></span> <script type=quot;text/javascriptquot;> var message = quot;Hello, quot; + prompt(quot;Your name is: quot;); $(quot;#outputquot;).text(message); </script>
31.
Other Topics
32.
Effect
33.
jQuery hide <div id=quot;helloquot;>Hello</div> <script
type=quot;text/javascriptquot;> $(quot;#helloquot;).hide('slow'); </script>
34.
Hide on click <a
href=quot;#quot; id=quot;closequot;>Close</a> <div id=quot;helloquot;>Hello</div> <script type=quot;text/javascriptquot;> $(quot;#closequot;).click(function() { $(quot;#helloquot;).hide('slow'); }); </script>
35.
More Info http://jquery.com/ http://visualjquery.com/ https://www.squarefree.com/ bookmarklets/webdevel.html
36.
The End
Descargar ahora