JavaScript Introduction: Lesson 9 PDF

ICT 2025 Introduction to JavaScrip t Presented by Page 1 Janalow G. Bagacina Next Slide ICT Teacher  ICT 2025...

ICT 2025 Introduction to JavaScrip t Presented by Page 1 Janalow G. Bagacina Next Slide ICT Teacher  ICT 2025 Where does Whats is What can Javascript Javascript you do with code run ? ? it ? Page 2 Computer programming IV Next Slide  ICT 2025 Lesson Objective s Understand what JavaScript is and its role in web development. Write and execute simple JavaScript code. Use basic JavaScript concepts such as variables, data types, and output methods. Page 3 Computer Programming IV Next Slide  ICT 2025 History of JAVASCRIPT JavaScript was created by Brendan Eich in 1995 while he was working at Netscape Communications Corporation Page 4 Computer Programming IV Next Slide  ICT 2025 Brendan Former CEO of Mozilla Corporation Eich American Computer Programmer JavaScript was invented by Brendan Eich in May 1995 The language was developed in just 10 days under the name Mocha, which was later renamed to LiveScript in September 1995, and finally to JavaScript in December 1995 Page 5 Computer programming IV Next Slide  ICT What is 2025 JAVASCRIPT ? It can manipulate both HTML and CSS It can perform logical checks, calculation, modify existing HTML and CSS codes. It is the most popular Programming Language as of the moment We can create a Dynamic website Page 6 Computer programming IV Next Slide  ICT 2025 Most Popular Technologies Programming, Scripting, Mark up Languages Page 7 Next Slide Computer programming IV  ICT What is 2025 JAVASCRIPT ?often abbreviated as JS, is a programming language and core technology of the Web, alongside HTML and CSS. 99% of websites use JavaScript on the client side for webpage behavior. Web browsers have a dedicated JavaScript engine that executes the client code. These engines are also utilized in some servers and a variety of apps. The most popular runtime system for non- browser usage is Node.js. Page 8 Computer programming IV Next Slide  ICT 2025 is a program or an interpreter that executes JavaScript code. It is responsible for reading the JavaScript code in a browser or a server environment and converting it BROWSER into machine code that the computer can understand and execute. JAVASCRIPT ENGINE Page 9 Computer Programming IV Next Slide  ICT 2025 The main tasks of a JAVASCRIP JavaScript engine include: T ENGINE Parsing: The engine takes the JavaScript code and converts it into a format (often an abstract syntax tree, or AST) that it can understand. Compilation: Modern JavaScript engines often compile the code to an intermediate form, which allows for more efficient execution. Execution: The engine then runs the compiled code and carries out the actions defined by the JavaScript, like manipulating HTML elements, performing calculations, or making network requests. Page 10 Computer Programming IV Next Slide  ICT 2025 POPULAR JAVASCRIPT ENGINE APPLE GOOGLE Page 11 MOZILLA FIREFOX MICROSOFT EDGE Next Slide Computer programming IV  ICT 2025 Javascrip t Today Real time Networking Apps Mobile Application Games Real time Networking Page 12 Apps Computer programming IV Next Slide  ICT 2025 JAVASCRIPT Developer between $106,000 and $138,886 per year Page 13 Next Slide Computer programming IV  ICT 2025 Integrated development environme nt An integrated development environment (IDE) is a software application that helps programmers develop software code efficiently. It increases developer productivity by combining capabilities such as software editing, building, testing, and packaging in an easy-to-use application. Page 14 Computer programming IV Next Slide  ICT 2025 The tag allows us to write JavaScript code Tag inside of our HTML File Page 15 Computer programming IV Next Slide  ICT 2025 console.log( ) This code displays a log in the developer console of browsers. Page 16 Computer programming IV Next Slide  ICT 2025 Developer Tools Is a useful tool in debugging JavaScript codes and also viewing our output using console.log() Page 18 Computer programming IV Next Slide  ICT 2025 Than You! k Page 19 Computer programming IV Next Slide  ACTIVITY ICT 2025 Creating a flowchart for building a web page is a great way to visually organize and structure the development process. The flowchart can help you plan out the sequence of tasks, decisions, and actions needed to complete the project. Define the Purpose of Your Website Identify Key Phases of the Website Development Process Break Down Each Phase into Specific Tasks Use Standard Flowchart Symbols Planning Phase: Define the goals of the website. Identify target audience. Page 20 Gather content and media (e.g., text, images, Next Slide Computer programming IV videos).