ITP 104

Introduction to
JavaScript and jQuery

David Tang

HTML
CSS
JavaScript

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Title of page</title>
        <style>
            /* CSS styles here */
        </style>
    </head>
    <body>
        <p>Hello world!</p>

        <script>
            alert('Hello World!');
        </script>
    </body>
</html>
<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Title of page</title>
        <style>
            /* CSS styles here */
        </style>
    </head>
    <body>
        <p>Hello world!</p>

        <script src="./main.js"></script>
    </body>
</html>

JavaScript Demos

jQuery

  • A JavaScript library
  • Cross-browser JavaScript
  • Animations

jQuery Plugins

Do I need to write my own JavaScript?

Lightbox Demo

Demos

Made with Slides.com