Skip to content

Commit 6b66941

Browse files
Markus Amalthea Magnusonajpiano
Markus Amalthea Magnuson
authored andcommitted
Various small fixes on the JavaScript 101 Getting Started page. Fixes jquery#345.
1 parent 131beef commit 6b66941

File tree

1 file changed

+14
-9
lines changed

1 file changed

+14
-9
lines changed

page/javascript-101/getting-started.md

Lines changed: 14 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -12,13 +12,13 @@ Before diving into JavaScript, it helps to understand how it aligns with the oth
1212

1313
### HTML is for Content
1414

15-
HTML is a markup language used to define and describe content. Whether it be a blog post, a search engine result or an e-commerce site, the core content of a web page is written in HTML. A semantic markup, HTML is used to describe content in universal terms (headers, paragraphs, images, etc.)
15+
HTML is a markup language used to define and describe content. Whether it be a blog post, a search engine result, or an e-commerce site, the core content of a web page is written in HTML. A semantic markup, HTML is used to describe content in universal terms (headers, paragraphs, images, etc.)
1616

17-
###CSS is for Presentation
17+
### CSS is for Presentation
1818

1919
CSS is a supplemental language that applies style to HTML documents. CSS is all about making content look better by defining fonts, colors, and other visual aesthetics. The power of CSS comes from the fact that styling is not intermingled with content. This means you can apply different styles to the same piece of content, which is critical when building responsive websites that look good across a range of devices.
2020

21-
###JavaScript is for Interactivity
21+
### JavaScript is for Interactivity
2222

2323
In the browser, JavaScript adds interactivity and behavior to HTML content. Without JavaScript, web pages would be static and boring. JavaScript helps bring a web page to life.
2424

@@ -28,9 +28,10 @@ Look at this simple HTML page that includes CSS and JavaScript to see how it all
2828
<!doctype html>
2929
<html lang="en">
3030
<head>
31-
<meta charset="utf-8">
31+
<meta charset="utf-8" />
3232
<title>Hello World</title>
33-
<!-- CSS for presentation -->
33+
34+
<!-- CSS for presentation. -->
3435
<style>
3536
h1 { font-size: 14px; color: hotpink; }
3637
button { color: red; }
@@ -39,26 +40,30 @@ Look at this simple HTML page that includes CSS and JavaScript to see how it all
3940
<body>
4041
<h1>Hello World</h1>
4142
<button>Click Me!</button>
42-
<!-- JavaScript for interactivity -->
43+
44+
<!-- JavaScript for interactivity. -->
4345
<script>
46+
4447
// Get a handle on the first button element in the document.
4548
var button = document.querySelector( "button" );
49+
4650
// If a user clicks on it, say hello!
4751
button.addEventListener( "click", function( ev ) {
4852
alert( "Hello" );
4953
}, false);
54+
5055
</script>
5156
</body>
5257
</html>
5358
```
5459

55-
In the example above, HTML is used to describe the content. The "Hello World" text is described as a heading with the `<h1>` tag and "Click Me!" is described as a button with the `<button>` tag. The `<style>` block contains CSS that changes the font-size and color of the header text. The `<script>` block contains JavaScript that adds interactivity to the button. When a user clicks on the button, an alert message will appear that says "Hello!".
60+
In the example above, HTML is used to describe the content. The "Hello World" text is described as a heading with the `<h1>` tag and "Click Me!" is described as a button with the `<button>` tag. The `<style>` block contains CSS that changes the font size and color of the header text. The `<script>` block contains JavaScript that adds interactivity to the button. When a user clicks on the button, an alert message will appear that says "Hello!"
5661

5762
## A Scripting Language for the Web
5863

5964
JavaScript was originally designed to add interactivity to web pages, not to be a general programming language, which makes it a scripting language. [Scripting languages](http://en.wikipedia.org/wiki/Scripting_language) are regarded to be more productive than general languages because they are optimized for their specific domain (in this case, the web browser). However, recent advancements have brought JavaScript to the server-side (via [Node.js](http://nodejs.org/)) so it can now be used in place of languages like PHP, Ruby, or ASP. This guide will focus exclusively on JavaScript running in the browser with jQuery.
6065

61-
The name "JavaScript" is a bit misleading. Despite the similarity in name, JavaScript has no relationship with [Java](http://en.wikipedia.org/wiki/Java_\(programming_language\)), a general purpose language. JavaScript is based on an Open Web standard called [ECMAScript](http://en.wikipedia.org/wiki/ECMAScript). Standards-based languages are not controlled by any one entity or corporation – instead, developers work together to define the language, which is why JavaScript will run in *every* web browser regardless of the operating system or device.
66+
The name "JavaScript" is a bit misleading. Despite the similarity in name, JavaScript has no relationship with [Java](http://en.wikipedia.org/wiki/Java_\(programming_language\), a general purpose language. JavaScript is based on an open web standard called [ECMAScript](http://en.wikipedia.org/wiki/ECMAScript). Standards-based languages are not controlled by any one entity or corporation – instead, developers work together to define the language, which is why JavaScript will run in *every* web browser regardless of the operating system or device.
6267

6368
## What You Need to Get Started with JavaScript and jQuery
6469

@@ -76,4 +81,4 @@ Commonly referred to as "developer tools," many browsers ship with built-in feat
7681
- [Google Chrome Developer Tools](https://developers.google.com/chrome-developer-tools/)
7782
- [Microsoft Internet Explorer](http://msdn.microsoft.com/en-us/library/ie/gg589507.aspx)
7883
- [Mozilla Firefox Web Development Tools](https://developer.mozilla.org/en-US/docs/Tools)
79-
- [Opera Dragonfly](http://www.opera.com/developer/tools/)
84+
- [Opera Dragonfly](http://www.opera.com/dragonfly/)

0 commit comments

Comments
 (0)