Scribd Logo
Upload

Welcome to Scribd!

  • Q4 W1 D1 Asynch-Lesson

    Uploaded by

    Anna Marie Mendoza
    6 views18 pages
    The document provides an introduction to JavaScript, covering topics like syntax, statements, comments, and how JavaScript can be used to change HTML content and attributes. It explains that JavaScript code is placed between <script> tags in HTML and can be called by events like button clicks. JavaScript can be included directly in HTML files or linked externally from .js files, which separates code and makes pages easier to manage. External scripts are referenced with URLs and can be cached to improve page load speeds.

    Original Description:

    Original Title

    Q4.W1.D1.ASYNCH-LESSON

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document provides an introduction to JavaScript, covering topics like syntax, statements, comments, and how JavaScript can be used to change HTML content and attributes. It explains that JavaScript code is placed between <script> tags in HTML and can be called by events like button clicks. JavaScript can be included directly in HTML files or linked externally from .js files, which separates code and makes pages easier to manage. External scripts are referenced with URLs and can be cached to improve page load speeds.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    6 views18 pages

    Q4 W1 D1 Asynch-Lesson

    Uploaded by

    Anna Marie Mendoza
    The document provides an introduction to JavaScript, covering topics like syntax, statements, comments, and how JavaScript can be used to change HTML content and attributes. It explains that JavaScript code is placed between <script> tags in HTML and can be called by events like button clicks. JavaScript can be included directly in HTML files or linked externally from .js files, which separates code and makes pages easier to manage. External scripts are referenced with URLs and can be cached to improve page load speeds.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 18

    CARLOS L.

    ALBERT HIGH SCHOOL

    COMPUTER
    PROGRAMMING
    .NET TECHNOLOGY
    INTRODUCTION
    TO JAVASCRIPT
    JavaScript Syntax, Statements
    and Comments
    LEARNING OBJECTIVES

    Understand JavaScript, Syntax, Statement


    1. and comments.
    Identify how JavaScript can change
    2. HTML document
    Recognize how JavaScript Syntax,
    3. Statement and Comments works

    4. Apply JavaScript in an HTML Document.


    Apply JavaScript Syntax, Statement
    5. and Comments in an HTML Document.
    LESSON

    JAVASCRIPT

    HTML CSS JAVASCRIPT


    define the specify the program the
    content of web layout of web behavior of web
    pages pages pages
    LESSON

    JAVASCRIPT
    JavaScript was invented by Brendan Eich in
    1995 and became an ECMA standard in 1997.

    ECMA-262
    official name of the
    standard

    ECMAScript
    official name of the
    language.
    LESSON

    JAVASCRIPT
    5 Things JavaScript can do
    JavaScript can change HTML
    Content
    JavaScript can change HTML
    Attributes
    JavaScript can change HTML Style
    (CSS)
    JavaScript can hide HTML
    Elements
    JavaScript can show HTML
    Elements
    LESSON

    JAVASCRIPT

    In HTML, JavaScript
    code must be inserted
    between
    <script> and </script>
    tags.
    LESSON

    JAVASCRIPT
    Functions and Events

    A JavaScript function is a block of JavaScript code, that


    can be executed when "called" for.

    A function can be called when an event occurs, like when


    the user clicks a button.
    LESSON

    JAVASCRIPT
    JavaScript in <head> or <body>
    LESSON

    JAVASCRIPT
    JavaScript in <head> or <body>
    LESSON

    JAVASCRIPT
    External JavaScript

    External scripts are practical when the same code is used in


    many different web pages.

    JavaScript files have the file extension .js.

    To use an external script, put the name of the script


    file in the src (source) attribute of a <script> tag:
    LESSON

    JAVASCRIPT
    External JavaScript

    You can place an external script


    reference in <head> or <body> as you
    like.
    LESSON

    JAVASCRIPT
    It separates
    External JavaScript

    Advantage
    HTML and code.
    It makes HTML and
    JavaScript easier to read
    and maintain.

    Cached JavaScript
    files can speed up
    page loads.
    LESSON

    JAVASCRIPT
    External JavaScript

    To add several script files to one page - use several script tags:
    LESSON

    JAVASCRIPT
    External JavaScript

    External References

    External scripts can be referenced with a full URL or with a


    path relative to the current web page.
    LESSON

    JAVASCRIPT
    External JavaScript

    External References
    QUESTIONS /
    CLARIFICATIONS
    HOW DID YOU DO?

    I'M SURE YOU DID GREAT.


    See you on our class!

    You might also like