Internet and Web Application Development Revision.

Slides:



Advertisements
Similar presentations
1 What is JavaScript? JavaScript was designed to add interactivity to HTML pages JavaScript is a scripting language A scripting language is a lightweight.
Advertisements

JavaScript Part 6. Calling JavaScript functions on an event JavaScript doesn’t have a main function like other programming languages but we can imitate.
The Web Warrior Guide to Web Design Technologies
IST 221 Internet Concepts and Applications Internet, WWW and HTML 1.
2012 •••••••••••••••••••••••••••••••••• Summer WorkShop Mostafa Badr
Introduction to JavaScript. Aim To enable you to write you first JavaScript.
2440: 141 Web Site Administration Web Server-Side Programming Professor: Enoch E. Damson.
Module 5 HTML: An Introduction. ●A language to describe and create web pages. ●Stands for: Hyper Text Markup Language What is HTML?
CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.
JavaScript Form Validation
What is MySQL? MySQL is a database. The data in MySQL is stored in database objects called tables. A table is a collections of related data entries and.
INTERNET APPLICATION DEVELOPMENT For More visit:
Server-side Scripting Powering the webs favourite services.
INTERNET APPLICATION DEVELOPMENT PRACTICAL ON CONNECTING TO MYSQL.
SEG3210 DHTML Tutorial. DHTML DHTML is a combination of technologies used to create dynamic and interactive Web sites. –HTML - For creating text and image.
 Mysql – popular open-source database management system  PHP usually works with Mysql for web- based database applications  LAMP applications—Web-based.
NMED 3850 A Advanced Online Design January 26, 2010 V. Mahadevan.
JavaScript Part 1.
Arrays – What is it? – Creation – Changing the contents Functions – What is it? – Syntax – How they work – Anonymous functions A quick lesson in Objects.
Week 9 PHP Cookies and Session Introduction to JavaScript.
SEG3210 DHTML Tutorial. DHTML DHTML is a combination of technologies used to create dynamic and interactive Web sites. –HTML - For creating text and image.
What is Java Script? An extension to HTML. An extension to HTML. Allows authors to incorporate some functionality in their web pages. (without using CGI.
CSS CSS is short for C ascading S tyle S heets. It is a new web page layout method that has been added to HTML to give web developers more control over.
CSS Basic (cascading style sheets)
Tutorial 10 Programming with JavaScript
15/10/20151 PHP & MySQL 'Slide materials are based on W3Schools PHP tutorial, 'PHP website 'MySQL website.
Introduction to MySQL Lab no. 10 Advance Database Management System.
PHP MySQL Introduction. MySQL is the most popular open-source database system. What is MySQL? MySQL is a database. The data in MySQL is stored in database.
Creating Dynamic Web Pages Using PHP and MySQL CS 320.
School of Computing and Information Systems CS 371 Web Application Programming PHP – Forms, Cookies, Sessions and Database.
Web Scripting [PHP] CIS166AE Wednesdays 6:00pm – 9:50pm Rob Loy.
SYST Web Technologies SYST Web Technologies Databases & MySQL.
INTERNET APPLICATION DEVELOPMENT Practical on Sessions.
Using Client-Side Scripts to Enhance Web Applications 1.
Client-Side Scripting JavaScript.  produced by Netscape for use within HTML Web pages.  built into all the major modern browsers. properties  lightweight,
JavaScript - A Web Script Language Fred Durao
Dynamic web content HTTP and HTML: Berners-Lee’s Basics.
1 JavaScript
JavaScript Scripting language What is Scripting ? A scripting language, script language, or extension language is a programming language.
PHP and Mysql Database. PHP and Database Mysql – popular open-source database management system PHP usually works with Mysql for web-based database applications.
Cascading Style Sheets
JavaScript. JavaScript is the programming language of HTML and the Web. Easy to learn One of the 3 languages of all developers MUST learn: 1. HTML to.
JavaScript Introduction.  JavaScript is a scripting language  A scripting language is a lightweight programming language  A JavaScript can be inserted.
IS-907 Java EE World Wide Web - Overview. World Wide Web - History Tim Berners-Lee, CERN, 1990 Enable researchers to share information: Remote Access.
Creating a simple database This shows you how to set up a database using PHPMyAdmin (installed with WAMP)
COMP403 Web Design JAVA SCRİPTS Tolgay KARANFİLLER.
4. Javascript M. Udin Harun Al Rasyid, S.Kom, Ph.D Lab Jaringan Komputer (C-307) Desain.
Making dynamic pages with javascript Lecture 1. Java script java versus javascript Javascript is a scripting language that will allow you to add real.
Are You Smarter Than a 5 th Grader? 1,000,000 5th Grade HTML 5th Grade Syntax 4th Grade HTML 4th Grade Syntax 3rd Grade HTML 3rd Grade Syntax 2nd Grade.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 14 Key Concepts 1 Copyright © Terry Felke-Morris.
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
JavaScript. JavaScript Introduction JavaScript is the world's most popular programming language. It is the language for HTML and the web, for servers,
HTML DOM Basharat Mahmood, Department of Computer Science, CIIT, Islamabad, Pakistan 1.
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.
Introduction to JavaScript MIS 3502, Spring 2016 Jeremy Shafer Department of MIS Fox School of Business Temple University 2/2/2016.
JavaScript Events. Understanding Events Events add interactivity between the web page and the user Events add interactivity between the web page and the.
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.
HTML Introduction HTML Editors HTML Basic HTML Elements HTML Attributes HTML Headings HTML Paragraphs HTML Formatting HTML Links HTML Head HTML CSS HTML.
Computer Club Content Review Al Huda Computer Club, April 9, 2016 Farid Ahmed.
Introduction to.
CIIT-Human Computer Interaction-CSC456-Fall-2015-Mr
Introduction to Dynamic Web Programming
Intro to JavaScript CS 1150 Spring 2017.
Web Development & Design Foundations with HTML5 7th Edition
WEB APPLICATION PROGRAMMING
4. Javascript Pemrograman Web I Program Studi Teknik Informatika
ISC440: Web Programming 2 Server-side Scripting PHP 3
Midterm 2 review.
Tutorial 10: Programming with javascript
Presentation transcript:

Internet and Web Application Development Revision

9/8/2015 Web 2 Revision 1.What is the difference between Internet and The Word Wide Web ? Internet : a physical network connecting millions of computers using the same protocols for sharing/transmitting information (TCP/IP)  in reality, the Internet is a network of smaller networks World Wide Web: a collection of interlinked multimedia documents that are stored on the Internet and accessed using a common protocol (HTTP) 2. Give 3 examples of Internet-based applications , telnet, ftp, instant messaging services, file-sharing services

9/8/2015 Web 3 Revision 3. Why do we use CSS in html? HTML was never meant to be a presentation language. CSS removes the presentation attributes from the structure allowing reusability, ease of maintainability, and an interchangeable presentation layer. CSS allows us to make global and instantaneous changes easily. 4. Write a CSS code to change the body background-color, the color and text-align of the large bold heading (h1), the font-family and font-size of all paragraphs

9/8/2015 Web 4 Revision body { background-color:#d0e4fe; } h1 { color:orange; text-align:center; } p { font-family:"Times New Roman"; font-size:20px; } CSS example! This is a paragraph.

9/8/2015 Web 5 Revision 5. What file extension should CSS files have?.css 6. Which tag is used to create paragraphs? 7. Which attribute is used to set inline styles for tags? style 8. PHP server scripts are surrounded by delimiters, which? 9. How do you write "Hello World" in PHP echo "Hello World";

9/8/2015 Web 6 Revision 10. Where in an HTML document is the correct place to refer to an external style sheet? In the section 11. All variables in PHP start with which symbol? $ 12. What is the correct way to end a PHP statement? ; 13. How do you get information from a form that is submitted using the "get" method? $_GET[];

9/8/2015 Web 7 Revision 14. Which HTML tag is used to define an internal style sheet? 15. Which CSS property controls the text size? font-size 16. Which property is used to change the font of an element? font-family 17. What is the correct way to create a function in PHP? function myFunction() 18.What is the correct way to connect to a MySQL server? mysql_connect(host,username,password); 19. What is the correct way to add 1 to the $count variable? $count++;

9/8/2015 Web 8 Revision 15. Which SQL statement is used to extract data from a database? SELECT 16. Which SQL statement is used to delete data from a database? DELETE 17. Inside which HTML element do we put the JavaScript? 18. Where is the correct place to insert a JavaScript? Both the section and the section are correct 19. What is the correct syntax for referring to an external script called "xxx.js"?

9/8/2015 Web 9 Revision 20. What is the difference between the Alert Box and the Confirm Box in javascript?  An alert box is often used if you want to make sure information comes through to the user.  When an alert box pops up, the user will have to click "OK" to proceed.  A confirm box is often used if you want the user to verify or accept something.  When a confirm box pops up, the user will have to click either "OK" or "Cancel" to proceed.  If the user clicks "OK", the box returns true. If the user clicks "Cancel", the box returns false.

9/8/2015 Web 10 Revision 21. What is the result of the following code? function myFunction() { var x="",i; for (i=0;i<5;i++) { x= "The number is " + i + " "; document.write(x); } Click the button to loop through a block of code five times. Try it

9/8/2015 Web 11 Revision When the user click on the button named “Try it” the following 5 lines will be displayed : The number is 0 The number is 1 The number is 2 The number is 3 The number is 4

9/8/2015 Web 12 Revision 22. Transform the for LOOP into While LOOP function myFunction() { var x="",i=0; while (i<5) { x= "The number is " + i + " "; document.write(x); i++; } }

9/8/2015 Web 13 Revision 23. Give 3 javascript mouse events onmouseover/onmouseout - When the mouse passes over an element onmousedown/onmouseup - When pressing/releasing a mouse button onmousedown - When mouse is clicked: Alert which element 24. What will display the next code? Click the button to sort the array. Try it function myFunction() { var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.sort(); var x=document.getElementById("demo"); x.innerHTML=fruits; }

9/8/2015 Web 14 Revision fruits.sort(); var x=document.getElementById("demo"); x.innerHTML=fruits; } This code sort the table fruits and when the user click on the button “Try it”, the content of the table will be displayed in the screen.

9/8/2015 Web 15 Revision 25. Write a javascript code to display the current date ad time var d=new Date(); document.write(d);

9/8/2015 Web 16 Revision 26. What are the basic steps to Process Databases with PHP and MYSQL? 1.Connect to host server which has Mysql installed 2.Select a database 3.Form an SQL statement 4.Execute the SQL statement and (optionally) return a record set 5.Extract data from recordset using php 6.Close connection

9/8/2015 Web 17 Revision 27. Write a php code to connect to MYSQL and select the database named “university”. <?php $host = " "; $username = "root"; $pswd = ""; $dbName = "university"; $con = mysql_connect($host, $username,$pswd); if (!$con){ die("Could not connect:". mysql_error());} $db or die(mysql_error()); if ($db) echo" now you use the university datebase"; ?>

9/8/2015 Web 18 Revision 28. Write a php code to create the table : Persons(FirstName varchar(15),LastName varchar(15), Age int ) <?php $host = " "; $username = "root"; $pswd = ""; $dbName = “university"; $con = mysql_connect($host, $username,$pswd); if (!$con){ die("Could not connect:".mysql_error());} $db or die(mysql_error()); $sql = "CREATE TABLE Persons(FirstName varchar(15), LastName varchar(15), Age int )"; mysql_query($sql, $con); ?>

9/8/2015 Web 19 Revision 29. Write a php code to insert the following records in the table Persons: (“Ibrahim”, “Moncef”, 40) (“Mohamed”, “Salah”, 30) <?php $host = " "; $username = "root"; $pswd = ""; $dbName = "mydb"; $con = mysql_connect($host, $username,$pswd); if (!$con){ die("Could not connect:". mysql_error());} $db or die(mysql_error()); mysql_query("INSERT INTO Persons VALUES (‘Ibrahim',‘Moncef',40)"); mysql_query("INSERT INTO Persons VALUES (‘Mohamed', ‘Salah', 30)"); mysql_close($con); ?>