Dashed, Dotted and Solid
Dashed, Dotted and Solid
Dashed, Dotted and Solid
and Web.
Adding styles to tables - Netscape
>Table Borders - smaller and simpler commands.
*border-color - Text based.
-Assigns color to borders. Add a - code is run on a browser only.
corresponding hexadecimal umber for the - Makes computers do what you want
desired color. them to do.
Examples: - Executes in Host Environment
border-color: Red; ( mostly Browser).
border-color: Grey; - Interpreted language.
*border-width - Adds interactivity to your websites
-Refers to the thickness to the border - Games
lines. Add numerical values to points or - Responses when button are pressed
pixels to set the thickness of a table’s - Dynamic styling
border. - animation
Examples:
The Three Layers of the Web
border-width: 5px;
border-width: 2px; -> HTML for Content
*border-style <p class=“warning”>There is
-Refers to the type of border that wil be no <em>download link</em>
used in the table. Typical values used are on this page.</p>
dashed, dotted and solid.
Examples: -> CSS for Presentation
border-style: dashed; .warning { color: red; }
border-style: dotted;
-> JavaScript for Behavior
border-style: solid;
border-style: double; <script type=“text/javascript”>
border-style: groove; window.alert(document.getEl
border-style: ridge; ementsByClassName(“warning
border-style: inset; ”)[0].innerHTML) </script>
border-style: outset;
DID YOU KNOW…………
>border-collapse property
-enables data cells to share borders with JAVA
other table data cells. The values for this - Object oriented programming(OOP)
property are collapse and separate. language
*border-collapse
-enable adjacent table data cells to - Sun Microsystems
share the same borders. - Larger and complicated commands.
*border-separate
-enable table data cells to maintain - Create “standalone” application.
individual borders (default).
VALUES:
- Creates applications that run in a
border-collapse: collapse;
virtual machine or browser.
border-collapse: separate;
History of JavaScript Brendan Eich
JavaScript - Invented JavaScript in May 1995 with
- is the programming language of his initial draft that he made in 10
HTML and Web. DAYS.
HISTORY - It is formed of commands that tell the
browser what to do.
- 1993, National Centre for
Supercomputing Applications (NCSA document.write (“text”)
Mosaic) – first graphical web
- Which writes text string of text as an
browser.
output when the command is
- 1994 Mosaic Communications
executed by the Web browser.
(Mosaic Netscape) – successful web
browser that has the same authors, For example:
but different codes. <script type= “text/javascript”>
- Marc Andreessen – He is the co-author of
Mosaic { document.write (“<p> First statement
- Language specification ECMASCRIPT </p>”);
published the first edition of ECMA-
document.write (“<p> Second statement
262 standard on june 1997.
</p>”);
- ECMASCRIPT 2 – June 1998
- ECMASCRIPT 3 – December 1999 document.write (“<p> Third statement
ECMASCRIPT 4 – 2000 (never </p>”); }
completed) </script>
- ECMASCRIPT 3.1 – 2007
- 2005, AJAX – set of technologies Blocks or Compound Statements
using which data can be loaded in - Is a series of statement placed within
background keading to more dynamic the curly brackets { and } and is
web sites. executed together by Web browsers.
- PROTOTYPE
- DOJO For example:
- JQUERY <script type= “text/javascript”>
- July 2008, Oslo
{ document.write (“<p> First statement
- ECMASCRIPT 5 – December 2009
</p>”);
- ECMASCRIPT 5.1
- ECMASCRIPT 2015 document.write (“<p> Second statement
- ECMASCRIPT 2016 </p>”);
- ECMASCRIPT 2017
document.write (“<p> Third statemenr
- Created by Brendan Eich in 1995 for
</p>”);
Netscape.
- MAY-Mocha and later LiveScript- }
SEPTEMBER. Variables
- DECEMBER-name was changed to
JavaScript. -JavaScript variables are containers for
- In 1996-1997 JavaScript 1.1 was storing data values.
submitted to ECMA as a proposal. -In this example, x, y, and z, are variables.
TC39 was assigned to standardize the
Example
syntax and semantics of the
language. var x = 5;
- TC39 released ECMA-262 known as
var y = 6;
ECMAScript 2017.
- ECMAScript is basis for all the var z = x + y;
JavaScript implementations. All JavaScript variables must be identified
STRUCTURE with unique names.
Example:
<script type=“type/javascript”>
{
var txt=“lorem ipsum”;
document.write(txt . toUpperCase( ) );
}
</script>
Where:
Object =txt
Object string = “lorem ipsum”
Method = document.write
Syntax = txt . toUpperCase
<script type=“type/javascript”>
{
var text=“lorem ipsum”;
document.write(txt.tolowerCase( ) );
}
</script>
Where:
Object =txt
Object string = “lorem ipsum”
Method = document.write
Syntax = txt . tolowerCase
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript is Case Sensitive</h2>
<p>Try change lastName to lastname.</p>
<p id="demo"></p>
<script>
var lastname, lastName;
lastName = "Doe";
lastname = "Peterson";
document.getElementById("demo").innerH
TML = lastName;
</script>
</body>
</html>