Web Development - A really soft introduction

<!DOCTYPE html> <html> <head> </head> <body> </body> </html>

<!DOCTYPE html> <html> <head> </head> <body> <p>Hello World, here I
am</p> </body> </html>

<!DOCTYPE html> <html> <head> <title>My first page</title> <meta name=“author” content=“Francisco
Neves”/> <link rel=“shortcut icon” href=“favicon.ico”/> <style> p { color: red; } </style> </head> <body> <p>This is my first page. Thank you CeSIUM!</p> </body> </html>

My first page

<!DOCTYPE html> <html> <head> … </head> <body> <h1>This is header
1</h1> <h2>This is header 2</h2> <h3>This is header 3</h3> <h4>This is header 4</h4> <h5>This is header 5</h5> <h6>This is header 6</h6> </body> </html>

<!DOCTYPE html> <html> <head> … </head> <body> <p>First paragraph</p> <p>Second
paragraph</p> <p>Third paragraph</p> </body> </html>

<!DOCTYPE html> <html> <head> … </head> <body> <a href=“http://google.com”>Google</a> </body>
</html>

<!DOCTYPE html> <html> <head> … </head> <body> <img src=“http://google.com/gm64.png” alt=“GMail”/>
</body> </html>

<!DOCTYPE html> <html> <head> … </head> <body> <table> <tr> <td>First
Column</td> <td>Second Column</td> </tr> </table> </body> </html>

<!DOCTYPE html> <html> <head> … </head> <body> <ul> <li>First element</li>
<li>Second element</li> </ul> </body> </html>

<!DOCTYPE html> <html> <head> … </head> <body> <div>This is a
block</div> </body> </html>

<!DOCTYPE html> <html> <head> … </head> <body> <form action=“page.php” method=“post”>
… </form> </body> </html>

<select name=“my_select”> <option value=“1”>Option 1</option> <option value=“2”>Option 2</option> <option value=“3”>Option 3</option> </select> </form> </body> </html>

block</div> <script> alert(“I am here”); </script> </body> </html>

<!DOCTYPE html> <html> <head> … </head> <body> < These entities
are great > </body> </html>

block</div>  </body> </html>

<!DOCTYPE html> <html> <head> … </head> <body> <div id=“main-content”></div> <div
id=“main-content”></div>  </body> </html>

<!DOCTYPE html> <html> <head> … </head> <body> <div class=“header”></div> <div
class=“header”></div>  </body> </html>

<!DOCTYPE html> <html> <head> <link rel=“stylesheet” href=“css/main.css”/> </head> <body> …
</body> </html>

block</div> </body> </html> div { … }

<!DOCTYPE html> <html> <head> … </head> <body> <div id=“main-content”></div> </body>
</html> #main-content { … }

<!DOCTYPE html> <html> <head> … </head> <body> <div class=“header”></div> <div
class=“header”></div> </body> </html> .header { … }

<!DOCTYPE html> <html> <head> … </head> <body> <div class=“header”>Header</div> <div
class=“header”>Header</div> </body> </html> .header { background-color: #a5a5a5; }

class=“header”>Header</div> </body> </html> .header { text-transform: uppercase; }

class=“header”>Header</div> </body> </html> .header { font-size: 40px; }

class=“header”>Header</div> </body> </html> .header { border: 1px solid #000000 }

class=“header”>Header</div> </body> </html> .header { color: #00a244 }

class=“header”>Header</div> </body> </html> .header { margin: 25px }

class=“header”>Header</div> </body> </html> .header { padding: 25px }

class=“header”>Header</div> </body> </html> .header { display: inline-block }

class=“header”>Header</div> </body> </html> .header { float: right }

class=“header”>Header</div> </body> </html> .header { position: absolute; top:50px }

<?php // My first comment echo “Hello world, I am
right here!”; ?>

<?php $var = true; echo $var; ?>

<?php $var = true; var_dump( $var ); ?>

<?php $var = 12345; echo $var; ?>

<?php $var = 12.45; echo $var; ?>

<?php $var = ‘Hello Francisco Neves’; echo $var; ?>

<?php $name = ‘Francisco Neves’; $var = “Hello $name”; //
$var = ‘Hello ’ . $name; has same output! echo $var; ?>

<?php $var = array( ‘a’, ‘b’, ‘c’ ); print_r( $var
); ?>

<?php $var = array( “hello” => true, “bye” => false
); print_r( $var ); ?>

<?php $var = new Foo(); print_r( $var ); ?>

<?php $var = fopen( “file.txt”, “rw” ); var_dump( $var );
?>

<?php $var = NULL; var_dump( $var ); ?>

<?php define( ‘PI’, 3.14 ); var_dump( PI ); ?>

<?php $var = ‘I am a string’; if( $var ==
‘I am a string’ ) { echo ‘the same!’; } else { echo ‘bye’; } ?>

<?php $var = 3; while( $var > 0 ) {
echo $var . ‘ ‘; $var--; } ?>

<?php for( $var = 3; $var > 0; $var++ )
{ echo $var . ‘ ‘; } ?>

<?php $var = 3; switch( $var ) { case 1:
echo ‘a’; break; case 2: echo ‘b’; break; case 3: echo ‘c’; break; default: echo 404; } ?>

<?php function even( $var ) { if( $var % 2
== 0 ) return true; else return false; } var_dump( even( 6 ) ); ?>

<?php class Foo { private $bar; … } ?>

<?php class Foo { private $bar; public function setValue( $value
) { $this->bar = $value; } } ?>

<?php class Foo { private $bar; public function __construct( $value
) { $this->bar = $value; } } ?>

<?php class Foo { private $bar; public function __destruct() {
echo ‘Aaaah, I am dying!’; } } ?>

<?php abstract class FooParent { … } class Foo extends
FooParent { … } ?>

<?php interface Ifoo { … } class Foo implements IFoo
{ … } ?>

<?php $var = ‘Francisco Neves’; ?> <!DOCTYPE html> <html> <head>
… </head> <body> <div>Hello <?php echo $var; ?></div> </body> </html>

… <form action=“page.php” method=“get”> <input type=“text” name=“my_text”/> … <input type=“submit”
name=“my_submit”/> </form> …

… <form action=“page.php” method=“post”> <input type=“text” name=“my_text”/> … <input type=“submit”

… <form action=“…” method=“get”> <input type=“text” name=“my_text”/> … <input type=“submit”

<?php print_r( $_GET ); ?> …

… <form action=“…” method=“post”> <input type=“text” name=“my_text”/> … <input type=“submit”

<?php print_r( $_POST ); ?> …

<?php echo ‘Message: ‘ . $_POST[‘my_text’]; ?> …

Web Development - A really soft introduction

Web Development - A really soft introduction

More Decks by Francisco Neves

Other Decks in Programming

Featured

Transcript