SlideShare a Scribd company logo
JavaScript

  Prof. Alvarado
 MDST 3703/7703
27 September 2012
Business

• Directories page
  – Make sure you have the MDST3703 directory, with
    no spaces
  – Naming is important! Allows us to link to each
    others’ work
• Resource page
  – Links to helpful pages so you can teach yourself
Home Directory Tip

• You can access your Home Directory via SFTP
  – SFTP is more robust but not integrated with your
    desktop (i.e. no mounted drive)
• Steps
  – Install the FTP plugin in JEdit …
Go to Plugins > FTP > Connect to FTP Server …
… and enter the following info:
Review

• CSS is the language used to add style to
  HTML pages
  – HTML (used properly) defines structure
• Styles are associated with elements by means
  of selectors
  – Selectors point to element by means of location in
    the DOM, classes, and IDs
• Specific styles are added by means of
  key/value pairs
UVA MDST 3703 JavaScript 2012-09-27
"I feel that most of the things that we are
learning how to do are by trial and error basis
.... You can’t just expect to code something right
away and get it right. It takes time and patience
-- A LOT of patience -- before actually almost
throwing your computer out the window
because you have no idea why your code
doesn’t work and then you come to find out you
are missing a semicolon somewhere in
hundreds of lines of C++ code!!!! >:("
            Computers are stupid!
  And: To grow, fail early and often
"Today’s studio has me thinking more about how
there are so many possible variances in logical
pathways that defining computer logic has so
many inherent variances across the different text
programing languages. Is there a system that can
read all of them? Regardless, it is important to
note that any logic possessed in any machine first
extended from a human mind."

            "I wonder what tool or language will allow
                  us to connect our pages and create a
                                       cohesive unit?"
"Does the fact that the two are often separated
(as we separated our persuasion.html file from
its link to the default.css file.) allow for a more
descriptive CSS?"



 "It has me thinking that the entire system
 of the computer is founded upon a
 system of layers."
"I wonder if most thematic collections I see are coded by hand, or
if most scholars use webpage creating software?"

"What do you do if you want to use a layout element that does
not exist in the current CSS language? Will there ever be a way to
write style, content, and structure with a single language?"

"It is crazy to think that our exercise only involved working with
one page, whereas creators of Thematic Research Collections
have to mark-up thousands of pages of research. I wonder how
much time and resources such tasks take up."
"[W]e created a digital representation of
the text with HTML but used CSS to
make it resemble its original analog
form. Don’t you think we are limiting
ourselves by doing so?"
UVA MDST 3703 JavaScript 2012-09-27
A programming
                             language built into
                             your browser

                             Allows you to create
                             applications in web
                             pages

                             Allows you to add
                             behavior to web pages

      Has a built-in awareness of the DOM

         DOM = Document Object Model
= the way HTML pages are viewed by the computer
JavaScript has
nothing to do
with Java …
The DOM represent HTML as a tree structure
We will be using jQuery, which makes
 it easy to do powerful things with
              JavaScript
Another layer to our stack …


  CONTENT | utf8
 STRUCTURE | html
    STYLE | css
BEHAVIOR | javascript

More Related Content

What's hot (18)

KEY
Artdm171 Week2: History of the Web
Gilbert Guerrero
 
PDF
Structuring knowledge according to "Every Page is Page One"
WikiAhoi
 
PDF
Drupal is not your Website
Phase2
 
PPT
Lecture1: HTML and JavaScript
omarshehab
 
PPTX
Chopping up HTML
Wendy Shaffer
 
PPTX
Web technology P B Jadhav
PRASHANT JADHAV
 
PDF
Introduction to the Web and HTML
SiddharthBorderwala
 
PPTX
Getting Started with Drupal
Brian Pichman
 
PPT
Managing Your Content: Everything You Need to Know about the CMS
Nicole C. Engard
 
PPT
J jenkins softwareeval
jenkins11
 
PPT
Introduction css
sagaroceanic11
 
PPTX
Dropbox presentation
Craig Hammond
 
PPTX
Making Web Fun
Rajasekar Murugan
 
KEY
Front end-design and best practices
Mario Hernandez
 
PPTX
Designing and programming web introduction -lecture #1
Shreedevi Tharanidharan
 
PPTX
EdTechJoker Spring 2020 - Lecture 4 - HTML
Bryan Ollendyke
 
PDF
Content Outside of CONTENTdm: Part 1: Exhibit Creation Tool using <b>...&l...
tutorialsruby
 
Artdm171 Week2: History of the Web
Gilbert Guerrero
 
Structuring knowledge according to "Every Page is Page One"
WikiAhoi
 
Drupal is not your Website
Phase2
 
Lecture1: HTML and JavaScript
omarshehab
 
Chopping up HTML
Wendy Shaffer
 
Web technology P B Jadhav
PRASHANT JADHAV
 
Introduction to the Web and HTML
SiddharthBorderwala
 
Getting Started with Drupal
Brian Pichman
 
Managing Your Content: Everything You Need to Know about the CMS
Nicole C. Engard
 
J jenkins softwareeval
jenkins11
 
Introduction css
sagaroceanic11
 
Dropbox presentation
Craig Hammond
 
Making Web Fun
Rajasekar Murugan
 
Front end-design and best practices
Mario Hernandez
 
Designing and programming web introduction -lecture #1
Shreedevi Tharanidharan
 
EdTechJoker Spring 2020 - Lecture 4 - HTML
Bryan Ollendyke
 
Content Outside of CONTENTdm: Part 1: Exhibit Creation Tool using <b>...&l...
tutorialsruby
 

Viewers also liked (6)

PPT
Developing For Ubraa
Garrizaldy Santos
 
KEY
Curriculum Vitae Marnix van de Veen
Marnix van de Veen
 
PPT
Bucknuts
chadisrael
 
PPTX
Mdst3703 visualization-2012-10-23
Rafael Alvarado
 
PPT
Persmuseum
Marnix van de Veen
 
KEY
Presentatie Business modellen
Marnix van de Veen
 
Developing For Ubraa
Garrizaldy Santos
 
Curriculum Vitae Marnix van de Veen
Marnix van de Veen
 
Bucknuts
chadisrael
 
Mdst3703 visualization-2012-10-23
Rafael Alvarado
 
Persmuseum
Marnix van de Veen
 
Presentatie Business modellen
Marnix van de Veen
 
Ad

Similar to UVA MDST 3703 JavaScript 2012-09-27 (20)

PPTX
UVA MDST 3703 JavaScript (ii) 2012-10-04
Rafael Alvarado
 
PDF
Building a game with JavaScript (March 2017, washington dc)
Daniel Friedman
 
PPT
introduction to javascript
Kumar
 
PDF
Fewd week4 slides
William Myers
 
PDF
JS BASICS JAVA SCRIPT SCRIPTING
Arulkumar
 
KEY
The Transparent Web: Bridging the Chasm in Web Development
twopoint718
 
ODP
Light introduction to HTML
abidibo Contini
 
PPTX
Introduction to Java script for web .pptx
FahimMousa
 
PPTX
Programming and the web for beginners
Son Nguyen
 
PPTX
Before start
Medhat Dawoud
 
PDF
Training javascript 2012 hcmut
University of Technology
 
PPTX
A Web development ppt seminar report.pptx
SumitSen65
 
PDF
Finding harmony in web development
Christian Heilmann
 
PDF
The Expanding Boundaries of CSS
chriseppstein
 
PPT
Prelims Coverage for Int 213
Jeph Pedrigal
 
PDF
Web programming by kiran and team
Hemanth Kumar N
 
PPTX
Web design and web development - Unit 1.pptx
gabrielahumada12
 
PPTX
Activity 5
John Vincent Caño
 
PDF
Paris Web - Javascript as a programming language
Marco Cedaro
 
PDF
Mansoura University CSED & Nozom web development sprint
Al Sayed Gamal
 
UVA MDST 3703 JavaScript (ii) 2012-10-04
Rafael Alvarado
 
Building a game with JavaScript (March 2017, washington dc)
Daniel Friedman
 
introduction to javascript
Kumar
 
Fewd week4 slides
William Myers
 
JS BASICS JAVA SCRIPT SCRIPTING
Arulkumar
 
The Transparent Web: Bridging the Chasm in Web Development
twopoint718
 
Light introduction to HTML
abidibo Contini
 
Introduction to Java script for web .pptx
FahimMousa
 
Programming and the web for beginners
Son Nguyen
 
Before start
Medhat Dawoud
 
Training javascript 2012 hcmut
University of Technology
 
A Web development ppt seminar report.pptx
SumitSen65
 
Finding harmony in web development
Christian Heilmann
 
The Expanding Boundaries of CSS
chriseppstein
 
Prelims Coverage for Int 213
Jeph Pedrigal
 
Web programming by kiran and team
Hemanth Kumar N
 
Web design and web development - Unit 1.pptx
gabrielahumada12
 
Activity 5
John Vincent Caño
 
Paris Web - Javascript as a programming language
Marco Cedaro
 
Mansoura University CSED & Nozom web development sprint
Al Sayed Gamal
 
Ad

More from Rafael Alvarado (20)

PPTX
Mdst3703 2013-10-08-thematic-research-collections
Rafael Alvarado
 
PPTX
Mdst3703 2013-10-01-hypertext-and-history
Rafael Alvarado
 
PPTX
Mdst3703 2013-09-24-hypertext
Rafael Alvarado
 
PPTX
Presentation1
Rafael Alvarado
 
PPTX
Mdst3703 2013-09-12-semantic-html
Rafael Alvarado
 
PPTX
Mdst3703 2013-09-17-text-models
Rafael Alvarado
 
PPTX
Mdst3703 2013-09-10-textual-signals
Rafael Alvarado
 
PPTX
Mdst3703 2013-09-05-studio2
Rafael Alvarado
 
PPTX
Mdst3703 2013-09-03-plato2
Rafael Alvarado
 
PPTX
Mdst3703 2013-08-29-hello-world
Rafael Alvarado
 
PPTX
UVA MDST 3703 2013 08-27 Introduction
Rafael Alvarado
 
PPTX
MDST 3705 2012-03-05 Databases to Visualization
Rafael Alvarado
 
PPTX
Mdst3705 2013-02-26-db-as-genre
Rafael Alvarado
 
PPTX
Mdst3705 2013-02-19-text-into-data
Rafael Alvarado
 
PPTX
Mdst3705 2013-02-12-finding-data
Rafael Alvarado
 
PPTX
Mdst3705 2013-02-05-databases
Rafael Alvarado
 
PPTX
Mdst3705 2013-01-29-praxis
Rafael Alvarado
 
PPTX
Mdst3705 2013-01-31-php3
Rafael Alvarado
 
PPTX
Mdst3705 2012-01-22-code-as-language
Rafael Alvarado
 
PPTX
Mdst3705 2013-01-24-php2
Rafael Alvarado
 
Mdst3703 2013-10-08-thematic-research-collections
Rafael Alvarado
 
Mdst3703 2013-10-01-hypertext-and-history
Rafael Alvarado
 
Mdst3703 2013-09-24-hypertext
Rafael Alvarado
 
Presentation1
Rafael Alvarado
 
Mdst3703 2013-09-12-semantic-html
Rafael Alvarado
 
Mdst3703 2013-09-17-text-models
Rafael Alvarado
 
Mdst3703 2013-09-10-textual-signals
Rafael Alvarado
 
Mdst3703 2013-09-05-studio2
Rafael Alvarado
 
Mdst3703 2013-09-03-plato2
Rafael Alvarado
 
Mdst3703 2013-08-29-hello-world
Rafael Alvarado
 
UVA MDST 3703 2013 08-27 Introduction
Rafael Alvarado
 
MDST 3705 2012-03-05 Databases to Visualization
Rafael Alvarado
 
Mdst3705 2013-02-26-db-as-genre
Rafael Alvarado
 
Mdst3705 2013-02-19-text-into-data
Rafael Alvarado
 
Mdst3705 2013-02-12-finding-data
Rafael Alvarado
 
Mdst3705 2013-02-05-databases
Rafael Alvarado
 
Mdst3705 2013-01-29-praxis
Rafael Alvarado
 
Mdst3705 2013-01-31-php3
Rafael Alvarado
 
Mdst3705 2012-01-22-code-as-language
Rafael Alvarado
 
Mdst3705 2013-01-24-php2
Rafael Alvarado
 

UVA MDST 3703 JavaScript 2012-09-27

  • 1. JavaScript Prof. Alvarado MDST 3703/7703 27 September 2012
  • 2. Business • Directories page – Make sure you have the MDST3703 directory, with no spaces – Naming is important! Allows us to link to each others’ work • Resource page – Links to helpful pages so you can teach yourself
  • 3. Home Directory Tip • You can access your Home Directory via SFTP – SFTP is more robust but not integrated with your desktop (i.e. no mounted drive) • Steps – Install the FTP plugin in JEdit …
  • 4. Go to Plugins > FTP > Connect to FTP Server …
  • 5. … and enter the following info:
  • 6. Review • CSS is the language used to add style to HTML pages – HTML (used properly) defines structure • Styles are associated with elements by means of selectors – Selectors point to element by means of location in the DOM, classes, and IDs • Specific styles are added by means of key/value pairs
  • 8. "I feel that most of the things that we are learning how to do are by trial and error basis .... You can’t just expect to code something right away and get it right. It takes time and patience -- A LOT of patience -- before actually almost throwing your computer out the window because you have no idea why your code doesn’t work and then you come to find out you are missing a semicolon somewhere in hundreds of lines of C++ code!!!! >:(" Computers are stupid! And: To grow, fail early and often
  • 9. "Today’s studio has me thinking more about how there are so many possible variances in logical pathways that defining computer logic has so many inherent variances across the different text programing languages. Is there a system that can read all of them? Regardless, it is important to note that any logic possessed in any machine first extended from a human mind." "I wonder what tool or language will allow us to connect our pages and create a cohesive unit?"
  • 10. "Does the fact that the two are often separated (as we separated our persuasion.html file from its link to the default.css file.) allow for a more descriptive CSS?" "It has me thinking that the entire system of the computer is founded upon a system of layers."
  • 11. "I wonder if most thematic collections I see are coded by hand, or if most scholars use webpage creating software?" "What do you do if you want to use a layout element that does not exist in the current CSS language? Will there ever be a way to write style, content, and structure with a single language?" "It is crazy to think that our exercise only involved working with one page, whereas creators of Thematic Research Collections have to mark-up thousands of pages of research. I wonder how much time and resources such tasks take up."
  • 12. "[W]e created a digital representation of the text with HTML but used CSS to make it resemble its original analog form. Don’t you think we are limiting ourselves by doing so?"
  • 14. A programming language built into your browser Allows you to create applications in web pages Allows you to add behavior to web pages Has a built-in awareness of the DOM DOM = Document Object Model = the way HTML pages are viewed by the computer
  • 15. JavaScript has nothing to do with Java …
  • 16. The DOM represent HTML as a tree structure
  • 17. We will be using jQuery, which makes it easy to do powerful things with JavaScript
  • 18. Another layer to our stack … CONTENT | utf8 STRUCTURE | html STYLE | css BEHAVIOR | javascript