SlideShare una empresa de Scribd logo
1 de 6
Descargar para leer sin conexión
jQuery Mobile
               Hour 2
Working with HTML, CSS and JavaScript



                           about.me/babon
What You'll Learn in Hour 2
+ The current role of HTML
+ Different ways to add styles to a web page
+ What JavaScript is and how you can use it




                                 about.me/babon
Building Content with HTML
jQuery Mobile requires the use of HTML5
doctype.

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

                                  about.me/babon
Presenting CSS
Three different ways to add styles to a web
page:

● external styles <link>
● embedded styles <style>
● inline styles < ... style=" ">




                                   about.me/babon
Functioning with JavaScript
JavaScript is used to make something happen
when a visitor comes to view the site.

Placing <script> tags in your document:
● inside the <head>
● inside the <body>
● just before the closing </body> tag


                                 about.me/babon
Functioning with JavaScript
JavaScript example:

javascriptupdate.html




                         about.me/babon

Más contenido relacionado

Más de Gene Babon

Job Search | Tropical Depressions | Bowling Alleys
Job Search | Tropical Depressions | Bowling AlleysJob Search | Tropical Depressions | Bowling Alleys
Job Search | Tropical Depressions | Bowling AlleysGene Babon
 
Tech Over Fifty Launch Meeting
Tech Over Fifty Launch MeetingTech Over Fifty Launch Meeting
Tech Over Fifty Launch MeetingGene Babon
 
Anatomy Virtual Self Study Group NEPHP 2018
Anatomy Virtual Self Study Group NEPHP 2018Anatomy Virtual Self Study Group NEPHP 2018
Anatomy Virtual Self Study Group NEPHP 2018Gene Babon
 
Become a Front End Web Developer
Become a Front End Web DeveloperBecome a Front End Web Developer
Become a Front End Web DeveloperGene Babon
 
Navigating a Career in Web Technology
Navigating a Career in Web TechnologyNavigating a Career in Web Technology
Navigating a Career in Web TechnologyGene Babon
 
Getting Things Done
Getting Things DoneGetting Things Done
Getting Things DoneGene Babon
 
jQuery Mobile Hour 4
jQuery Mobile Hour 4jQuery Mobile Hour 4
jQuery Mobile Hour 4Gene Babon
 

Más de Gene Babon (20)

Job Search | Tropical Depressions | Bowling Alleys
Job Search | Tropical Depressions | Bowling AlleysJob Search | Tropical Depressions | Bowling Alleys
Job Search | Tropical Depressions | Bowling Alleys
 
Tech Over Fifty Launch Meeting
Tech Over Fifty Launch MeetingTech Over Fifty Launch Meeting
Tech Over Fifty Launch Meeting
 
Anatomy Virtual Self Study Group NEPHP 2018
Anatomy Virtual Self Study Group NEPHP 2018Anatomy Virtual Self Study Group NEPHP 2018
Anatomy Virtual Self Study Group NEPHP 2018
 
Become a Front End Web Developer
Become a Front End Web DeveloperBecome a Front End Web Developer
Become a Front End Web Developer
 
Navigating a Career in Web Technology
Navigating a Career in Web TechnologyNavigating a Career in Web Technology
Navigating a Career in Web Technology
 
Info Session
Info SessionInfo Session
Info Session
 
Info session
Info sessionInfo session
Info session
 
Getting Things Done
Getting Things DoneGetting Things Done
Getting Things Done
 
jQuery Mobile Hour 4
jQuery Mobile Hour 4jQuery Mobile Hour 4
jQuery Mobile Hour 4
 
Lesson 17
Lesson 17Lesson 17
Lesson 17
 
Lesson 18
Lesson 18Lesson 18
Lesson 18
 
Lesson 17
Lesson 17Lesson 17
Lesson 17
 
Lesson 16
Lesson 16Lesson 16
Lesson 16
 
Lesson 15
Lesson 15Lesson 15
Lesson 15
 
Lesson 11
Lesson 11Lesson 11
Lesson 11
 
Lesson 10
Lesson 10Lesson 10
Lesson 10
 
Lesson 09
Lesson 09Lesson 09
Lesson 09
 
Lesson 05
Lesson 05Lesson 05
Lesson 05
 
Lesson 04
Lesson 04Lesson 04
Lesson 04
 
Lesson 03
Lesson 03Lesson 03
Lesson 03
 

jQuery Mobile Hour 2

  • 1. jQuery Mobile Hour 2 Working with HTML, CSS and JavaScript about.me/babon
  • 2. What You'll Learn in Hour 2 + The current role of HTML + Different ways to add styles to a web page + What JavaScript is and how you can use it about.me/babon
  • 3. Building Content with HTML jQuery Mobile requires the use of HTML5 doctype. <!DOCTYPE html> <html> <head><title></title></head> <body></body> </html> about.me/babon
  • 4. Presenting CSS Three different ways to add styles to a web page: ● external styles <link> ● embedded styles <style> ● inline styles < ... style=" "> about.me/babon
  • 5. Functioning with JavaScript JavaScript is used to make something happen when a visitor comes to view the site. Placing <script> tags in your document: ● inside the <head> ● inside the <body> ● just before the closing </body> tag about.me/babon
  • 6. Functioning with JavaScript JavaScript example: javascriptupdate.html about.me/babon