SlideShare a Scribd company logo

Introduction to JavaScript - Code Heroku

Download as PPTX, PDF
C
codeheroku

The document is an introductory guide to a JavaScript workshop led by Mihir Thakkar, outlining session objectives including the need for JavaScript, its basic syntax, and how to use APIs to dynamically update webpages. It highlights JavaScript as an object-oriented, dynamic scripting language that can enhance HTML interactivity, and introduces jQuery as a library that simplifies client-side scripting. Participants are encouraged to provide feedback and continue exploring JavaScript resources after the session.

Technology
1 of 12
Download to read offline
1
2
3
4
5
6
7
8
9
10
11
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

More Related Content

PPTX
Introduction to web compoents
Ran Wahle
 
PPT
Introduction To JavaScript
Khadija Khalid
 
PPTX
Native web architcture
Rohit
 
PPT
JavaScript Introduction
Jainul Musani
 
PPTX
Comapring jsp and Sevlet
ShivangiTak1
 
PPT
JAVA SCRIPT
Go4Guru
 
PPTX
Javascript
Mayank Bhatt
 
PPT
Java script
umesh patil
 
Introduction to web compoents
Ran Wahle
 
Introduction To JavaScript
Khadija Khalid
 
Native web architcture
Rohit
 
JavaScript Introduction
Jainul Musani
 
Comapring jsp and Sevlet
ShivangiTak1
 
JAVA SCRIPT
Go4Guru
 
Javascript
Mayank Bhatt
 
Java script
umesh patil
 

What's hot (20)

PPT
Jquery
chauhankapil
 
PPTX
Javascript versus java
DAZZLING DAZZLING
 
PPTX
Skillwise Dust JS Template
Skillwise Group
 
PPTX
Javascript testing IAD2010
Luca Grulla
 
ODP
REST API for Joomla
Parth Lawate
 
PPTX
1.java script
PhD Research Scholar
 
PPTX
Java script templating in wordpress
arryaas
 
PDF
Web Development with Delphi and React - ITDevCon 2016
Marco Breveglieri
 
PPTX
Ise312 Ec Presentation Jquery
duygut
 
PPTX
Java script an introduction
HelpWithAssignment.com
 
PDF
Why Use Rails by Dr Nic
Dr Nic Williams
 
PPTX
Empowerment Technologies Lecture 11 (Philippines SHS)
John Bosco Javellana, MAEd.
 
PPTX
Client side scripting and server side scripting
baabtra.com - No. 1 supplier of quality freshers
 
PPTX
What’s great about being a web developer
AspDotNetStorefront
 
PPTX
Jsp
JayaKamal
 
PPT
Lecture 6 Footnotes&amp; Answers
is4030.ray
 
PDF
Difference between vbscript and javascript
Umar Ali
 
PPTX
Introduction to document db- Global Azure Bootcamp 2016
Jalpesh Vadgama
 
PDF
qooxdoo - Open Source Ajax Framework
ecker
 
PPT
JavaScript
Forrester High School
 
Jquery
chauhankapil
 
Javascript versus java
DAZZLING DAZZLING
 
Skillwise Dust JS Template
Skillwise Group
 
Javascript testing IAD2010
Luca Grulla
 
REST API for Joomla
Parth Lawate
 
1.java script
PhD Research Scholar
 
Java script templating in wordpress
arryaas
 
Web Development with Delphi and React - ITDevCon 2016
Marco Breveglieri
 
Ise312 Ec Presentation Jquery
duygut
 
Java script an introduction
HelpWithAssignment.com
 
Why Use Rails by Dr Nic
Dr Nic Williams
 
Empowerment Technologies Lecture 11 (Philippines SHS)
John Bosco Javellana, MAEd.
 
Client side scripting and server side scripting
baabtra.com - No. 1 supplier of quality freshers
 
What’s great about being a web developer
AspDotNetStorefront
 
Jsp
JayaKamal
 
Lecture 6 Footnotes&amp; Answers
is4030.ray
 
Difference between vbscript and javascript
Umar Ali
 
Introduction to document db- Global Azure Bootcamp 2016
Jalpesh Vadgama
 
qooxdoo - Open Source Ajax Framework
ecker
 
JavaScript
Forrester High School
 
Ad

Similar to Introduction to JavaScript - Code Heroku (20)

PPTX
Java Script basics and DOM
Sukrit Gupta
 
PPT
Java script
vishal choudhary
 
PPT
17javascript.ppt
bcanawakadalcollege
 
PPT
17javascript.ppt
PraveenRai90
 
PPTX
Java script
bosybosy
 
PDF
Basics of JavaScript
Bala Narayanan
 
PPTX
Introduction to JavaScript presentations
XaiMaeChanelleSopsop
 
PPTX
UNIT 1 (7).pptx
DrDhivyaaCRAssistant
 
PDF
Complete JavaScript Notes: From Basics to Advanced Concepts.pdf
haydendavispro
 
ODP
Object Oriented Javascript
NexThoughts Technologies
 
PPTX
JavaScript_III.pptx
rashmiisrani1
 
PPTX
Java script
Adrian Caetano
 
PDF
javascriptPresentation.pdf
wildcat9335
 
PDF
HSC INFORMATION TECHNOLOGY CHAPTER 3 ADVANCED JAVASCRIPT
AAFREEN SHAIKH
 
PPT
JavaScript Tutorial
Bui Kiet
 
PPTX
Javascripts. pptt
RaviShankarSinghal
 
PDF
Fundamental Node.js (Workshop bersama Front-end Developer GITS Indonesia, War...
GITS Indonesia
 
PPTX
wp-UNIT_III.pptx
GANDHAMKUMAR2
 
PDF
Hsc IT Chap 3. Advanced javascript-1.pdf
AAFREEN SHAIKH
 
PPTX
Javascript
Gita Kriz
 
Java Script basics and DOM
Sukrit Gupta
 
Java script
vishal choudhary
 
17javascript.ppt
bcanawakadalcollege
 
17javascript.ppt
PraveenRai90
 
Java script
bosybosy
 
Basics of JavaScript
Bala Narayanan
 
Introduction to JavaScript presentations
XaiMaeChanelleSopsop
 
UNIT 1 (7).pptx
DrDhivyaaCRAssistant
 
Complete JavaScript Notes: From Basics to Advanced Concepts.pdf
haydendavispro
 
Object Oriented Javascript
NexThoughts Technologies
 
JavaScript_III.pptx
rashmiisrani1
 
Java script
Adrian Caetano
 
javascriptPresentation.pdf
wildcat9335
 
HSC INFORMATION TECHNOLOGY CHAPTER 3 ADVANCED JAVASCRIPT
AAFREEN SHAIKH
 
JavaScript Tutorial
Bui Kiet
 
Javascripts. pptt
RaviShankarSinghal
 
Fundamental Node.js (Workshop bersama Front-end Developer GITS Indonesia, War...
GITS Indonesia
 
wp-UNIT_III.pptx
GANDHAMKUMAR2
 
Hsc IT Chap 3. Advanced javascript-1.pdf
AAFREEN SHAIKH
 
Javascript
Gita Kriz
 
Ad

More from codeheroku (11)

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

Recently uploaded (20)

PPTX
MYSQL Presentation for SQL database connectivity
Swati270511
 
PDF
Spectral efficient network and resource selection model in 5G networks
IAESIJAI
 
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Safe Software
 
PDF
madgavkar20181017ppt McKinsey Presentation.pdf
georgschmitzdoerner
 
PDF
HCSP-Presales-Campus Network Planning and Design V1.0 Training Material-Witho...
fahmeedakram1
 
PPTX
Understanding_Digital_Forensics_Presentation.pptx
ImranKhan423233
 
PDF
CIFDAQ's Market Insight: SEC Turns Pro Crypto
CIFDAQ
 
PDF
Chapter 3 Spatial Domain Image Processing.pdf
Getnet Tigabie Askale -(GM)
 
PDF
Sensors and Actuators in IoT Systems using pdf
jeffinmathew654
 
PDF
Review of recent advances in non-invasive hemoglobin estimation
IAESIJAI
 
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Akar16
 
PDF
Empathic Computing: Creating Shared Understanding
Mark Billinghurst
 
PDF
Advanced Soft Computing BINUS July 2025.pdf
University of Hertfordshire
 
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
ZubinRadhakrishnan
 
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
blackmambaettijean
 
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
IAESIJAI
 
PPT
Teaching material agriculture food technology
LiaRayya
 
PDF
KodekX | Application Modernization Development
KodekX
 
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
SynapseIndia
 
PPTX
Cloud computing and distributed systems.
kkkkkhan
 
MYSQL Presentation for SQL database connectivity
Swati270511
 
Spectral efficient network and resource selection model in 5G networks
IAESIJAI
 
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Safe Software
 
madgavkar20181017ppt McKinsey Presentation.pdf
georgschmitzdoerner
 
HCSP-Presales-Campus Network Planning and Design V1.0 Training Material-Witho...
fahmeedakram1
 
Understanding_Digital_Forensics_Presentation.pptx
ImranKhan423233
 
CIFDAQ's Market Insight: SEC Turns Pro Crypto
CIFDAQ
 
Chapter 3 Spatial Domain Image Processing.pdf
Getnet Tigabie Askale -(GM)
 
Sensors and Actuators in IoT Systems using pdf
jeffinmathew654
 
Review of recent advances in non-invasive hemoglobin estimation
IAESIJAI
 
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Akar16
 
Empathic Computing: Creating Shared Understanding
Mark Billinghurst
 
Advanced Soft Computing BINUS July 2025.pdf
University of Hertfordshire
 
“AI and Expert System Decision Support & Business Intelligence Systems”
ZubinRadhakrishnan
 
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
blackmambaettijean
 
Diabetes mellitus diagnosis method based random forest with bat algorithm
IAESIJAI
 
Teaching material agriculture food technology
LiaRayya
 
KodekX | Application Modernization Development
KodekX
 
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
SynapseIndia
 
Cloud computing and distributed systems.
kkkkkhan
 

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!
  • 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/