JavaScript Defined JavaScript Basics Definitions JavaScript is an object-oriented programming language designed for the world wide web. JavaScript code.

Slides:



Advertisements
Similar presentations
ASP.NET Intro An introduction to the languages and communication of an ASP.NET system.
Advertisements

JavaScript FaaDoOEngineers.com FaaDoOEngineers.com.
Introduction to JavaScript
1 CSC 551: Web Programming Spring 2004 client-side programming with JavaScript  scripts vs. programs  JavaScript vs. JScript vs. VBScript  common tasks.
Computers Are Your Future
The Web Warrior Guide to Web Design Technologies
Chapter 1: Introduction
Understand Web Page Development Software Development Fundamentals LESSON 4.1.
HTML Recall that HTML is static in that it describes how a page is to be displayed, but it doesn’t provide for interaction or animation. A page created.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
Programming Concepts and Languages Chapter 12 – Computers: Understanding Technology, 3 rd edition 1November
Creating a Simple Page: HTML Overview
Computers Are Your Future Tenth Edition Chapter 11: Programming Languages & Program Development Copyright © 2009 Pearson Education, Inc. Publishing as.
JavaScript and The Document Object Model MMIS 656 Web Design Technologies Acknowledgements: 1.Notes from David Shrader, NSU GSCIS 2.Some material adapted.
Creating a Basic Web Page
CS346 - Javascript 1, 21 Module 1 Introduction to JavaScript CS346.
HTML Forms and Scripts. Session overview What are forms? Static vs dynamic Client-side scripts –JavaScript.
CC111 Lec#5: Program Development 1 Program Development and Programming Languages Lecture 4 Reference :Understanding Computers Chapter 13.
Alexandria University Faculty of Science Computer Science Department Introduction to Programming (CS 102) C++ Programminhg.
JavaScript Defined DOM (Document Object Model) General Syntax Body vs. Head Variables Math & Logic Selection Functions & Events Loops Animation Getting.
COMPUTER PROGRAMMING Source: Computing Concepts (the I-series) by Haag, Cummings, and Rhea, McGraw-Hill/Irwin, 2002.
SEG3210 DHTML Tutorial. DHTML DHTML is a combination of technologies used to create dynamic and interactive Web sites. –HTML - For creating text and image.
JavaScript is a client-side scripting language. Programs run in the web browser on the client's computer. (PHP, in contrast, is a server-side scripting.
Learning Web Design: Chapter 4. HTML  Hypertext Markup Language (HTML)  Uses tags to tell the browser the start and end of a certain kind of formatting.
SEG3210 DHTML Tutorial. DHTML DHTML is a combination of technologies used to create dynamic and interactive Web sites. –HTML - For creating text and image.
Client Scripting1 Internet Systems Design. Client Scripting2 n “A scripting language is a programming language that is used to manipulate, customize,
Programming Languages 1.07a.  A computer program is a series of instructions that direct a computer to perform a certain task.  A programming language.
 cascade Style Sheets (CSS) is a mark-up language that was first proposed in 1994 by Håkon Wium Lie. CSS works in conjunction with HTML to greatly increase.
INTRODUCTION TO JAVASCRIPT AND DOM Internet Engineering Spring 2012.
TUTORIAL 10: PROGRAMMING WITH JAVASCRIPT Session 2: What is JavaScript?
Java Programming, Second Edition Chapter One Creating Your First Java Program.
Copyright © 2007 Addison-Wesley. All rights reserved.1-1 Reasons for Studying Concepts of Programming Languages Increased ability to express ideas Improved.
Introduction.  The scripting language most often used for client-side web development.  Influenced by many programming languages, easier for nonprogrammers.
Introduction to Programming the WWW I CMSC Summer 2003 Lecture 7.
Object-Oriented Program Development Using Java: A Class-Centered Approach, Enhanced Edition.
What is Programming? A program is a list of instructions that is executed by a computer to accomplish a particular task. Creating those instructions is.
LBSC 690 Session 5A Programming. Languages How do we learn a language? Learn by listening Then reading Then writing How do we teach programming? Learn.
Dr. Qusai Abuein1 Internet & WWW How to program Chap.(6) JavaScript:Introduction to Scripting.
JavaScript Syntax, how to use it in a HTML document
Web Development 101 Presented by John Valance
J ava P rogramming: From Problem Analysis to Program Design, From Problem Analysis to Program Design, Second Edition Second Edition D.S. Malik D.S. Malik.
Computing System Fundamentals 3.1 Language Translators.
HTML Basics Computers. What is an HTML file? *HTML is a format that tells a computer how to display a web page. The documents themselves are plain text.
Web Terminology Intro to Web. North Lake College 2 by Sean Griffin HTML vs. XHTML HTML: Hypertext Markup Language XHTML: eXtensible Hypertext Markup Language.
HTML Overview Part 5 – JavaScript 1. Scripts 2  Scripts are used to add dynamic content to a web page.  Scripts consist of a list of commands that execute.
INTRODUCTION JavaScript can make websites more interactive, interesting, and user-friendly.
JavaScript 101 Introduction to Programming. Topics What is programming? The common elements found in most programming languages Introduction to JavaScript.
Web Programming Overview. Introduction HTML is limited - it cannot manipulate data How Web pages are extended (include): –Java: an object-oriented programming.
Chapter 1 Introduction to JavaScript JavaScript, Third Edition.
LBSC 690 Session 4 Programming. Languages How do we learn a language? Learn by listening Then reading Then writing How do we teach programming? Learn.
Introduction to the World Wide Web & Internet CIS 101.
Alexandria University Faculty of Science Computer Science Department Introduction to Programming C++
Software Engineering Algorithms, Compilers, & Lifecycle.
Module 1 Introduction to JavaScript
Web Basics: HTML/CSS/JavaScript What are they?
Project 1 Introduction to HTML.
Objective % Select and utilize tools to design and develop websites.
“Under the hood”: Angry Birds Maze
Web Concepts Lesson 2 ITBS2203 E-Commerce for IT.
CSCI-235 Micro-Computer Applications
Objective % Select and utilize tools to design and develop websites.
Programming Concepts and Languages
4. Javascript Pemrograman Web I Program Studi Teknik Informatika
Chapter 12 Programming Concepts and Languages.
Unit 6 part 3 Test Javascript Test.
and Program Development
Computer communications
CIS 133 mashup Javascript, jQuery and XML
Tutorial 10: Programming with javascript
Introduction to Programming and JavaScript
Presentation transcript:

JavaScript Defined JavaScript Basics Definitions JavaScript is an object-oriented programming language designed for the world wide web. JavaScript code is embedded directly into common HTML documents and is interpreted by the web browser when the document is loaded. JavaScript allows web developers to include high levels of interactivity in web pages.

Why Learn JavaScript? Broad support among web browsers Vast libraries of scripts available onlin Allows use of reusable code libraries Similar syntax to C, C++, and Java Encourages creative problem solving

Some examples of usage Enhance interactivity (mouseover swap). Provide interesting visual effects (snow falling, cursor trails). Validate forms for accurate data.

Markup Languages HTML is a mark-up language used to create Web pages for a cross-platform (many operating systems) environment on the Web or an intranet. HTML is not a programming language. CSS (Cascading Style Sheets rules) is the technology used along with HTML to create formatting for Web pages. Dynamic HTML (DHTML) is a group of technologies used to create interactivity on a Web page such as a change which occurs from a user action. HTMLmark-up languageDHTML

Programming Languages I Each programming language was created to solve some type of particular problem. There are hundreds of programming languages. The instructions in a computer program tell the computer what steps to take to solve a problem. Programming languages specify an exact sequence or order of operations. Program logic determines the next step to execute in a procedural language and this logic determination is made in response to conditions and user action. The traditional procedural languages include but are not limited to: BASIC, C, COBOL, FORTRAN, Pascal, C++.

Compiled vs Interpreted "Compiled language" means the source code of the program is translated (compiled) into machine-language (composed only of 0's and 1's) before use. When it is time to run the program, the translated version is used by the computer instead of the original source code. Unless you are the programmer, you might never see the source code of the program you are using. "Interpreted language" means when it loads a page, the browser's interpreter uses the original source code and translates it into machine language. The translation is stored in the browser's memory ready to run all or portions of it as appropriate. When the browser window gets ready to load a different web page, the previous page's translated JavaScript is discarded.

How the browser knows it is JavaScript: JavaScript program lines must be between tags unless the line is within an HTML tag. The JavaScript between the tags may also be enclosed with HTML comment tags (for older browser support). Often, you'll find JavaScript in this format:

Using Javascript with Expression Web As web designers we work in code view. We copy the javascript code from the source. Following directions of the programmer, we paste the code into the head or body of the html document that is open in EW. If images are required for the script, we save them to our flashdrive and import them into EW. Some scripts provide variables that we can modify to our specific needs.