Published on

best PPT

Published in: Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide


  1. 1. Web development
  2. 2. Web development <ul><li>Web development is a broad term for the </li></ul><ul><li>work involved in developing a  web site  for </li></ul><ul><li>the Internet.web pages are classified as </li></ul><ul><li>static or dynamic: </li></ul><ul><ul><li>Static pages don’t change content </li></ul></ul><ul><ul><li>ex: Home page </li></ul></ul><ul><ul><li>Dynamic pages Content can be changed on the client side. </li></ul></ul><ul><ul><li>ex: feedback forum </li></ul></ul>
  3. 3. Contents PHP Framework PHP CSS3 HTML5
  4. 4. HTML5 markup language for web pages
  5. 5. HTML5 <ul><li>HTML5 Introduction </li></ul><ul><ul><li>New features based on HTML,CSS and Javascript </li></ul></ul><ul><ul><li>Reduce the needs for external plugins (Flash) </li></ul></ul><ul><ul><li>Less script, More powerful markup </li></ul></ul><ul><ul><li>Device independent (PC, iPhone, Android) </li></ul></ul><ul><li>HTML5 New Features </li></ul><ul><ul><li>HTML5 New Markup Elements </li></ul></ul><ul><ul><li>HTML5 New Input Types </li></ul></ul><ul><ul><li>HTML5 New Form Attributes </li></ul></ul><ul><ul><li>HTML5 Video </li></ul></ul>
  6. 6. HTML5 Markup Elements
  7. 7. HTML5 Input Types <ul><li>email </li></ul><ul><li>number </li></ul><ul><li>range </li></ul><ul><li>tel </li></ul><ul><li>url </li></ul><ul><li>datetime </li></ul><ul><li>date </li></ul><ul><li>month </li></ul><ul><li>time </li></ul><ul><li>week </li></ul>
  8. 8. Browser support
  9. 9. Basic of <form>&<input>
  10. 10. Datetime Email <input type=&quot;datetime“> <input type=“email“>
  11. 11. Number <ul><li><input type=“number“ step =“0.01”> <input type=“number“ min =“16”> </li></ul>
  12. 12. INPUT TYPES <ul><li>  <input type=&quot; color “ /> </li></ul><ul><li><input type=&quot; range “ min=&quot;1&quot; max=&quot;10&quot; /> </li></ul><ul><li>< meter value=&quot;0.6&quot;>60%</meter> </li></ul><ul><li><input type=&quot; search “ placeholder =&quot;Search..”/> </li></ul><ul><li>< progress >working...</progress> </li></ul>
  13. 13. HTML5 New Form Attributes <ul><li>Autocomplete </li></ul><ul><li>Autofocus </li></ul><ul><li>List </li></ul><ul><li>List multiple </li></ul><ul><li>Placeholder </li></ul><ul><li>Required </li></ul><ul><li>Pattern </li></ul><ul><li><output> </li></ul>
  14. 14. List Multiple <ul><li>Multiple selection using comma </li></ul>
  15. 15. <output>
  16. 16. HTML5 Audio & Video <ul><li><audio id=&quot;audio&quot; src=&quot;sound.mp3&quot; controls></audio> </li></ul><ul><li><video id=&quot;video&quot; src=&quot;movie.webm&quot; autoplay controls></video> </li></ul>
  17. 17. <ul><li>CSS3 </li></ul><ul><ul><ul><ul><ul><li>control the style and layout of web pages </li></ul></ul></ul></ul></ul>
  18. 18. CSS3 <ul><li>CSS New Features </li></ul><ul><ul><li>Selectors </li></ul></ul><ul><ul><li>Box Model </li></ul></ul><ul><ul><li>Backgrounds and Borders </li></ul></ul><ul><ul><li>Text Effects </li></ul></ul><ul><ul><li>2D/3D Transformations </li></ul></ul><ul><ul><li>Animations </li></ul></ul><ul><ul><li>Multiple Column Layout </li></ul></ul><ul><ul><li>User Interface </li></ul></ul>
  19. 19. Browser Support property Browser support border-radius border-image box-shadow background-size background-origin text-shadow word-wrap @font-face transform transition @keyframes animation
  20. 20. CSS3
  21. 21. CSS3 Modules <ul><li>border-radius:25px; </li></ul><ul><li>box-shadow: 10px 10px 5px #888888; </li></ul><ul><li>text-shadow: 5px 5px 5px #FF0000; </li></ul><ul><li>background-origin : border-box; </li></ul><ul><li>Transform : matrix(0.8,0.5,-0.5,0.866,30,30); </li></ul><ul><li>Transform : rotateX(120deg); </li></ul>
  22. 22. Animation <ul><li>animation:myfirst 1s linear infinite alternate; </li></ul><ul><li>@keyframes myfirst { </li></ul><ul><li> from{background: red; left:0px; top:0px;} to {background: yellow; left:200px; top:0px;} </li></ul><ul><li>} </li></ul><ul><li>Multiple columns </li></ul><ul><ul><li>column-count </li></ul></ul><ul><ul><li>column-gap </li></ul></ul><ul><ul><li>column-rule </li></ul></ul>
  23. 23. PHP server side programming language
  24. 24. What is PHP <ul><li>PHP stands for PHP: Hypertext Preprocessor </li></ul><ul><li>PHP is a server-side scripting language, like ASP </li></ul><ul><li>PHP scripts are executed on the server </li></ul><ul><li>PHP supports many databases (MySQL, Informix, Oracle, Sybase, Solid, etc.) </li></ul><ul><li>PHP is an open source software </li></ul><ul><li>PHP is a Loosely Typed Language </li></ul>
  25. 25. Statements <ul><li>Conditional Statements </li></ul><ul><ul><li>if statement   </li></ul></ul><ul><ul><li>if...else statement   </li></ul></ul><ul><ul><li>if...elseif....else statement   </li></ul></ul><ul><ul><li>switch statement </li></ul></ul><ul><li>Looping </li></ul><ul><ul><li>While  </li></ul></ul><ul><ul><li>do...while   </li></ul></ul><ul><ul><li>For  </li></ul></ul><ul><ul><li>Foreach :ex: $x=array(&quot;one&quot;,&quot;two&quot;,&quot;three&quot;); foreach ($x as $value) </li></ul></ul>
  26. 26.   Array <ul><li>Array </li></ul><ul><li>Syntax : $cars=array(&quot;Saab&quot;,“11&quot;,“true&quot;,“20.14&quot;); </li></ul><ul><ul><li>Numeric array  - $cars[0]=&quot;Saab&quot;; </li></ul></ul><ul><ul><li>Associative array - $ages['Peter'] = &quot;32&quot;; </li></ul></ul><ul><ul><li>Multidimensional array - $car[‘Honda'][2] => i20 </li></ul></ul><ul><ul><li>mail(to,subject,message,headers,parameters) </li></ul></ul>
  27. 27. Function <ul><li>A function will be executed by a call to the function </li></ul><ul><li>Syntax : function writeName(){ echo “hello“; } </li></ul><ul><li>Built-in Functions: </li></ul><ul><li>$_GET Function </li></ul><ul><li>$_POST Function </li></ul><ul><li>Date() Function </li></ul><ul><li>include() Function </li></ul><ul><li>require() Function </li></ul>
  28. 28. Functions <ul><li>Cookies : cookie is often used to identify a user </li></ul><ul><li>setcookie(name, value, expire, path, domain); </li></ul><ul><li>Sessions : </li></ul><ul><ul><li>Session variables hold information about one single user, </li></ul></ul><ul><ul><li>and are available to all pages in one application. </li></ul></ul><ul><ul><li>Syn : session_start(); </li></ul></ul><ul><ul><li> : session_destroy(); </li></ul></ul>
  29. 29. Advantages of PHP <ul><li>Runs on different operating systems such as Linux, Unix </li></ul><ul><li>and Windows </li></ul><ul><li>Low maintenance and development cost </li></ul><ul><li>Compatible with servers IIS and Apache </li></ul><ul><li>PHP code run faster because there is no overhead of </li></ul><ul><li>communicating with different COM objects </li></ul><ul><li>Ability to embed into HTML code </li></ul><ul><li>Supports different databases such as Postgre SQL, Generic ODBC, MySQL, Oracle, Informix, Sybase and Solid. </li></ul>
  30. 30. PHP FRAMEWORK support the development of dynamic websites, web applications and web services
  31. 31. PHP Frameworks <ul><li>PHP frameworks offer solid extensible architecture, with features that make source code programming easier by providing standard templates, components and plug-ins. </li></ul><ul><li>Advanced PHP programmers need more than basic source code for Web development projects. PHP </li></ul><ul><li>frameworks offer convenient short cuts to improve efficiency, functionality, processing power and </li></ul><ul><li>speed. </li></ul>
  32. 32. Choosing Your Frameworks <ul><li>Choose amongst different PHP frameworks tailored </li></ul><ul><li>to satisfy specific coding needs. </li></ul><ul><ul><li>Database Support </li></ul></ul><ul><ul><li>Community Support </li></ul></ul><ul><ul><li>Documentation Support </li></ul></ul><ul><ul><li>Model View Controller Architecture </li></ul></ul>
  33. 33. Top 10 Frameworks 1.Yii 2. CodeIgniter 3. Symfony 4. PHPDevShell 5. CakePHP 6. Akelos 7. PRADO 8.Zend 9.zoop 10. eZ Components
  34. 34. Different Frameworks <ul><li>Top 3 Php Framework’s </li></ul><ul><ul><li>Zend Framework </li></ul></ul><ul><ul><li>Zend supports MVC, multiple databases, database objects, caching, validation and other modules. </li></ul></ul><ul><ul><li>Codelgniter </li></ul></ul><ul><ul><li>CI supports MVC, multiple databases, database objects, templates, caching, validation and other modules. </li></ul></ul>
  35. 35. Yii Framework <ul><ul><li>Yii Framework </li></ul></ul><ul><ul><ul><li>The Fast, Secure and Professional PHP Framework </li></ul></ul></ul><ul><ul><li>Fast </li></ul></ul><ul><ul><li>Yii only loads the features that you need. It has powerful caching support. It is explicitly designed to work efficiently with AJAX. </li></ul></ul><ul><ul><li>Secure </li></ul></ul><ul><ul><li>Security comes as standard with Yii. It includes input validation, output filtering, SQL injection and Cross-site </li></ul></ul><ul><ul><li>scripting prevention. </li></ul></ul>
  36. 36. Yii Framework <ul><ul><li>Professional </li></ul></ul><ul><ul><ul><li>Yii helps you develop clean and reusable code. It follows the MVC pattern, ensuring a clear separation of </li></ul></ul></ul><ul><ul><ul><li>logic and presentation. </li></ul></ul></ul><ul><li>More Project using Yii </li></ul><ul><ul><ul><ul><ul><li> </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li> </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li> </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li> </li></ul></ul></ul></ul></ul>
  37. 37. Thank You !