In this session we will learn: What is JavaScript Why Learn JavaScript Applications of JS Why learn JS, Where JS is used Where JS Code Run ECMAScript vs JavaScript Java vs JavaScript Setting Up Environment Installing VS Code Editor Installing VS Code Editor Material Icon and Live Server Extention 2 Iqra Technology | www.iqratechnology.com
What is JS 3 Iqra Technology | www.iqratechnology.com
Application of JavaScript JavaScript is used to create interactive websites. It is mainly used for: Client-side validation, Dynamic drop-down menus/Sliders Displaying date and time, Displaying pop-up windows and dialog boxes (like an alert dialog box, confirm dialog box and prompt dialog box), Displaying clocks etc . Iqra Technology | www.iqratechnology.com 4
Commonly Asked Questions Q. How do I get JavaScript? Q. Where can I download JavaScript? Q. Is JavaScript Free? You don't have to get or download JavaScript. JavaScript is already running in your browser on your computer, on your tablet, and on your smart-phone. JavaScript is free to use for everyone . Iqra Technology | www.iqratechnology.com 5
Why Learn JavaScript Iqra Technology | www.iqratechnology.com 6 JavaScript is one of the 3 languages all web developers must learn: 1. HTML to define the content of web pages 2. CSS to specify the layout of web pages 3. JavaScript to program the behaviour of web pages
Where JS is used JS is used in every technology: Salesforce Microsoft Dynamic CRM SharePoint Angular Php Mobile Apps Web Applications Iqra Technology | www.iqratechnology.com 7
Where JS Code Run 8 Iqra Technology | www.iqratechnology.com
ECMAScript vs JavaScript content 9 Iqra Technology | www.iqratechnology.com
Time Line 10 Iqra Technology | www.iqratechnology.com
Java vs JavaScript JavaScript and Java are completely different languages, both in concept and design. Java is server side Object Oriented Programming Language. JavaScript is a client side scripting language. (using N ode you can also run JS code on server to make dynamic web apps). 11 Iqra Technology | www.iqratechnology.com
Setting Up Environment Download and install VS Code editor using below link: https:// code.visualstudio.com/download Install these two extensions in VS Code Editor Live Server Material Icon Theme Iqra Technology | www.iqratechnology.com 12
References: Training Tracking Sheet: https:// docs.google.com/spreadsheets/d/1iI8T7WpGpdHzyluIQDc67BWE1N03YLHbP4PpZq02Wwk/edit?usp=sharing W3Shools.com https ://www.w3schools.com/js / Topics covered from W3Schools.com: Iqra Technology | www.iqratechnology.com 13 JS Introduction JS Where To JS Output