Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.



Published on

best PPT

Published in: Technology
  • Be the first to comment

  • Be the first to like this


  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 !