Russell Taylor Lecturer in Computing & Business Studies.

Slides:



Advertisements
Similar presentations
1 Copyright © 2002 Pearson Education, Inc.. 2 Chapter 1 Introduction to Perl and CGI.
Advertisements

Programming Paradigms and languages
DT228/3 Web Development WWW and Client server model.
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Copyright 2004 Monash University IMS5401 Web-based Systems Development Topic 2: Elements of the Web (g) Interactivity.
Project 1 Introduction to HTML.
Server-Side vs. Client-Side Scripting Languages
Chapter Concepts Review Markup Languages
1 PROJECT Web-based Database Applications Lecture 1: Basic Internet Concepts & Databases - the History.
DT211/3 Internet Development Application Internet Development Application.
Programming Introduction November 9 Unit 7. What is Programming? Besides being a huge industry? Programming is the process used to write computer programs.
Developing a Basic Web Page with HTML
Developing a Basic Web Page Posting Files on UMBC
1st Project Introduction to HTML.
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
Software and Multimedia
Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Chapter ONE Introduction to HTML.
Web Design Basic Concepts.
Lecturer: Ghadah Aldehim
Chapter 13 Programming Languages and Program Development 1.
INTRODUCTION TO WEB DATABASE PROGRAMMING
1 Networks and the Internet A network is a structure linking computers together for the purpose of sharing resources such as printers and files Users typically.
What is Web Design?  Web design is the creation of a Web page using hypertext or hypermedia to be viewed on the World Wide Web.
Creating a Basic Web Page
Chapter 16 The World Wide Web Chapter Goals Compare and contrast the Internet and the World Wide Web Describe general Web processing Describe several.
CPS120: Introduction to Computer Science The World Wide Web Nell Dale John Lewis.
Chapter 6 The World Wide Web. Web Pages Each page is an interactive multimedia publication It can include: text, graphics, music and videos Pages are.
Applications Software. Applications software is designed to perform specific tasks. There are three main types of application software: Applications packages.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
20-753: Fundamentals of Web Programming 1 Lecture 1: Introduction Fundamentals of Web Programming Lecture 1: Introduction.
CSCI 1101 Intro to Computers 7.1 Learning HTML. 2 Introduction Web pages are written using HTML Two key concepts of HTML are:  Hypertext (links Web pages.
Web Programming : Building Internet Applications Chris Bates CSE :
Introduction to HTML Tutorial 1 eXtensible Markup Language (XML)
1 3. Computing System Fundamentals 3.1 Language Translators.
Active Server Pages  In this chapter, you will learn:  How browsers and servers interacted on the Internet when the Internet first became popular 
Database Systems: Design, Implementation, and Management Eighth Edition Chapter 14 Database Connectivity and Web Technologies.
Introducing the World Wide Web Internet- a structure made up of millions of interconnected computers whose users communicate with each other and share.
Computing System Fundamentals 3.1 Language Translators.
Scripting Languages Client Side and Server Side. Examples of client side/server side Examples of client-side side include: JavaScript Jquery (uses a JavaScript.
Introduction and Principles Web Server Scripting.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
Asstt. Prof Sonia Sharma Computer Dept 1 HTML ( Hypertext MarkUP Language ) HTML is the lingua franca for publishing hypertext on the World Wide Web.
 Web pages originally static  Page is delivered exactly as stored on server  Same information displayed for all users, from all contexts  Dynamic.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
JavaScript 101 Introduction to Programming. Topics What is programming? The common elements found in most programming languages Introduction to JavaScript.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
Introduction to the World Wide Web & Internet CIS 101.
Alexandria University Faculty of Science Computer Science Department Introduction to Programming C++
Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
JavaScript Invented 1995 Steve, Tony & Sharon. A Scripting Language (A scripting language is a lightweight programming language that supports the writing.
Your Interactive Guide to the Digital World Discovering Computers 2012 Chapter 13 Computer Programs and Programming Languages.
HTML PROJECT #1 Project 1 Introduction to HTML. HTML Project 1: Introduction to HTML 2 Project Objectives 1.Describe the Internet and its associated key.
1 Chapter 1 INTRODUCTION TO WEB. 2 Objectives In this chapter, you will: Become familiar with the architecture of the World Wide Web Learn about communication.
Project 1 Introduction to HTML.
Basic 1960s It was designed to emphasize ease of use. Became widespread on microcomputers It is relatively simple. Will make it easier for people with.
4.01B Authoring Languages and Web Authoring Software
Chapter 1 Introduction to HTML.
Introduction and Principles
Project 1 Introduction to HTML.
Software and Multimedia
Software and Multimedia
4.01B Authoring Languages and Web Authoring Software
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
and Program Development
Web Programming : Building Internet Applications Chris Bates CSE :
Web Application Development Using PHP
Presentation transcript:

Russell Taylor Lecturer in Computing & Business Studies

What is the Client-side Scripting Unit about? This course is a 12 Unit SQA HNC course. Units can be a single (1) or 2-Credit Unit Client-side scripting is a 2 Credit Unit at SCQF Level 8 (Higher HNC level) Assessment will be done by the completion of 3 Assessment Outcomes Unit is split into three parts to match these outcomes – with each outcome taking 12 weeks to complete

What is the Client-side Scripting Unit about ? - 2 This Unit is designed to introduce candidates to the fundamental concepts of programming using scripting languages. The Unit involves combining both scripts and HyperText Markup Language (HTML) or eXtensible HyperText Markup Language (XHTML) to enable the creation of dynamic client-based web pages. It is intended for candidates who already have some understanding of HTML and/or XHTML and the fundamental requirements of creating static web pages.

Client-side Scripting Outcome 1 In this first Outcome: you will learn about the environment needed to create, test, run, and access client-side scripts, such as browsers, editors, graphic packages and/or as well as other utilities and tools that enable these tasks. You will also learn about various features and characteristics associated with interpreted languages, (as opposed to compiled languages), in addition to learning about the main difference(s) between client-side and web/server-side scripts. You will learn about the wide range of scripting languages available and their major advantages and disadvantages; You will be introduced to the methods by which client-side scripts can be integrated within web applications and the means of accessing such scripts.

Outcome 1 in Detail This Outcome will be assessed in the form of written recorded evidence testing your knowledge and/or skills. You will need to demonstrate that you can: For client-side scripting environment (browsers and editors) create, test, run, and access client-side scripts ; browsers, editors, graphic packages Describe the characteristics of interpreted languages the features and characteristics associated with interpreted languages compared to compiled languages will include major advantages and disadvantages Identify and describe the differences between client-side and server-side scripting environment under which each type is used ; tools needed to produce and run the scripts; on-line database accessibility

Outcome 1 – More Details Types of scripting languages the different types of scripting languages currently available highlighting their major advantages, disadvantages and uses Methods used to implement client-side scripts within web pages embedded coding and externally stored code

Lets Look at HTML & JavaScript Link to HTML Handout Link to JavaScript Handout

Client-side Scripting Environment (Browsers and Editors) History: Web began as a text-only medium-the first browsers didn't even support images within web pages. Today's websites can include a lot of features: graphics, sounds, animation, video, and occasionally useful content. Web scripting languages also known as client-side scripting languages, such as JavaScript, are one of the easiest ways to add dynamic state to a web page and to interact with users in new ways. If you know how to use HTML (Hypertext Markup Language) to create a web document, you've already worked with one computer language. You use HTML tags to describe how you want your document formatted, and the browser obeys your commands and shows the formatted document to the user.

Browsers and Editors Because HTML is a simple text markup language, it can't respond to the user, make decisions, or automate repetitive tasks. Interactive tasks such as these require a more sophisticated language: a programming language, or a scripting language. Programming languages are complex, scripting languages are generally simpler. They have a simple syntax, can perform tasks with a minimum of commands, and are easy to learn. Web scripting languages enable you to combine scripting with HTML to create interactive web pages

Scripts & Programs A movie or a play follows a script-a list of actions (or lines) for the actors to perform. A web script provides the same type of instructions for the web browser. A script can range from a single line to a full-scale application. (In either case, Scripts usually run within a browser.) Some programming languages must be compiled, or translated, into machine code before they can be executed. Client-side scripts, on the other hand, are an interpreted language: The browser executes each line of script as it comes to it. Main advantage to interpreted languages: Writing or changing a script is very simple. Changing a client-side script is as easy as changing a typical HTML document, and the change is executed as soon as you refresh the document in the browser.

Scripting Languages A Scripting language is a variety of 'programming' that produces ASCII text- based scripts which are usually designed for writing small programs. Scripting languages support high level language control features: selection and iteration (syntax) Referred to as 'glue-code‘ Seen as being an enhancement of particular software packages or applications. Examples of present day scripting languages are VBScript, JavaScript, Perl, Python, TCL (Tool Command Language), etc

Scripting Languages 2 Applications that provide scripting capability allows the user to extend the functionality of the application by programming a sequence of actions. E.g. Filemaker Pro(a database package) it is possible to write scripts that open and close files, copy data from records or enter a certain database mode such as browse or find. Web browsers have added scripting languages to extend the capabilities of static websites into dynamic applications, that provide more richer features to the user.