Web Developement Workshop (Oct 2009) Slides

1. Web Development BY : KARTIK : http://www.kar2905.wordpress.com PRATIK : http://pratik3d.blogspot.com SAURABH : saurabh-suman@hotmail.com

2. <html> <body> <ul> <li>HTML ( A Fast run through) </li> <li>MYSQL </li> <li>PHP </li> <li>Login Script Demonstration </li> </ul> </body> </html>

4. DEVELOPED BY : World Wide Web Consortium & WHATWG

5. Type code : TEXT

6. Extended from : SGML

7. Extended to : XHTML

8. Standard(s) : W3C HTML 4.01 W3C HTML 3.2

9. In short it is the language used to design Web Pages

11. Gedit, Notepad++, Notepad,..

12. Save as .htm or .html extension

14. < > - Opening Tag

15. </ > - Closing Tag

17. Some HTML elements have empty content( <br /> )

18. Most HTML elements can have attributes

19. Its not case sensitive eg <p> means the same as <P> . But W3C (?) recommends lower case

21. <head>

22. <title> My first web page </title>

23. </head>

24. <body>

25. <h1>Hello everyone </h1>

26. </body>

27. </html>

29. The element has a start tag <html> and an end tag </html>

30. The element content is another HTML element (the body)

32. The element has a start tag <head> and an end tag </head>

33. The element content is another HTML element (title of the webpage)

35. The element has a start tag <body> and an end tag </body>

36. The element content is another HTML element (a paragraph)

38. <h1>This is a heading </h1>

39. <h2 ,3 .. 6 > Various headings </h2,3..6>

40. < a href=“google.com”>This is a link </a>

41. <img src=“the source” width=“104” />

42. <br/> : is used to give a line break

43. <hr/> : is used to give a horizontal line

44.

46. <i> ITALICS </i>

47. <big> Big Text </big>

48. This is<sub> subscript </sub> and <sup> superscript </sup>

49. <code>This is computer output</code>

50. <strong> BOLD </strong >

51. Many more tags .. http://www.w3schools.com/tags/default.asp

52.  HTML elements can have attributes  Attributes provide additional information about the element  Attributes are always specified in the start tag  Attributes come in name/value pairs like: name="value"  Standard attributes :  class ,id , style ,title Attributes

53.  style="background-color:yellow"  style="font-size:10px"  style="font-family:Times"  style="text-align:center”  Examples :  <body style="background-color:yellow">  <p style="font-family:courier new; color:red; font-size:20px">  <a href=“url" style="background-color:red">Last Page</a> Style Attribute

54. <table border="1"> <tr> <th>Heading</th> <th>Another Heading</th> </tr> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table> Tables

57. DEFINITION LIST <dl> <dt>Windows</dt> <dd>Vista</dd> <dt>Linux</dt> <dd>Fedora</dd> </dl> What it can do? Windows Vista Linux Fedora

59. The data is processed by a server side script/page which acts upon the data (eg . Saves it to the database through MYSQL ) Where is the DATA?

61. MySQL is a relational database management system and is owned by SUN.

62. MySQL stands for My Structured Query Language.

63. So , WHY MySQL ???

64. The obvious answer :

65. MySQL is OPEN SOURCE ..

66. (GNUKHATA, National Internet Exchange of India (NIXI))

68. SQL lets you access and manipulate databases

69. SQL is an ANSI (American National Standards Institute) standard

70. Its not Case Sensitive

71. It is divided into two : DDL and DML

72. MySQL can add , delete,update , retrieve data / records from a database

75. UPDATE - updates data in a database

76. DELETE - deletes data from a database

77. INSERT INTO - inserts new data into a database

80. ALTER DATABASE - modifies a database

81. CREATE TABLE - creates a new table

82. ALTER TABLE - modifies a table

83. DROP TABLE - deletes a table

84. CREATE INDEX - creates an index (search key)

85. DROP INDEX - deletes an index

87. The result is stored in a result table, called the result-set.

88. Eg :

89. SELECT column_name(s) FROM table_name ;

90. USE ‘*’ in place of ‘column_name(s)’ to select all columns

94. Syntax :

95. SELECT DISTINCT column_name(s) FROM table_name ;

96. Eg :

97. SELECT DISTINCT City FROM data City Manipal Indore

99. Syntax :

100. SELECT column_name(s) FROM table_name WHERE column_name operator value ;

102. Operator Description = Equal <> Not equal > Greater than < Less than >= Greater than or equal <= Less than or equal BETWEEN Between an inclusive range LIKE Search for a pattern IN If you know the exact value you want to return for at least one of the columns

104. The OR operator displays a record if either the first condition or the second condition is true.

106. The ORDER BY keyword sort the records in ascending order by default.

107. If you want to sort the records in a descending order, you can use the DESC keyword.

108. Syntax :

109. SELECT column_name(s) FROM table_name ORDER BY column_name(s) ASC|DESC

111. Syntax : Two Forms

115. Syntax :

116. UPDATE table_name SET column1=value, column2=value2,... WHERE some_column=some_value

117. Note : WHERE clause specifies which record or records that should be updated.

118. WARNING : If you omit the WHERE clause, all records will be updated!

121. Syntax :

122. DELETE FROM table_name WHERE some_column=some_value

124. DELETE * FROM table_name

127. The basic syntaxes

128. Arrays and strings

129. Flow of control

130. Functions

131. Forms and passing information between pages

133. It is an open-source, server-side, HTML-embedded web-scripting language used in most of the web servers of the world.

134. Developed in the early 90s. Has now been updated upto Version 5

135. Support for major platforms and network protocols. What is PHP ? Pratik Anand

139. Insensitive to whitespaces

140. Case -sensitive

141. Expression is made up of tokens (?)

142. Precedence, associativity, evaluation similar to C

143. No need of variable declaration

144. Both procedural/object-oriented programming

145. Basic PHP Syntax Comments // --> used for single line commenting /*.....*/ --> multi-line commenting Variables $var ---- is the way of naming variable No need of declaration. Is declared and assigned as soon as we use it in code

147. Strings can be defined as single quotes(') or double quotes (“).

148. echo “hello”; and echo 'hello'; both are correct.

149. Interconversion of variables is also easy.

150. $num_var=5; $num_var=”I am back”; Obviously, it takes last defined value. Basic PHP Syntax

151. Arrays

152. Arrays What is an array ? $person = array("Dave", "Adam", "Ralph"); Assingning values, $person[“Dave”] = ”Mumbai”; So, on echo-ing we get output as Mumbai . echo $person[“Dave”]; PS: Ask public , defn of array and describe arrays on blackboard

153. Associative arrays Arrays can also be associated in values implicitly. These are called associative arrays. $food = array("Monday" => "Apples", "Tuesday" => "Bananas"); $myArray["Monday"] = "Apples"; $myArray["Tuesday"] = "Bananas"; Arrays

154. Flow of control

157. Looping!

159. While continues to loop a statement till a given condition is satisfied. while(condition) { statement; } ( PS: Write a code to demonstrate while looping)

162. Functions

163. Functions Functions are snippets of code which are used can be called anywhere in the program. Users can define their functions as they do in C. Apart from that , PHP has got a bunch of in-built functions for various tasks. (In short, making life easier for web developers!)

164. Forms

165. <form> First name: <input type="text" name="firstname" /> <br /> Last name: <input type="text" name="lastname" /> </form> Forms First name: Last name:

167. Ubuntu

169. Action : “url” . Defines the name of the file to send the content to .

170. Eg : <form name="input" action=“form_process.php" method="get"> Attributes of FORM

171. <form> I use Fedora: <input type="checkbox" name="vehicle" value="Fedora" /> <br /> I use Ubuntu: <input type="checkbox" name="vehicle" value="Ubuntu" /> <br /> I dont use Windows: <input type="checkbox" name="vehicle" value="Windows" /> </form> Checkboxes

172. Form Handling

175. Form Handling To access GET and POST values in the php page, use variable-array $_GET or $_POST respectively. e.g. <? php $name=$_GET['txt1']; echo $name; ?> name of textbox

178. mysql_connect(servername,username,password);

179. Eg; <?php

180. $con = mysql_connect("localhost","peter","abc123");

181. if (!$con)

182. {

183. die('Could not connect: ' . mysql_error());

184. }

185. // some code

186. ?>

189. (

190. personID int NOT NULL AUTO_INCREMENT,

191. PRIMARY KEY(personID),

192. FirstName varchar(15),

193. LastName varchar(15),

194. Age int

195. )";

196. mysql_query($sql);

198. $sql= The command here

199. $mysql_query($sql);

201. $result=mysql_query($sql);

202. $row=mysql_fetch_array($result);

203. $num=mysql_num_rows($result);

205. Cookies are saved in the client's computer

206. Sessions are destroyed once the browser is closed

208. <?php

209. setcookie("user", "Alex Porter", time()+3600);

210. ?>

211. echo $_COOKIE["user"];

212. if (isset($_COOKIE["user"]))

213. setcookie("user", "", time()-3600);

215. $_SESSION['views']=1;

216. if(isset($_SESSION['views']))

217. { echo $_SESSION['views'] ; }

218. unset($_SESSION['views']);

219. session_destroy();

Web Developement Workshop (Oct 2009) Slides

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (6)

Similar to Web Developement Workshop (Oct 2009) Slides

Similar to Web Developement Workshop (Oct 2009) Slides (20)

Recently uploaded

Recently uploaded (20)

Web Developement Workshop (Oct 2009) Slides