Where does PHP code get executed?. Where does JavaScript get executed?

Slides:



Advertisements
Similar presentations
17 HTML, Scripting, and Interactivity Section 17.1 Add an audio file using HTML Create a form using HTML Add text boxes using HTML Add radio buttons and.
Advertisements

JQuery MessageBoard. Lets use jQuery and AJAX in combination with a database to update and retrieve information without refreshing the page. Here we will.
Essentials for Design JavaScript Level One Michael Brooks
JavaScript and AJAX Jonathan Foss University of Warwick
Java Script Session1 INTRODUCTION.
Introduction to JavaScript Module 1 Client Side JS Programming M-GO Sponsored By
Languages for Dynamic Web Documents
Web Development in Microsoft Visual Studio Slide 2 Lecture Overview Introduce Visual Studio 2013 Create a first ASP.NET application.
Server-Side vs. Client-Side Scripting Languages
1 Chapter 12 Working With Access 2000 on the Internet.
JavaScript 101 Lesson 5: Introduction to Events. Lesson Topics Event driven programming Events and event handlers The onClick event handler for hyperlinks.
INTRO TO MAKING A WEBSITE Mark Zhang.  HTML  CSS  Javascript  PHP  MySQL  …That’s a lot of stuff!
2440: 141 Web Site Administration Web Server-Side Programming Professor: Enoch E. Damson.
Christopher M. Pascucci Basic Structural Concepts of.NET Browser – Server Interaction.
Server Side Scripting Norman White. Where do we do processing? Client side – Javascript (embed code in html) – Java applets (send java program to run.
4.1 JavaScript Introduction
PHP Tutorials 02 Olarik Surinta Management Information System Faculty of Informatics.
Server- Side technologies Client-side vs. Server-side scripts PHP basic ASP.NET basic ColdFusion.
HTML Forms and Scripts. Session overview What are forms? Static vs dynamic Client-side scripts –JavaScript.
HTML DOM.  The HTML DOM defines a standard way for accessing and manipulating HTML documents.  The DOM presents an HTML document as a tree- structure.
McGraw-Hill/Irwin © 2004 by The McGraw-Hill Companies, Inc. All rights reserved. Dynamic Action with Macromedia Dreamweaver MX Barry Sosinsky Valda Hilley.
CNIT 133 Interactive Web Pags – JavaScript and AJAX JavaScript Environment.
JSP Java Server Pages Softsmith Infotech.
Integrating JavaScript and HTML5 HTML5 & CSS 7 th Edition.
Section 17.1 Add an audio file using HTML Create a form using HTML Add text boxes using HTML Add radio buttons and check boxes using HTML Add a pull-down.
Introduction to Applets CS 3505 Client Side Scripting with applets.
Tutorial 7 Creating Forms. Objectives Session 7.1 – Create an HTML form – Insert fields for text – Add labels for form elements – Create radio buttons.
INTRODUCTION TO JAVASCRIPT AND DOM Internet Engineering Spring 2012.
Creating Dynamic Web Pages Using PHP and MySQL CS 320.
Extending HTML CPSC 120 Principles of Computer Science April 9, 2012.
Introduction to ASP.NET1. 2 Web applications in general Web applications are divided into two parts –The server part –The client part The server part.
Dynamic web content HTTP and HTML: Berners-Lee’s Basics.
PHP Form Introduction Getting User Information Text Input.
Client-side processing in JavaScript.... JavaScript history Motivations –lack of “dynamic content” on web pages animations etc user-customised displays.
JavaScript Syntax, how to use it in a HTML document
Web Development 101 Presented by John Valance
ASP (Active Server Pages) by Bülent & Resul. Presentation Outline Introduction What is an ASP file? How does ASP work? What can ASP do? Differences Between.
David Lawrence 7/8/091Intro. to PHP -- David Lawrence.
הרצאה 4. עיבוד של דף אינטרנט דינמי מתוך Murach’s PHP and MySQL by Joel Murach and Ray Harris.  דף אינטרנט דינמי משתנה עפ " י הרצת קוד על השרת, יכול להשתנות.
HTML JAVASCRIPT. CONTENTS Javascript Example NOSCRIPT Tag Advantages Summary Exercise.
Scripting Languages Client Side and Server Side. Examples of client side/server side Examples of client-side side include: JavaScript Jquery (uses a JavaScript.
8 Chapter Eight Server-side Scripts. 8 Chapter Objectives Create dynamic Web pages that retrieve and display database data using Active Server Pages Process.
 Web pages originally static  Page is delivered exactly as stored on server  Same information displayed for all users, from all contexts  Dynamic.
The basics of knowing the difference CLIENT VS. SERVER.
USING JAVASCRIPT TO SHOW AN ALERT Web Design Sec 6-2 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Javascript Overview. What is Javascript? May be one of the most popular programming languages ever Runs in the browser, not on the server All modern browsers.
Understanding JavaScript and Coding Essentials Lesson 8.
Dave Salinas. What is XML? XML stands for eXtensible Markup Language Markup language, like HTML HTML was designed to display data, whereas XML was designed.
Higher Computing Science Coding the Web: HTML, JavaScript, PHP and MySQL.
 Before you continue you should have a basic understanding of the following:  HTML  CSS  JavaScript.
JavaScript Events Java 4 Understanding Events Events add interactivity between the web page and the user You can think of an event as a trigger that.
CGS 3066: Web Programming and Design Spring 2016 Introduction to JavaScript.
JavaScript and Ajax (JavaScript Environment) Week 6 Web site:
PHP Overview. What is PHP Widely available scripting language Free Alternative to Microsoft’s ASP Runs on the Web Server; not in the browser Example:
JavaScript Events. Understanding Events Events add interactivity between the web page and the user Events add interactivity between the web page and the.
Introduction to ASP.NET development. Background ASP released in 1996 ASP supported for a minimum 10 years from Windows 8 release ASP.Net 1.0 released.
CGS 3066: Web Programming and Design Spring 2016 PHP.
HTML Tutorial. What is HTML HTML is a markup language for describing web documents (web pages) HTML documents are described by HTML tags Each HTML tag.
1/7/2016www.infocampus.co.in1. 1/7/2016www.infocampus.co.in2 Web Development training gives you and all-round training in both the design and the development.
JavaScript Invented 1995 Steve, Tony & Sharon. A Scripting Language (A scripting language is a lightweight programming language that supports the writing.
Unit 4 Working with data. Form Element HTML forms are used to pass data to a server. A form can contain input elements like text fields, checkboxes, radio-buttons,
PHP is a server scripting language, and a powerful tool for making dynamic and interactive Web pages. PHP is a widely-used, free, and efficient alternative.
National College of Science & Information Technology.
PHP using MySQL Database for Web Development (part II)
Introduction to.
Introduction to Dynamic Web Programming
Intro to JavaScript CS 1150 Spring 2017.
Tutorial 6 PHP & MySQL Li Xu
Client-Server Model: Requesting a Web Page
Presentation transcript:

Where does PHP code get executed?

Where does JavaScript get executed?

There are many alternatives to PHP such as Ruby, Python, ASP, etc. What are the alternatives to JavaScript?

Is jQuery a language? Explain.

The jQuery selector syntax $(“#myid”) is modeled after which language?

Which one of these is pure JavaScript and which is jQuery a.document.getElementById(“x”).setAttribute(“style”, “color: red”); b.$(“#x”).css(“color”, “red”);

Why is the jQuery considered “better?” List two reasons. Why is the pure JavaScript “better?” List two reasons a.document.getElementById(“x”).setAttribute(“style”, “color: red”); b.$(“#x”).css(“color”, “red”);

Document.getElementById(“x”).setAttribute(“style”, “color: red”); 1. Wordier 2. Easier to make difficult to debug syntax errors $(“#x”).css(“color”, “red”); 1. Requires including jquery.js 2. Easier to make difficult to debug syntax errors

Which of these is most likely PHP a.$x b.$(“x”) c.var x

Identify the HTML, CSS and JavaScript in this code OK

Identify the PHP HTML, CSS and JavaScript in this code echo ‘ ’.$label.’ ’;

In JavaScript why is it better to apply an event listener or event handler, rather than use an attribute as show below? OK

More generally why is it important to separate HTML and JavaScript?

Where can JavaScript code be defined? a.In a tag anywhere in an HTML document. b.Directly in the of an HTML document c.In a separate “.js” file that is then included using the tag. d.In certain HTML attributes such as “onclick” or “onload” e.In a PHP file, assuming the JavaScript code is properly outputted inside a web page

Where would you store a user’s password in a typical web application a.In a file on the server b.In a database table, hopefully an encrypted field c.As a PHP variable d.In a $_SESSION variable e.In the browser cookie f.As a JavaScript variable

Where would you NOT store a user’s current running score in a typical web- based game a.In a file on the server b.In a database table, hopefully an encrypted field c.As a PHP variable d.In a $_SESSION variable e.In the browser cookie f.As a JavaScript variable

Where would you store a user’s historical high scores in a typical web- based game a.In a file on the server b.In a database table, hopefully an encrypted field c.As a PHP variable d.In a $_SESSION variable e.In the browser cookie f.As a JavaScript variable

Which language allows us to select, delete, insert and update information that is stored in a web application's underlying database? a.Circle one: Front-end Back-end Communication

Which framework is used to pass information between a web server and web browser without needing to refresh the entire web page? a.Circle one: Front-end Back-end Communication

Which HTML attribute is primarily used to apply CSS to two or more elements so they share the same style?

Which HTML attribute is used by JavaScript to get a unique element so it can be fetched/manipulated?

Which HTML attribute is used to identify form elements for traditional GET and POST form submission?

It is often better to generate HTML with a program rather than type it manually (hard coding), even for things that are not dynamic, i.e., will not change. What is one of the major advantages of creating HTML code programmatically that has nothing to do with the content being dynamic?

Write the code so that any element with class="important" will display the alert message "this is important" if the element is clicked.

In general, what are the main reasons for using client-side processing instead of server- side processing?