SlideShare a Scribd company logo
1 of 29
JavaScript – Class 1 Overview of the Basics ,[object Object],[object Object],[object Object],[object Object]
JavaScript Syntax ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
JavaScript Objects ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
JavaScript Objects ,[object Object]
Where is JavaScript code placed? ,[object Object],[object Object],[object Object],[object Object],[object Object]
Where is JavaScript code placed? ,[object Object],[object Object],[object Object],[object Object],[object Object]
Where is JavaScript code placed? ,[object Object],[object Object],[object Object],[object Object]
Where is JavaScript code placed? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Where is JavaScript code placed? ,[object Object],[object Object],[object Object],[object Object]
<noscript>   You need JavaScript to see this page! </noscript>
Data and Types ,[object Object],[object Object],[object Object],[object Object],[object Object]
Variables ,[object Object],[object Object],[object Object],[object Object],[object Object]
How we create or declare a variable ,[object Object]
Initializing a variable ,[object Object],[object Object],[object Object],[object Object]
Initializing a variable ,[object Object],[object Object],[object Object],[object Object],[object Object]
The alert() method alert(); window.alert();
The alert() method <head> <script language=&quot;JavaScript&quot;>  alert (&quot;This is an alert()&quot;);  </script> </head>
The alert() method
The alert() method <script language=”JavaScript”> var myFirstVariable; myFirstVariable  =  “Hello!”; alert(myFirstVariable); </script>
The alert() method
The write() method <body> <script language=”JavaScript”> document.write (&quot;Hello World&quot;); </script> </body>
The write() method
The write() method <body> <script language=”JavaScript”> document.write (‘Hello “Big” World’); </script> </body>
The write() method
The write() method <script language=&quot;JavaScript&quot;> var firstVar; var secondVar firstVar =  &quot;Hello&quot;; secondVar =  &quot;World!&quot;; document.write( firstVar  + “ “ +  secondVar ); </script>
The write() method
The write() method <script language=&quot;JavaScript&quot;> var first; var last; first =  “Teresa&quot;; last =  “Pelkie&quot;; document.write(“<b>Hello “ + first + “ “ + last + “</b>”); </script>
The write() method
[object Object],[object Object]

More Related Content

What's hot

course slides -- powerpoint
course slides -- powerpointcourse slides -- powerpoint
course slides -- powerpoint
webhostingguy
 
Php Error Handling
Php Error HandlingPhp Error Handling
Php Error Handling
mussawir20
 

What's hot (17)

Tugas Pw [6] (2)
Tugas Pw [6] (2)Tugas Pw [6] (2)
Tugas Pw [6] (2)
 
Tugas Pw [6]
Tugas Pw [6]Tugas Pw [6]
Tugas Pw [6]
 
Elegant Ways of Handling PHP Errors and Exceptions
Elegant Ways of Handling PHP Errors and ExceptionsElegant Ways of Handling PHP Errors and Exceptions
Elegant Ways of Handling PHP Errors and Exceptions
 
Basic JavaScript Tutorial
Basic JavaScript TutorialBasic JavaScript Tutorial
Basic JavaScript Tutorial
 
Effective PHP. Part 6
Effective PHP. Part 6Effective PHP. Part 6
Effective PHP. Part 6
 
Free PHP Book Online | PHP Development in India
Free PHP Book Online | PHP Development in IndiaFree PHP Book Online | PHP Development in India
Free PHP Book Online | PHP Development in India
 
Spf Chapter5 Conditional Logics
Spf Chapter5 Conditional LogicsSpf Chapter5 Conditional Logics
Spf Chapter5 Conditional Logics
 
Handling error & exception in php
Handling error & exception in phpHandling error & exception in php
Handling error & exception in php
 
Behavior Driven Development with Rails
Behavior Driven Development with RailsBehavior Driven Development with Rails
Behavior Driven Development with Rails
 
Php exceptions
Php exceptionsPhp exceptions
Php exceptions
 
course slides -- powerpoint
course slides -- powerpointcourse slides -- powerpoint
course slides -- powerpoint
 
Jsp
JspJsp
Jsp
 
Lesson 4 constant
Lesson 4  constantLesson 4  constant
Lesson 4 constant
 
Php1
Php1Php1
Php1
 
Symfony2
Symfony2Symfony2
Symfony2
 
Exceptions in PHP
Exceptions in PHPExceptions in PHP
Exceptions in PHP
 
Php Error Handling
Php Error HandlingPhp Error Handling
Php Error Handling
 

Viewers also liked

Wcag2.0 vs KWCAG2.0 비교자료
Wcag2.0 vs KWCAG2.0 비교자료Wcag2.0 vs KWCAG2.0 비교자료
Wcag2.0 vs KWCAG2.0 비교자료
Justin Shin
 
Electricity Power Point
Electricity Power PointElectricity Power Point
Electricity Power Point
room112008
 
教學媒體 About Wikipedia
教學媒體 About Wikipedia教學媒體 About Wikipedia
教學媒體 About Wikipedia
雪筠 林雪筠
 
Pakistan floods - six months on
Pakistan floods - six months on Pakistan floods - six months on
Pakistan floods - six months on
CAFOD
 
John 17 palm sunday high preistly prayer
John 17 palm sunday high preistly prayerJohn 17 palm sunday high preistly prayer
John 17 palm sunday high preistly prayer
Jonathan Swales
 
Social Media Crash Course, Updated
Social Media Crash Course, UpdatedSocial Media Crash Course, Updated
Social Media Crash Course, Updated
Katie Harbath
 

Viewers also liked (20)

Practical Puppet: Systems Building Systems
Practical Puppet: Systems Building SystemsPractical Puppet: Systems Building Systems
Practical Puppet: Systems Building Systems
 
Income Tax National Language
Income Tax National LanguageIncome Tax National Language
Income Tax National Language
 
Mazamorra
MazamorraMazamorra
Mazamorra
 
Scaling Scrum
Scaling ScrumScaling Scrum
Scaling Scrum
 
Wcag2.0 vs KWCAG2.0 비교자료
Wcag2.0 vs KWCAG2.0 비교자료Wcag2.0 vs KWCAG2.0 비교자료
Wcag2.0 vs KWCAG2.0 비교자료
 
B. Thompson & W.A. Kritsonis, PhD
B. Thompson & W.A. Kritsonis, PhDB. Thompson & W.A. Kritsonis, PhD
B. Thompson & W.A. Kritsonis, PhD
 
Electricity Power Point
Electricity Power PointElectricity Power Point
Electricity Power Point
 
Nottingham e-learning Conference Feburary 2009
Nottingham e-learning Conference Feburary 2009Nottingham e-learning Conference Feburary 2009
Nottingham e-learning Conference Feburary 2009
 
Ukazka Automat
Ukazka AutomatUkazka Automat
Ukazka Automat
 
Art History
Art HistoryArt History
Art History
 
Crucible2
Crucible2Crucible2
Crucible2
 
Dr. William Allan Kritsonis, Editor-in-Chief, NATIONAL FORUM JOURNALS - www.n...
Dr. William Allan Kritsonis, Editor-in-Chief, NATIONAL FORUM JOURNALS - www.n...Dr. William Allan Kritsonis, Editor-in-Chief, NATIONAL FORUM JOURNALS - www.n...
Dr. William Allan Kritsonis, Editor-in-Chief, NATIONAL FORUM JOURNALS - www.n...
 
教學媒體 About Wikipedia
教學媒體 About Wikipedia教學媒體 About Wikipedia
教學媒體 About Wikipedia
 
Focusing The Lens
Focusing The LensFocusing The Lens
Focusing The Lens
 
Pakistan floods - six months on
Pakistan floods - six months on Pakistan floods - six months on
Pakistan floods - six months on
 
John 17 palm sunday high preistly prayer
John 17 palm sunday high preistly prayerJohn 17 palm sunday high preistly prayer
John 17 palm sunday high preistly prayer
 
504 Law PPT. - William Allan Kritsonis, PhD
504 Law PPT. - William Allan Kritsonis, PhD504 Law PPT. - William Allan Kritsonis, PhD
504 Law PPT. - William Allan Kritsonis, PhD
 
Anderson Manuscript
Anderson   ManuscriptAnderson   Manuscript
Anderson Manuscript
 
Ruki3
Ruki3Ruki3
Ruki3
 
Social Media Crash Course, Updated
Social Media Crash Course, UpdatedSocial Media Crash Course, Updated
Social Media Crash Course, Updated
 

Similar to CSIS 138 Javascript Class1

Solr and symfony in Harmony with SolrJs
Solr and symfony in Harmony with SolrJsSolr and symfony in Harmony with SolrJs
Solr and symfony in Harmony with SolrJs
Wildan Maulana
 
Lecture 5 - Comm Lab: Web @ ITP
Lecture 5 - Comm Lab: Web @ ITPLecture 5 - Comm Lab: Web @ ITP
Lecture 5 - Comm Lab: Web @ ITP
yucefmerhi
 
Building Web Interface On Rails
Building Web Interface On RailsBuilding Web Interface On Rails
Building Web Interface On Rails
Wen-Tien Chang
 
Html and i_phone_mobile-2
Html and i_phone_mobile-2Html and i_phone_mobile-2
Html and i_phone_mobile-2
tonvanbart
 
Jscript Fundamentals
Jscript FundamentalsJscript Fundamentals
Jscript Fundamentals
rspaike
 

Similar to CSIS 138 Javascript Class1 (20)

Javascript Basic
Javascript BasicJavascript Basic
Javascript Basic
 
Java Script
Java ScriptJava Script
Java Script
 
JQuery 101
JQuery 101JQuery 101
JQuery 101
 
Solr and symfony in Harmony with SolrJs
Solr and symfony in Harmony with SolrJsSolr and symfony in Harmony with SolrJs
Solr and symfony in Harmony with SolrJs
 
Developing and testing ajax components
Developing and testing ajax componentsDeveloping and testing ajax components
Developing and testing ajax components
 
Plone Interactivity
Plone InteractivityPlone Interactivity
Plone Interactivity
 
Ajax ons2
Ajax ons2Ajax ons2
Ajax ons2
 
Significant Characteristics In Planets Manfred Thaller
Significant Characteristics In Planets Manfred ThallerSignificant Characteristics In Planets Manfred Thaller
Significant Characteristics In Planets Manfred Thaller
 
Ajax On S2 Odp
Ajax On S2 OdpAjax On S2 Odp
Ajax On S2 Odp
 
Javascript: Ajax & DOM Manipulation v1.2
Javascript: Ajax & DOM Manipulation v1.2Javascript: Ajax & DOM Manipulation v1.2
Javascript: Ajax & DOM Manipulation v1.2
 
Lecture 5 - Comm Lab: Web @ ITP
Lecture 5 - Comm Lab: Web @ ITPLecture 5 - Comm Lab: Web @ ITP
Lecture 5 - Comm Lab: Web @ ITP
 
JWU Guest Talk: JavaScript and AJAX
JWU Guest Talk: JavaScript and AJAXJWU Guest Talk: JavaScript and AJAX
JWU Guest Talk: JavaScript and AJAX
 
Introduction into Struts2 jQuery Grid Tags
Introduction into Struts2 jQuery Grid TagsIntroduction into Struts2 jQuery Grid Tags
Introduction into Struts2 jQuery Grid Tags
 
Building Web Interface On Rails
Building Web Interface On RailsBuilding Web Interface On Rails
Building Web Interface On Rails
 
Html and i_phone_mobile-2
Html and i_phone_mobile-2Html and i_phone_mobile-2
Html and i_phone_mobile-2
 
Front End on Rails
Front End on RailsFront End on Rails
Front End on Rails
 
Jscript Fundamentals
Jscript FundamentalsJscript Fundamentals
Jscript Fundamentals
 
JSP Custom Tags
JSP Custom TagsJSP Custom Tags
JSP Custom Tags
 
Haml, Sass & Compass
Haml, Sass & CompassHaml, Sass & Compass
Haml, Sass & Compass
 
Using Forms in Share
Using Forms in ShareUsing Forms in Share
Using Forms in Share
 

Recently uploaded

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Recently uploaded (20)

Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Cyberprint. Dark Pink Apt Group [EN].pdf
Cyberprint. Dark Pink Apt Group [EN].pdfCyberprint. Dark Pink Apt Group [EN].pdf
Cyberprint. Dark Pink Apt Group [EN].pdf
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 

CSIS 138 Javascript Class1

Editor's Notes

  1. The JavaScript Language consists of objects CSIS 138 Instructor Teresa Pelkie