home.php 4.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <section id="caja_inferior">
  2. <a id="href_header" href="index.php" rel="home"><img src="../jQueryProject/assets/images/dennisritchie2.jpg" alt="jQuery" id="slide"/></a>
  3. <div id="botones">
  4. <a href="#"><img src="../jQueryProject/assets/images/botonlleno.png" alt="Boton" id="button0" class="boton buttons"/></a>
  5. <a href="#"><img src="../jQueryProject/assets/images/botonvacio.png" alt="Boton" id="button1" class="boton buttons"/></a>
  6. <a href="#"><img src="../jQueryProject/assets/images/botonvacio.png" alt="Boton" id="button2" class="boton buttons"/></a>
  7. </div>
  8. <a id="button_a" href="index.php?do=showIntro">Introducción</a><br/>
  9. </section>
  10. <div id="contaiment_intro">
  11. <h1>
  12. Sobre jQuery
  13. </h1>
  14. <p class="h4">
  15. JQuery es una librería de JavaScript rápida y ligera.
  16. Hace cosas como el recorrido y manipulación del árbol DOM, manejo de eventos,
  17. animación y Ajax mucho más simple con una API fácil de usar que funciona
  18. en multitud de navegadores. Con una combinación de versatilidad y extensibilidad,
  19. JQuery ha cambiado la forma en que millones de personas escriben JavaScript.
  20. </p>
  21. <p class="h4">Empezar con jQuery puede ser fácil o un reto, dependiendo de tu
  22. experiencia con JavaScript, HTML, CSS y tu experiencia programando en general.
  23. Algo importante sobre jQuery es que es solo una librería de
  24. Javascript, es decir, todo el potencial de jQuery viene de JavaScript,
  25. así que conocer Javascript es fundamental.
  26. </p>
  27. <p class="h4">Si nunca has utilizado jQuery, empieza con el tutorial para aprender
  28. los conceptos básicos: <a href="index.php?do=showIntro">Introducción</a>.</p>
  29. <p class="h4">
  30. Existen otros proyectos de jQuery como <a href="https://jqueryui.com/">jQuery UI</a>,
  31. <a href="https://jquerymobile.com/">jQuery Mobile</a>,
  32. <a href="https://qunitjs.com/">QUnit</a> y
  33. <a href="https://sizzlejs.com/">Sizzle</a>.
  34. Estos proyectos no vamos a poder
  35. verlos durante esta exposición pero es interesante conocer que
  36. otro tipo de proyectos existen y si pueden servirnos en el futuro.
  37. </p>
  38. <p class="h4">Existe también una página oficial de jQuery donde existen vídeos y tutoriales para realizar ejercicios para comprender y utilizar
  39. jQuery <a hre="http://try.jquery.com/">http://try.jquery.com/</a>
  40. </p>
  41. </div>
  42. <div class="row">
  43. <div class="col-sm-4 col-md-4">
  44. <div class="row">
  45. <div class="col-sm-12 col-md-6" ><?php echo "<a href='index.php?do=showIntro'"; ?>"><img src="../jQueryProject/assets/images/jquery.gif" alt="home" class="img-row"/></a></div>
  46. <div class="col-sm-12 col-md-6" ><?php echo "<a href='index.php?do=showSelectors'"; ?>"><img src="../jQueryProject/assets/images/selectojquery.png" alt="home" class="img-row"/></a></div>
  47. </div>
  48. </div>
  49. <div class="col-sm-4 col-md-4">
  50. <div class="row">
  51. <div class="col-sm-12 col-md-6" ><?php echo "<a href='index.php?do=showDom'"; ?>"><img src="../jQueryProject/assets/images/jquerydom.png" alt="home" class="img-row"/></a></div>
  52. <div class="col-sm-12 col-md-6" ><?php echo "<a href='index.php?do=showEvents'"; ?>"><img src="../jQueryProject/assets/images/eventjquery.png" alt="home" class="img-row"/></a></div>
  53. </div>
  54. </div>
  55. <div class="col-sm-4 col-md-4">
  56. <div class="row">
  57. <div class="col-sm-12 col-md-6" ><?php echo "<a href='index.php?do=showEffects'"; ?>"><img src="../jQueryProject/assets/images/Jquery_effects.jpg" alt="home" class="img-row"/></a></div>
  58. <div class="col-sm-12 col-md-6" ><?php echo "<a href='index.php?do=showUI'"; ?>"><img src="../jQueryProject/assets/images/jquery.gif" alt="home" class="img-row"/></a></div>
  59. </div>
  60. </div>
  61. </div>
  62. <script src="../jQueryProject/assets/js/slider.js"></script>