SlideShare a Scribd company logo

Introduction to JavaScript - Code Heroku

•Download as PPTX, PDF•
•
C
codeheroku

This slide is a part of Introduction to JavaScript workshop by Code Heroku. Here is the recorded version of our Introduction to JavaScript workshop: https://www.youtube.com/watch?v=FB9c5rixz6E You can watch all our upcoming and past workshops here: http://www.codeheroku.com

Technology
1 of 12
Please turn off your webcam. If you are joining from Mobile device make sure you click on Join via Device Audio We are waiting for other participants to join. Thank you for your patience!
Mihir Thakkar Founder and Instructor hello@codeheroku.com
SESSION OBJECTIVES ● Why do we need JavaScript? ● Basic Syntax ● Use APIs and Dynamically update a webpage
HELLO WORLD! HTML PAGE <table> <thead> <td> Person </td> <td> Age </td> </thead> <tr> …… </tr> </table> Add Student Application Server getStudents() JavaScript Adds Interactivity to HTML Pages! Why Do We Need JavaScript? ???
JavaScript ● Object Oriented, Dynamic Scripting Language ● Interpreted at Runtime ● It is Event Driven
Synchronous Vs Asynchronous Programming Main Function My Sync Function Request Result BLOCKED Process Main Function My Async Function Request(Callback) Result ProcessOther Tasks Callback
Let’s Play With Some JS! https://www.sublimetext.com/3
jQuery The Write Less, Do More, JavaScript Library. jQuery is a cross-platform JavaScript library designed to simplify the client- side scripting of HTML
Connecting to a Web Service https://openweathermap.org/api http://api.openweathermap.org/data/2.5/weather?q=mumbai&APPID=35af1a9e531e3 df9710f83e70ac4308b&units=metric http://www.codeheroku.com/static/workshop/code/weather.zip
Where To Go From Here?
Thank you! Your feedback means a lot https://www.facebook.com/pg/codeheroku/reviews/
Introduction to JavaScript - Code Heroku

Recommended

Introduction to web compoents
Introduction to web compoentsIntroduction to web compoents
Introduction to web compoentsRan Wahle
 
Introduction To JavaScript
Introduction To JavaScriptIntroduction To JavaScript
Introduction To JavaScriptKhadija Khalid
 
Native web architcture
Native web architctureNative web architcture
Native web architctureRohit
 
JavaScript Introduction
JavaScript IntroductionJavaScript Introduction
JavaScript IntroductionJainul Musani
 
Comapring jsp and Sevlet
Comapring jsp and SevletComapring jsp and Sevlet
Comapring jsp and SevletShivangiTak1
 
JAVA SCRIPT
JAVA SCRIPTJAVA SCRIPT
JAVA SCRIPTGo4Guru
 
Javascript
JavascriptJavascript
JavascriptMayank Bhatt
 
Java script
Java scriptJava script
Java scriptumesh patil
 

Recommended

Introduction to web compoents
Introduction to web compoentsIntroduction to web compoents
Introduction to web compoentsRan Wahle
 
Introduction To JavaScript
Introduction To JavaScriptIntroduction To JavaScript
Introduction To JavaScriptKhadija Khalid
 
Native web architcture
Native web architctureNative web architcture
Native web architctureRohit
 
JavaScript Introduction
JavaScript IntroductionJavaScript Introduction
JavaScript IntroductionJainul Musani
 
Comapring jsp and Sevlet
Comapring jsp and SevletComapring jsp and Sevlet
Comapring jsp and SevletShivangiTak1
 
JAVA SCRIPT
JAVA SCRIPTJAVA SCRIPT
JAVA SCRIPTGo4Guru
 
Javascript
JavascriptJavascript
JavascriptMayank Bhatt
 
Java script
Java scriptJava script
Java scriptumesh patil
 
Jquery
JqueryJquery
Jquerychauhankapil
 
Javascript versus java
Javascript versus javaJavascript versus java
Javascript versus javaDAZZLING DAZZLING
 
Skillwise Dust JS Template
Skillwise Dust JS TemplateSkillwise Dust JS Template
Skillwise Dust JS TemplateSkillwise Group
 
Javascript testing IAD2010
Javascript testing IAD2010Javascript testing IAD2010
Javascript testing IAD2010Luca Grulla
 
REST API for Joomla
REST API for JoomlaREST API for Joomla
REST API for JoomlaParth Lawate
 
1.java script
1.java script1.java script
1.java scriptPhD Research Scholar
 
Java script templating in wordpress
Java script templating in wordpressJava script templating in wordpress
Java script templating in wordpressarryaas
 
Web Development with Delphi and React - ITDevCon 2016
Web Development with Delphi and React - ITDevCon 2016Web Development with Delphi and React - ITDevCon 2016
Web Development with Delphi and React - ITDevCon 2016Marco Breveglieri
 
Ise312 Ec Presentation Jquery
Ise312 Ec Presentation JqueryIse312 Ec Presentation Jquery
Ise312 Ec Presentation Jqueryduygut
 
Java script an introduction
Java script an introductionJava script an introduction
Java script an introductionHelpWithAssignment.com
 
Why Use Rails by Dr Nic
Why Use Rails by Dr NicWhy Use Rails by Dr Nic
Why Use Rails by Dr NicDr Nic Williams
 
Empowerment Technologies Lecture 11 (Philippines SHS)
Empowerment Technologies Lecture 11 (Philippines SHS)Empowerment Technologies Lecture 11 (Philippines SHS)
Empowerment Technologies Lecture 11 (Philippines SHS)John Bosco Javellana, MAEd.
 
Client side scripting and server side scripting
Client side scripting and server side scriptingClient side scripting and server side scripting
Client side scripting and server side scriptingbaabtra.com - No. 1 supplier of quality freshers
 
What’s great about being a web developer
What’s great about being a web developerWhat’s great about being a web developer
What’s great about being a web developerAspDotNetStorefront
 
Jsp
JspJsp
JspJayaKamal
 
Lecture 6 Footnotes&amp; Answers
Lecture 6 Footnotes&amp; AnswersLecture 6 Footnotes&amp; Answers
Lecture 6 Footnotes&amp; Answersis4030.ray
 
Difference between vbscript and javascript
Difference between vbscript and javascriptDifference between vbscript and javascript
Difference between vbscript and javascriptUmar Ali
 
Introduction to document db- Global Azure Bootcamp 2016
Introduction to document db- Global Azure Bootcamp 2016Introduction to document db- Global Azure Bootcamp 2016
Introduction to document db- Global Azure Bootcamp 2016Jalpesh Vadgama
 
qooxdoo - Open Source Ajax Framework
qooxdoo - Open Source Ajax Frameworkqooxdoo - Open Source Ajax Framework
qooxdoo - Open Source Ajax Frameworkecker
 
JavaScript
JavaScriptJavaScript
JavaScriptForrester High School
 
Joomla REST API
Joomla REST APIJoomla REST API
Joomla REST APIAshwin Date
 
Web Dev presentation day 2
Web Dev presentation day 2Web Dev presentation day 2
Web Dev presentation day 2AkshatBajpai12
 

More Related Content

What's hot

Skillwise Dust JS Template
Skillwise Dust JS TemplateSkillwise Dust JS Template
Skillwise Dust JS TemplateSkillwise Group
 
Javascript testing IAD2010
Javascript testing IAD2010Javascript testing IAD2010
Javascript testing IAD2010Luca Grulla
 
REST API for Joomla
REST API for JoomlaREST API for Joomla
REST API for JoomlaParth Lawate
 
Java script templating in wordpress
Java script templating in wordpressJava script templating in wordpress
Java script templating in wordpressarryaas
 
Web Development with Delphi and React - ITDevCon 2016
Web Development with Delphi and React - ITDevCon 2016Web Development with Delphi and React - ITDevCon 2016
Web Development with Delphi and React - ITDevCon 2016Marco Breveglieri
 
Ise312 Ec Presentation Jquery
Ise312 Ec Presentation JqueryIse312 Ec Presentation Jquery
Ise312 Ec Presentation Jqueryduygut
 
Empowerment Technologies Lecture 11 (Philippines SHS)
Empowerment Technologies Lecture 11 (Philippines SHS)Empowerment Technologies Lecture 11 (Philippines SHS)
Empowerment Technologies Lecture 11 (Philippines SHS)John Bosco Javellana, MAEd.
 
What’s great about being a web developer
What’s great about being a web developerWhat’s great about being a web developer
What’s great about being a web developerAspDotNetStorefront
 
Lecture 6 Footnotes&amp; Answers
Lecture 6 Footnotes&amp; AnswersLecture 6 Footnotes&amp; Answers
Lecture 6 Footnotes&amp; Answersis4030.ray
 
Difference between vbscript and javascript
Difference between vbscript and javascriptDifference between vbscript and javascript
Difference between vbscript and javascriptUmar Ali
 
Introduction to document db- Global Azure Bootcamp 2016
Introduction to document db- Global Azure Bootcamp 2016Introduction to document db- Global Azure Bootcamp 2016
Introduction to document db- Global Azure Bootcamp 2016Jalpesh Vadgama
 
qooxdoo - Open Source Ajax Framework
qooxdoo - Open Source Ajax Frameworkqooxdoo - Open Source Ajax Framework
qooxdoo - Open Source Ajax Frameworkecker
 

What's hot (20)

Jquery
JqueryJquery
Jquery
 
Javascript versus java
Javascript versus javaJavascript versus java
Javascript versus java
 
Skillwise Dust JS Template
Skillwise Dust JS TemplateSkillwise Dust JS Template
Skillwise Dust JS Template
 
Javascript testing IAD2010
Javascript testing IAD2010Javascript testing IAD2010
Javascript testing IAD2010
 
REST API for Joomla
REST API for JoomlaREST API for Joomla
REST API for Joomla
 
1.java script
1.java script1.java script
1.java script
 
Java script templating in wordpress
Java script templating in wordpressJava script templating in wordpress
Java script templating in wordpress
 
Web Development with Delphi and React - ITDevCon 2016
Web Development with Delphi and React - ITDevCon 2016Web Development with Delphi and React - ITDevCon 2016
Web Development with Delphi and React - ITDevCon 2016
 
Ise312 Ec Presentation Jquery
Ise312 Ec Presentation JqueryIse312 Ec Presentation Jquery
Ise312 Ec Presentation Jquery
 
Java script an introduction
Java script an introductionJava script an introduction
Java script an introduction
 
Why Use Rails by Dr Nic
Why Use Rails by Dr NicWhy Use Rails by Dr Nic
Why Use Rails by Dr Nic
 
Empowerment Technologies Lecture 11 (Philippines SHS)
Empowerment Technologies Lecture 11 (Philippines SHS)Empowerment Technologies Lecture 11 (Philippines SHS)
Empowerment Technologies Lecture 11 (Philippines SHS)
 
Client side scripting and server side scripting
Client side scripting and server side scriptingClient side scripting and server side scripting
Client side scripting and server side scripting
 
What’s great about being a web developer
What’s great about being a web developerWhat’s great about being a web developer
What’s great about being a web developer
 
Jsp
JspJsp
Jsp
 
Lecture 6 Footnotes&amp; Answers
Lecture 6 Footnotes&amp; AnswersLecture 6 Footnotes&amp; Answers
Lecture 6 Footnotes&amp; Answers
 
Difference between vbscript and javascript
Difference between vbscript and javascriptDifference between vbscript and javascript
Difference between vbscript and javascript
 
Introduction to document db- Global Azure Bootcamp 2016
Introduction to document db- Global Azure Bootcamp 2016Introduction to document db- Global Azure Bootcamp 2016
Introduction to document db- Global Azure Bootcamp 2016
 
qooxdoo - Open Source Ajax Framework
qooxdoo - Open Source Ajax Frameworkqooxdoo - Open Source Ajax Framework
qooxdoo - Open Source Ajax Framework
 
JavaScript
JavaScriptJavaScript
JavaScript
 

Similar to Introduction to JavaScript - Code Heroku

Web Dev presentation day 2
Web Dev presentation day 2Web Dev presentation day 2
Web Dev presentation day 2AkshatBajpai12
 
Prototyping app using JS and HTML5 (Ciklum Kharkiv)
Prototyping app using JS and HTML5 (Ciklum Kharkiv)Prototyping app using JS and HTML5 (Ciklum Kharkiv)
Prototyping app using JS and HTML5 (Ciklum Kharkiv)Yuriy Silvestrov
 
BEAAUTIFUL presentation of java
BEAAUTIFUL presentation of javaBEAAUTIFUL presentation of java
BEAAUTIFUL presentation of javarana usman
 
Startup eng-camp 3
Startup eng-camp 3Startup eng-camp 3
Startup eng-camp 3Jollen Chen
 
How NOT to get lost in the current JavaScript landscape
How NOT to get lost in the current JavaScript landscapeHow NOT to get lost in the current JavaScript landscape
How NOT to get lost in the current JavaScript landscapeRadosław Scheibinger
 
Online test management system
Online test management systemOnline test management system
Online test management systemPrateek Agarwak
 
Doing Modern Web, aka JavaScript and HTML5 in the Enterprise NYC Code Camp
Doing Modern Web, aka JavaScript and HTML5 in the Enterprise NYC Code CampDoing Modern Web, aka JavaScript and HTML5 in the Enterprise NYC Code Camp
Doing Modern Web, aka JavaScript and HTML5 in the Enterprise NYC Code CampChris Love
 
Web II - 01 - Introduction to server-side development
Web II - 01 - Introduction to server-side developmentWeb II - 01 - Introduction to server-side development
Web II - 01 - Introduction to server-side developmentRandy Connolly
 
Ajax Abuse Todcon2008
Ajax Abuse Todcon2008Ajax Abuse Todcon2008
Ajax Abuse Todcon2008Jesse Rodgers
 
l1-reactnativeintroduction-160816150540.pdf
l1-reactnativeintroduction-160816150540.pdfl1-reactnativeintroduction-160816150540.pdf
l1-reactnativeintroduction-160816150540.pdfHương Trà Pé Xjnk
 
React Native Introduction: Making Real iOS and Android Mobile App By JavaScript
React Native Introduction: Making Real iOS and Android Mobile App By JavaScriptReact Native Introduction: Making Real iOS and Android Mobile App By JavaScript
React Native Introduction: Making Real iOS and Android Mobile App By JavaScriptKobkrit Viriyayudhakorn
 
Arm html5 presentation
Arm html5 presentationArm html5 presentation
Arm html5 presentationIan Renyard
 
Chasing the RESTful Trinity - Client CLI and Documentation
Chasing the RESTful Trinity - Client CLI and DocumentationChasing the RESTful Trinity - Client CLI and Documentation
Chasing the RESTful Trinity - Client CLI and DocumentationRoberto Cortez
 
Resful Trinity Code One - San Francisco
Resful Trinity Code One - San FranciscoResful Trinity Code One - San Francisco
Resful Trinity Code One - San FranciscoIvan Junckes Filho
 
Build and Deploy Provider-hosted SharePoint Add-ins
Build and Deploy Provider-hosted SharePoint Add-insBuild and Deploy Provider-hosted SharePoint Add-ins
Build and Deploy Provider-hosted SharePoint Add-insDanny Jessee
 

Similar to Introduction to JavaScript - Code Heroku (20)

Joomla REST API
Joomla REST APIJoomla REST API
Joomla REST API
 
Web Dev presentation day 2
Web Dev presentation day 2Web Dev presentation day 2
Web Dev presentation day 2
 
Prototyping app using JS and HTML5 (Ciklum Kharkiv)
Prototyping app using JS and HTML5 (Ciklum Kharkiv)Prototyping app using JS and HTML5 (Ciklum Kharkiv)
Prototyping app using JS and HTML5 (Ciklum Kharkiv)
 
BEAAUTIFUL presentation of java
BEAAUTIFUL presentation of javaBEAAUTIFUL presentation of java
BEAAUTIFUL presentation of java
 
Startup eng-camp 3
Startup eng-camp 3Startup eng-camp 3
Startup eng-camp 3
 
How NOT to get lost in the current JavaScript landscape
How NOT to get lost in the current JavaScript landscapeHow NOT to get lost in the current JavaScript landscape
How NOT to get lost in the current JavaScript landscape
 
Web summit.pptx
Web summit.pptxWeb summit.pptx
Web summit.pptx
 
Online test management system
Online test management systemOnline test management system
Online test management system
 
Doing Modern Web, aka JavaScript and HTML5 in the Enterprise NYC Code Camp
Doing Modern Web, aka JavaScript and HTML5 in the Enterprise NYC Code CampDoing Modern Web, aka JavaScript and HTML5 in the Enterprise NYC Code Camp
Doing Modern Web, aka JavaScript and HTML5 in the Enterprise NYC Code Camp
 
Web II - 01 - Introduction to server-side development
Web II - 01 - Introduction to server-side developmentWeb II - 01 - Introduction to server-side development
Web II - 01 - Introduction to server-side development
 
Introduction to Java Script
Introduction to Java ScriptIntroduction to Java Script
Introduction to Java Script
 
Ajax Abuse Todcon2008
Ajax Abuse Todcon2008Ajax Abuse Todcon2008
Ajax Abuse Todcon2008
 
l1-reactnativeintroduction-160816150540.pdf
l1-reactnativeintroduction-160816150540.pdfl1-reactnativeintroduction-160816150540.pdf
l1-reactnativeintroduction-160816150540.pdf
 
React Native Introduction: Making Real iOS and Android Mobile App By JavaScript
React Native Introduction: Making Real iOS and Android Mobile App By JavaScriptReact Native Introduction: Making Real iOS and Android Mobile App By JavaScript
React Native Introduction: Making Real iOS and Android Mobile App By JavaScript
 
Modern Web Applications
Modern Web ApplicationsModern Web Applications
Modern Web Applications
 
Arm html5 presentation
Arm html5 presentationArm html5 presentation
Arm html5 presentation
 
Chasing the RESTful Trinity - Client CLI and Documentation
Chasing the RESTful Trinity - Client CLI and DocumentationChasing the RESTful Trinity - Client CLI and Documentation
Chasing the RESTful Trinity - Client CLI and Documentation
 
Resful Trinity Code One - San Francisco
Resful Trinity Code One - San FranciscoResful Trinity Code One - San Francisco
Resful Trinity Code One - San Francisco
 
Build and Deploy Provider-hosted SharePoint Add-ins
Build and Deploy Provider-hosted SharePoint Add-insBuild and Deploy Provider-hosted SharePoint Add-ins
Build and Deploy Provider-hosted SharePoint Add-ins
 
Fundamentals of HTML5
Fundamentals of HTML5Fundamentals of HTML5
Fundamentals of HTML5
 

More from codeheroku

Reinforcement Learning with OpenAI Gym - Value Iteration Frozen Lake - Code H...
Reinforcement Learning with OpenAI Gym - Value Iteration Frozen Lake - Code H...Reinforcement Learning with OpenAI Gym - Value Iteration Frozen Lake - Code H...
Reinforcement Learning with OpenAI Gym - Value Iteration Frozen Lake - Code H...codeheroku
 
Introduction to Reinforcement Learning - Code Heroku
Introduction to Reinforcement Learning - Code HerokuIntroduction to Reinforcement Learning - Code Heroku
Introduction to Reinforcement Learning - Code Herokucodeheroku
 
Introduction to Unsupervised Learning - Code Heroku
Introduction to Unsupervised Learning - Code HerokuIntroduction to Unsupervised Learning - Code Heroku
Introduction to Unsupervised Learning - Code Herokucodeheroku
 
Building a movie recommendation engine in Python using Scikit-Learn - Code He...
Building a movie recommendation engine in Python using Scikit-Learn - Code He...Building a movie recommendation engine in Python using Scikit-Learn - Code He...
Building a movie recommendation engine in Python using Scikit-Learn - Code He...codeheroku
 
Building Web Apps with Python Part 2 - Code Heroku
Building Web Apps with Python Part 2 - Code HerokuBuilding Web Apps with Python Part 2 - Code Heroku
Building Web Apps with Python Part 2 - Code Herokucodeheroku
 
Building Web Apps with Python - Code Heroku
Building Web Apps with Python - Code HerokuBuilding Web Apps with Python - Code Heroku
Building Web Apps with Python - Code Herokucodeheroku
 
Introduction to Python - Code Heroku
Introduction to Python - Code HerokuIntroduction to Python - Code Heroku
Introduction to Python - Code Herokucodeheroku
 
Introduction to Machine Learning - Code Heroku
Introduction to Machine Learning - Code HerokuIntroduction to Machine Learning - Code Heroku
Introduction to Machine Learning - Code Herokucodeheroku
 
Introduction to Data Visualization Part 2 - Code Heroku
Introduction to Data Visualization Part 2 - Code HerokuIntroduction to Data Visualization Part 2 - Code Heroku
Introduction to Data Visualization Part 2 - Code Herokucodeheroku
 
Introduction to Data Visualization - Code Heroku
Introduction to Data Visualization - Code HerokuIntroduction to Data Visualization - Code Heroku
Introduction to Data Visualization - Code Herokucodeheroku
 
Introduction to Computer Vision - Code Heroku
Introduction to Computer Vision - Code HerokuIntroduction to Computer Vision - Code Heroku
Introduction to Computer Vision - Code Herokucodeheroku
 

More from codeheroku (11)

Reinforcement Learning with OpenAI Gym - Value Iteration Frozen Lake - Code H...
Reinforcement Learning with OpenAI Gym - Value Iteration Frozen Lake - Code H...Reinforcement Learning with OpenAI Gym - Value Iteration Frozen Lake - Code H...
Reinforcement Learning with OpenAI Gym - Value Iteration Frozen Lake - Code H...
 
Introduction to Reinforcement Learning - Code Heroku
Introduction to Reinforcement Learning - Code HerokuIntroduction to Reinforcement Learning - Code Heroku
Introduction to Reinforcement Learning - Code Heroku
 
Introduction to Unsupervised Learning - Code Heroku
Introduction to Unsupervised Learning - Code HerokuIntroduction to Unsupervised Learning - Code Heroku
Introduction to Unsupervised Learning - Code Heroku
 
Building a movie recommendation engine in Python using Scikit-Learn - Code He...
Building a movie recommendation engine in Python using Scikit-Learn - Code He...Building a movie recommendation engine in Python using Scikit-Learn - Code He...
Building a movie recommendation engine in Python using Scikit-Learn - Code He...
 
Building Web Apps with Python Part 2 - Code Heroku
Building Web Apps with Python Part 2 - Code HerokuBuilding Web Apps with Python Part 2 - Code Heroku
Building Web Apps with Python Part 2 - Code Heroku
 
Building Web Apps with Python - Code Heroku
Building Web Apps with Python - Code HerokuBuilding Web Apps with Python - Code Heroku
Building Web Apps with Python - Code Heroku
 
Introduction to Python - Code Heroku
Introduction to Python - Code HerokuIntroduction to Python - Code Heroku
Introduction to Python - Code Heroku
 
Introduction to Machine Learning - Code Heroku
Introduction to Machine Learning - Code HerokuIntroduction to Machine Learning - Code Heroku
Introduction to Machine Learning - Code Heroku
 
Introduction to Data Visualization Part 2 - Code Heroku
Introduction to Data Visualization Part 2 - Code HerokuIntroduction to Data Visualization Part 2 - Code Heroku
Introduction to Data Visualization Part 2 - Code Heroku
 
Introduction to Data Visualization - Code Heroku
Introduction to Data Visualization - Code HerokuIntroduction to Data Visualization - Code Heroku
Introduction to Data Visualization - Code Heroku
 
Introduction to Computer Vision - Code Heroku
Introduction to Computer Vision - Code HerokuIntroduction to Computer Vision - Code Heroku
Introduction to Computer Vision - Code Heroku
 

Recently uploaded

Simplifying Mobile A11y Presentation.pptx
Simplifying Mobile A11y Presentation.pptxSimplifying Mobile A11y Presentation.pptx
Simplifying Mobile A11y Presentation.pptxMarkSteadman7
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxRustici Software
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxRemote DBA Services
 
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...Orbitshub
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontologyjohnbeverley2021
 
Decarbonising Commercial Real Estate: The Role of Operational Performance
Decarbonising Commercial Real Estate: The Role of Operational PerformanceDecarbonising Commercial Real Estate: The Role of Operational Performance
Decarbonising Commercial Real Estate: The Role of Operational PerformanceIES VE
 
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdfSandro Moreira
 
How to Check CNIC Information Online with Pakdata cf
How to Check CNIC Information Online with Pakdata cfHow to Check CNIC Information Online with Pakdata cf
How to Check CNIC Information Online with Pakdata cfdanishmna97
 
WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...
WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...
WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...WSO2
 
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Bhuvaneswari Subramani
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Victor Rentea
 
Navigating Identity and Access Management in the Modern Enterprise
Navigating Identity and Access Management in the Modern EnterpriseNavigating Identity and Access Management in the Modern Enterprise
Navigating Identity and Access Management in the Modern EnterpriseWSO2
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Jeffrey Haguewood
 
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...DianaGray10
 
"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 ...Zilliz
 
Introduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDMIntroduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDMKumar Satyam
 
API Governance and Monetization - The evolution of API governance
API Governance and Monetization - The evolution of API governanceAPI Governance and Monetization - The evolution of API governance
API Governance and Monetization - The evolution of API governanceWSO2
 
Quantum Leap in Next-Generation Computing
Quantum Leap in Next-Generation ComputingQuantum Leap in Next-Generation Computing
Quantum Leap in Next-Generation ComputingWSO2
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamUiPathCommunity
 

Recently uploaded (20)

Simplifying Mobile A11y Presentation.pptx
Simplifying Mobile A11y Presentation.pptxSimplifying Mobile A11y Presentation.pptx
Simplifying Mobile A11y Presentation.pptx
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptx
 
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...
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
Decarbonising Commercial Real Estate: The Role of Operational Performance
Decarbonising Commercial Real Estate: The Role of Operational PerformanceDecarbonising Commercial Real Estate: The Role of Operational Performance
Decarbonising Commercial Real Estate: The Role of Operational Performance
 
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering Developers
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
How to Check CNIC Information Online with Pakdata cf
How to Check CNIC Information Online with Pakdata cfHow to Check CNIC Information Online with Pakdata cf
How to Check CNIC Information Online with Pakdata cf
 
WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...
WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...
WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...
 
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
Navigating Identity and Access Management in the Modern Enterprise
Navigating Identity and Access Management in the Modern EnterpriseNavigating Identity and Access Management in the Modern Enterprise
Navigating Identity and Access Management in the Modern Enterprise
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
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...
 
"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 ...
 
Introduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDMIntroduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDM
 
API Governance and Monetization - The evolution of API governance
API Governance and Monetization - The evolution of API governanceAPI Governance and Monetization - The evolution of API governance
API Governance and Monetization - The evolution of API governance
 
Quantum Leap in Next-Generation Computing
Quantum Leap in Next-Generation ComputingQuantum Leap in Next-Generation Computing
Quantum Leap in Next-Generation Computing
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 

Introduction to JavaScript - Code Heroku

  • 1. Please turn off your webcam. If you are joining from Mobile device make sure you click on Join via Device Audio We are waiting for other participants to join. Thank you for your patience!
  • 2. Mihir Thakkar Founder and Instructor hello@codeheroku.com
  • 3. SESSION OBJECTIVES ● Why do we need JavaScript? ● Basic Syntax ● Use APIs and Dynamically update a webpage
  • 4. HELLO WORLD! HTML PAGE <table> <thead> <td> Person </td> <td> Age </td> </thead> <tr> …… </tr> </table> Add Student Application Server getStudents() JavaScript Adds Interactivity to HTML Pages! Why Do We Need JavaScript? ???
  • 5. JavaScript ● Object Oriented, Dynamic Scripting Language ● Interpreted at Runtime ● It is Event Driven
  • 6. Synchronous Vs Asynchronous Programming Main Function My Sync Function Request Result BLOCKED Process Main Function My Async Function Request(Callback) Result ProcessOther Tasks Callback
  • 7. Let’s Play With Some JS! https://www.sublimetext.com/3
  • 8. jQuery The Write Less, Do More, JavaScript Library. jQuery is a cross-platform JavaScript library designed to simplify the client- side scripting of HTML
  • 9. Connecting to a Web Service https://openweathermap.org/api http://api.openweathermap.org/data/2.5/weather?q=mumbai&APPID=35af1a9e531e3 df9710f83e70ac4308b&units=metric http://www.codeheroku.com/static/workshop/code/weather.zip
  • 11. Thank you! Your feedback means a lot https://www.facebook.com/pg/codeheroku/reviews/