JavaScript Introduction
• It is a programming language. (like Java)
• It is not same as Java programming language.
JustCode.IN 1
Timeline
Netscape Navigator
Web Browser
1994
Microsoft
Internet Explorer
JScript
1995
European Computer
Manufacturers
Association (ECMA)
ECMAScript,
JavaScript Standard
1996
JQuery
2006
Nodejs
ES5
2009
Angular, Google
2010
TypeScript, Microsoft
2012
React, Facebook
2013
ECMAScript 6, ES6
2015
Next JS
Svelte
2016
Next JS 13
2022
2
JustCode.IN
What JavaScript
can do?
• Website Development
• Frontend, client side
• Backend, server side
• API endpoint (REST)
• Mobile App
3
JustCode.IN
What is a Website, Webpage, Web App
Combination of HTML, CSS, and JavaScript
• HTML – Create it [ Content, Structure, Skelton ]
• CSS – Style it [ Presentation ]
• JavaScript – add some action (life) to it [ Behavior, Brain ]
4
JustCode.IN
Example of webpage
• Index.html
• About.html
Demo
5
JustCode.IN
References
• https://developer.mozilla.org/en-US/docs/Web/JavaScript
• Survey: https://survey.stackoverflow.co/2022/#technology
• https://survey.stackoverflow.co/2022/#section-most-popular-
technologies-web-frameworks-and-technologies
• Remix: https://remix.run/
• Next: https://nextjs.org/
• Svelte: https://svelte.dev/
6
JustCode.IN

JavaScript-Basic-Chapter1-Presentation.pptx

  • 1.
    JavaScript Introduction • Itis a programming language. (like Java) • It is not same as Java programming language. JustCode.IN 1
  • 2.
    Timeline Netscape Navigator Web Browser 1994 Microsoft InternetExplorer JScript 1995 European Computer Manufacturers Association (ECMA) ECMAScript, JavaScript Standard 1996 JQuery 2006 Nodejs ES5 2009 Angular, Google 2010 TypeScript, Microsoft 2012 React, Facebook 2013 ECMAScript 6, ES6 2015 Next JS Svelte 2016 Next JS 13 2022 2 JustCode.IN
  • 3.
    What JavaScript can do? •Website Development • Frontend, client side • Backend, server side • API endpoint (REST) • Mobile App 3 JustCode.IN
  • 4.
    What is aWebsite, Webpage, Web App Combination of HTML, CSS, and JavaScript • HTML – Create it [ Content, Structure, Skelton ] • CSS – Style it [ Presentation ] • JavaScript – add some action (life) to it [ Behavior, Brain ] 4 JustCode.IN
  • 5.
    Example of webpage •Index.html • About.html Demo 5 JustCode.IN
  • 6.
    References • https://developer.mozilla.org/en-US/docs/Web/JavaScript • Survey:https://survey.stackoverflow.co/2022/#technology • https://survey.stackoverflow.co/2022/#section-most-popular- technologies-web-frameworks-and-technologies • Remix: https://remix.run/ • Next: https://nextjs.org/ • Svelte: https://svelte.dev/ 6 JustCode.IN