DHTML stands for dynamic hypertext markup language. It is comprised of three different languages: HTML, CSS and JavaScript. HTML structures the web page based on XML(Extensible Markup Language) standards while CSS styles it. JavaScript adds interactivity to the webpage. XHTML, also known as Extensible Hypertext Markup Language, was designed to strictly follow Extensible Markup Language (XML), a language that a lot of other applications use. This was done in hopes of XHTML being able to be used in other applications that supported XML. However, most developers support HTML because of its ability to modify a web page's structure, style and behaviors.
HTML 4.01 transitional is a replacement for HTML 4.0 which, as mentioned above, did not function properly. HTML 4.01 transitional supported XML and some features that HTML5 could create such as inline styling. HTML 4.01 transitional was meant to bridge the gap between older document types and HTML5 by supporting non-XML tags. Currently, HTML5 is the much preferred and supported document type. Not only does HTML5 support CSS and JavaScript, but old syntax standards as well such as XML.
The XHTML standard was created before HTML5 and was created with hopes that the language would be able to be used with other applications that used Extensible Markup Language (XML). However, programmers found the XHTML language's syntax to be inflexible and difficult to use which is why they embraced HTML5 instead. HTML5's language was much easier to use and became the standard language for the web.
The p tag indicates to the browser that the text is meant to be displayed as a paragraph. The strong tag makes the text bolded on the web page. The table tag formats the text as a table in the web browser and the td stands for table data that goes into the table. Tr stands for table row and formats all data to go into a table row. Div divides data so that programmers are able to link and manipulate the data to display a certain way in the browser. A span groups inline elements.The body tag indicates to the browser that the text is in the body of the web page. The title tag contains metadata for the web page and the title that displays in the tab bar. HTML is a doctype tag that shows the document is written using HTML and XML standards. The ul means unordered list which will display bullet points for listing information instead of numbers. Numbers are displayed when using the ol tag (ordered list). Li means list item, it displays the information that will appear in a list.
Uniform Resource Locator - It is a unique address for a web document.
W3C stands for World Wide Web Consortium and they oversee the development of web technology standards.
A 3 Tier Client/Server system is comprised of three parts: the client tier, the processing tier and the data storage tier. The client tier uses the web to interface with the processing tier which exchanges information between the client and data tiers.
ECMAScript is a standardized version of JavaScript. It was created because both of the Microsoft and Netscape browsers had their own versions of JavaScript. Their versions of JavaScript varied so much that programmers had to write almost entirely different JavaScript programs for each browser.
//
/* */
It is a name assigned to a variable.
An event handler is a piece of code that responds to a specific event. An example of this is onclick which executes a piece of code when the user clicks on an image or hyperlink.
A named function is created by assigning a name to a function and setting its parameters and/or organizing statements in which it will execute. An anonymous function is an unnamed function. Instead of assigning a name to a function, programmers are able to add the entire function definition within a statement and get the same result as when the function is defined.
An anonymous functions is used for functions one only wants to use once. Anonymous functions are not named so there is no way to reference them to reuse the function.
You can inspect the document and bring up the browser console window which displays the errors.
The primitive or primary data types are ones that can only be assigned a single value. These data types include boolen, number and string. A composite data type is a data type that is composed of different values. An example of this is an array. An array stores multiple values in one variable. A string might also be considered a composite data type because a string can hold multiple characters within it. Lastly, special JavaScript data types are the undefined and null data types. These data types are considered special because they have unique meanings to them. Undefined can only ever have the value undefined and null can only have the value of null.
A comparison operator is an operator that compares two operands to determine if one operand's value is greater than the other. Comparison operators only return values of true or false. For example, the equal operator (==) returns a value of true if both operands are equal. If they are not equal, it will return false.
Programs use operator precedence to solve arithmatic equations like 5 + 2 * 8. According to the rules of operator precedence, the eight would multiply the two first because multiplication is higher in the operator precedence than addition. After multiplying two to eight and getting sixteen, the program would then add five to sixteen getting a total of twenty-one.
In jQuery one would use the CSS selector symbol # to select elements by their IDs. You can select more than one ID element at a time by using commas to separate each ID in the list.
$("#photognum, #photoghrs, #distance").change(calcStaff);
If you look at the following example, the elements with ID's photognum, photoghrs and distance are selected and attached to a method called change. When there is a change to one of the IDs the method will call the function calcStaff.
You would instead change the innerHTML by using the getElementById.
By using [].
You would use the .length property.
You can go to the browser console window by clicking inspect and type out the variable name of the array and the number the value is under. Analyze the following array: var example = ["abcs", "123s", "colors"];. To find the value of the array element two in the following example you would search example[1] in the browser console and it would return 123s.
An array object lets you store multiple values in a single variable.
When you use a loop statement, the statement repeatedly executes a statement as long as the value returned is a truthy value. Once the statement returns a falsy value the loop stops executing. Statements control the flow of the loop in different ways. For example, the while statement will repeat a loop as long as the expression under it equates to a truthy value. The do/while statement executes a loop once, then repeats the execution as long as it is a truthy value. The for statement works almost exactly like the while statement, but you can include a counter which changes with each iteration.
A while statement repeats a loop as long as the expression under while evaluates to a truthy value. A do/while statement executes a loop once and then repeats the expression as long as it evaluates to a truthy value. The biggest difference between while and do/while statements is that the while statement tests the statement first while the do/while statement loops once before testing the statement.
The for statement includes a counter in its syntax.
The window.alert command can be useful in debugging because depending on where it is placed, it can show whether or not something is working correctly. For example, examine the following function: var a = 1; var b = 2; function calc { return a + b window.alert("test") }; document.write(calc); If the window.alert was inserted inside of this function, no alert would display on the web page because this function is missing ().
The console is an object that allows developers to access the browser's debugging console. The console.log() method is used to output a message to the console.
Chrome, Firefox and Dreamweaver all have ways to test RWD designs. Chrome has a way to test RWD designs when users inspect the web page. The option to test RWD designs in Chrome is located on the left hand side of the inspect element panel and is entitled, "toggle device toolbar". Firefox has a similar option located on the right side of the inspect element and is entitled, "Responsive Design Mode". Both "toggle device toolbar" and "Responsive Design Mode" allows users to resize their screens to see if their pages are responsive. Dreamweaver also has a way to test RWD designs located on the right hand side. The right hand side contains a QR code that one could plug into their smart phone to view and test the web page on their smart phone. In addition to this, users can also use scrubber within dreamweaver to resize the page.
Spider Monkey, Nashorn and Chrome's V8 are all JavaScript Engines. Spider Monkey is used in Mozilla while V8 is used in Google Chrome. Spider Monkey is based on the first JavaScript Engine created by Brendan Eich for Netscape. Chrome's V8 was the first modern JavaScript Engine created and executes JavaScript using just-in-time compilation (JIT compilation). Nashorn was developed by Oracle using the Java programming language. Since its release in 2012, Nashorn has been a good open source tool for embedding JavaScript in Java applications, however with the release of Java 11, Nashorn has depreciated.
API stands for application programming interface and it represents the computing interface that computers use to talk to each other. Server applications lay down rules that dictate what can be accessed by different computer systems.
Java APIs are very consistant and are based on the same standards. JavaScript APIs can be hard to navigate and very from one JavaScript API to the other. Many developers add JavaScript libraries to their APIs which can cause even more inconsistancy.
The document object defines the webpage body. Two methods of the document object are write() and writeln(). These two methods write HTML or JavaScript code to the document. The writeln() method preforms the same actions as the write() method except it adds a newline character after each statement. Two properties of the document object are forms and images. The forms document object property returns a collection of all form elements in the document whereas the images object property returns all image elements in the document.
The action attribute specifies where to send the form-data when a form is submitted. The method attribute specifies how to send form-data. For example, if one wanted to send the form data as a URL, they would chose the get method. If they wanted the information sent as an HTTP post transaction, they would chose the post method.
Seven types of attributes for the tag input are list, required, size, maxlength, placeholder, min and max attributes. The list attribute refers to a datalist element that contains pre-defined options for an input element. The required attribute specifies that an input field must be filled out before submitting the form. The maxlength attribute specifies the maximum number of characters allowed in an input field. The size attribute specifies the visible width in characters of an input field. The placeholder attribute places text in an input field that instructs the user what type of value to add to that field. Lastly, the min and max attributes specify the minimum and maximum values for an input field.
The required attribute forces users to submit a value in the input box before the form will process their request. Placeholder is an attribute that displays text when their is no other value placed in the input. Value sets or returns the value of the control. Name sets or returns the value assigned to the element's name attribute. The id attribute is used to specify a unique id for an HTML element.
The textarea and select tags are two tags besides the input tag that collects user input.
It is very likely that we will have IE7 for a very long time since it was the last form of IE in which microsoft gave developers information on how to integrate it into different applications.
The string split method is being used. The split() method splits a string into an array of substrings, and returns a new array. It is splitting the url code by its name values. Mickey is under name, Minnie is under first and Mouse is under last.
Yes, regular expressions are highly supported by programming languages.
I like the list this website provides for meta-characters. I was not sure what {2,} meant in the question below and I tried looking the answer up on other websites and did not receive much useful information. The website also has a very useful list of scripts with regular expressions that can help do things like validate data, validate numbers, parse data and modify data. For example, the following example checks to see if something is a currency.
function isCurrency1(str) {
/* Verify formatted currency optional $, no leading zero
* reguire comma separator, 2 digit decimal if any
* ignore leading and trailing spaces
* Return boolean
*/
str = str.replace(/^\s+|\s+$/g, '');
return /^\$?[1-9][0-9]{0,2}(,[0-9]{3})*(\.[0-9]{2})?$/.test(str);
}//eof - isCurrency1
This function seems really short thanks to the regular expression in which it is attached.
This is the layout for a social security number, except it allows the numbers to be together and it can include any number. \d{3} means any three digits and [ -] means either space or -. \d{3} and \d{4} mean and three and any four digits respectively.
This is another layout for a social security number. There would be three digits in the beginning then two digits in the middle and four digits at the end. These groups of numbers can be dashed like a social security number however, users are given the option not to include the dash and just use a space. The ?! means that the result cannot have the value listed so at the end it is impossible to have four zeros in a row. \d {4} means any four digits can be used (except four zeros as specified in the expression before \d).
This is the RegEx for email. The email format listed specifies at least two lower case letters([a-z]{2,}) and zero or more digits followed by an @ symbol. The user can choose either saddleback or ivc and the email must end in .edu.
Note on JavaScript regular expressions you can use the REGEXP object or delimit the string with forward slashes. PS regular expression are declarative programming,standard JavaScript is a procedural and object oriented programming language.
The onclick event triggers a function when something is clicked. Onsubmit is similar to onclick except that it is triggered when someone clicks submit. Onsubmit sends data when triggered. Onfocus is triggered when a user activates or focuses a particular area. For example, if a user tabs to an input field then that user is focused on that field and it would trigger whatever function is associated with onfocus. Onmouseover is an event that triggers when a user puts their mouse over an element that is the target of the onmouseover.
The HTML event onmouseover is taking place. When the mouse goes over the text, it triggers an alert box stating rollover.
You will never get an automatic A using the form block because there is no action value that can be used to transfer the data.
The form types are number, month and email. Chrome does do automatic pattern checking.
The dollar sign is an alias for jQuery. The $ symbol is often used to save time, however it can conflict with other libraries that use the $ sign for something else.
Three jQuery methods for traversing the DOM are the children(), each() and first() methods. The children() method selects the child elements of each element matched by the main selector. The each() method selects each element and the first() method only selects the first element out of a group of selected elements.
Six jQuery DOM manipulation methods are the append(), prepend() before(), after(), remove() and replace() methods. The append() method allows users to make changes to the DOM by appending a new node after the current node. The prepend() method does the exact same thing as the append() method, except it it creates a new node before the current node. The before/after() methods allow users to insert content after and before selected elements, essentially creating or changing siblings.The remove() and replace() methods are self descriptive. The remove() method removes an element and the replace() method replaces an element.
Two jQuery animation methods are fadeIn() and fadeOut(). FadeIn() displays hidden elements by changing their display values to the default and then changing their opacity from 0 to 100. FadeOut() hides elements by changing their opacity from 100 to 0 and then changing their display values to none.
jQuery 1.12.4 is supported by user interface and it supports IE 6, 7 and 8.
The method addClass() adds a class to an item within the HTML document. This would allow users to style a new class and potentially make some pretty big changes on the appearance of their webpage. The show() method is essentially the same as the display: block command in CSS. All these methods tie in with CSS, but addClass is the only method that creates major changes to the appearance of the page. The show() and display: block methods only make something visually appear on the screen, but does not significantly style it.