Sunday 1 June 2014

Support the jQuery Foundation

The jQuery Foundation is fully supported by generous donations of time and money. You and your company can help:
  • Donate to jQuery today. You can send a small or large amount via PayPal or by check. Every bit makes a difference.
  • Join the jQuery Foundation. Individual members receive an annual membership gift such as a t-shirt, hoodie, or bag, depending on their membership level. Corporate members receive discounts on conference sponsorships and recognition at our many world-wide events. All members are recognized on our members page, jquery.org/members.
  • Contribute time or services. Like any organization, we constantly need people to write code, maintain servers, write documentation, and many other tasks. If you or your company would like to donate time or services, please contact us.
  • Apply for a jQuery credit card. For every person who receives a jQuery credit card, the jQuery Foundation gets $50. The card has no annual fee and gives you reward points for purchases.

The jQuery Foundation Mission

The jQuery Foundation is a member supported non-profit trade association for web developers. We:
For more information, see our mission & vision statement.

About jQuery

Bringing together HTML5 and CSS, the jQuery JavaScript library greatly eases the pains of Web application development. Learn how using jQuery can improve load time, SEO and multimedia on your website. And did we mention it's free? 

CIO — The uber-popular JavaScript library known as jQuery makes everything from eye-catching menus to advanced effects much simpler than ever before. It's being used by some of the biggest and smallest names on the Web alike—Google, Dell, Netflix and NBC, to name a few, use jQuery to create some pretty amazing content. Why, you may ask? Well, it's free, it's open source and it lets developers do more in less time. Those seem like some pretty compelling reasons. But wait. There's more.
Based on the manipulation of the HTML Document Object Model (DOM) and designed to simplify the client-side scripting of HTML, jQuery incorporates parts of HTML and CSS. Thousands of companies are on the jQuery bandwagon—and your company should be, too.
Let's look at why jQuery is making such an impact on the enterprise level.

1. jQuery Promotes Simplicity.

Developers find jQuery intuitive and easy to learn—this library is built on shorter, simpler code, after all. With simple syntax and open coding standards, developers can shorten the time it takes to deploy an application or site.
In addition, developers don't have to be experts in programming or Web design to create great styles for your site. Any developer who has spent hours coding and testing CSS files will surely appreciate the simple implementation that jQuery brings to the table. There's also a set of robust jQuery UI components that developers can plug into their websites.

2. jQuery Elements Display Even When JavaScript is Disabled.

If Adobe Flash isn't installed on any given browser, certain parts of the page may render incorrectly, if they render at all. This is not only unpleasant for the user; it forces developers to spend extra time "coding" for the browsers that lack the Flash plug-in, which adds to development time.
Analysis: Adobe Flash vs. HTML5
Not so with jQuery. Manipulating the HTML DOM has become the most widely accepted practice of manipulating a Web page so content will be rendered even if JavaScript is disabled in the browser. Since the HTML DOM is always present, there's no more worrying about browser settings either.
Furthermore, developing using jQuery can reduce instances of HelpDesk tickets. Your helpdesk will appreciate that your developers are coding proactively to avoid dreaded "browser crashes."

3. jQuery Easily Integrates With the Visual Studio IDE.

NuGet is a Visual Studio extension that makes it easy to add, remove and update libraries and tools in Visual Studio projects that use the .NET Framework. NuGet has been around for years, and it's a trusted source for developers to exchange and develop packages for Microsoft Visual Studio.

 

About JavaScript

What is JavaScript?

JavaScript® is the Netscape-developed object scripting language used in millions of web pages and server applications worldwide. Netscape's JavaScript is a superset of the ECMA-262 Edition 3 (ECMAScript) standard scripting language, with only mild differences from the published standard.
Contrary to popular misconception, JavaScript is not "Interpretive Java". In a nutshell, JavaScript is a dynamic scripting language supporting prototype based object construction. The basic syntax is intentionally similar to both Java and C++ to reduce the number of new concepts required to learn the language. Language constructs, such as if statements, for and while loops, and switch and try ... catch blocks function the same as in these languages (or nearly so.)
JavaScript can function as both a procedural and an object oriented language. Objects are created programmatically in JavaScript, by attaching methods and properties to otherwise empty objects at run time, as opposed to the syntactic class definitions common in compiled languages like C++ and Java. Once an object has been constructed it can be used as a blueprint (or prototype) for creating similar objects.
JavaScript's dynamic capabilities include runtime object construction, variable parameter lists, function variables, dynamic script creation (via eval), object introspection (via for ... in), and source code recovery (JavaScript programs can decompile function bodies back into their source text)
Intrinsic objects are Number, String, Boolean, Date, RegExp, and Math.
For a more in depth discussion of JavaScript programming follow the JavaScript resources links below.

What JavaScript implementations are available?

mozilla.org hosts two JavaScript implementations. The first ever JavaScript was created by Brendan Eich at Netscape, and has since been updated (in JavaScript 1.5) to conform to ECMA-262 Edition 5. This engine, code named SpiderMonkey, is implemented in C. The Rhino engine, created primarily by Norris Boyd (also at Netscape) is a JavaScript implementation in Java. Like SpiderMonkey, Rhino is ECMA-262 Edition 3 compliant.
Several optimizations such as TraceMonkey (Firefox 3.5), JägerMonkey (Firefox 4) and IonMonkey were added to the SpiderMonkey JavaScript engine from time to time.
Besides the above implementations, there are other popular JavaScript engines such as:-
  • Google's V8, which is used in the Google Chrome browser.
  • The JavaScriptCore (SquirrelFish/Nitro) used in some WebKit browsers such as Apple Safari.
  • Carakan in Opera.
The Chakra engine used in Internet Explorer is technically a JScript engine, rather than a JavaScript engine.
Each mozilla.org JavaScript engine exposes a public API applications can call on for JavaScript support. By far, the most common host environment for JavaScript is web browsers. Web browsers typically use the public API to create 'host objects' responsible for reflecting the DOM into JavaScript.
Another common application for JavaScript is as a (web) server side scripting language. A JavaScript web server would expose host objects representing a HTTP request and response objects, which could then be manipulated by a JavaScript program to dynamically generate web pages.
For more information on embedding JavaScript in your own applications, follow either the SpiderMonkey or Rhino links below, or visit us on the netscape.public.mozilla.jseng newsgroup.

JavaScript resources

SpiderMonkey
Information specific to JavaScript in C engine (aka SpiderMonkey) embedding.
Rhino
Information specific to the JavaScript implementation written in Java (aka Rhino).
Language resources
Pointers to published JavaScript standards, LiveConnect documents, and work on JavaScript 2.0.
Tamarin Project
Information on the the high-performance, open-source virtual machine for JavaScript 2.0.
A re-introduction to JavaScript
JavaScript Guide and JavaScript Reference
Scripting resources
Pointers to JavaScript scripting resources, including recommended reading, online references and tutorials, and sample code.
Projects page
Lists other projects using the open source JavaScript engines.
Test library page
Information about JavaScript test suite.
mozilla.dev.tech.js-engine
The newsgroup for discussion about the JavaScript engines.
comp.lang.javascript
The newsgroup for general discussion about ECMAScript, mostly (though not necessarily) as it pertains to browsers.
JavaScript is a trademark or registered trademark of Oracle in the U.S. and other countries.

Introduction to CSS

A CSS (cascading style sheet) file allows you to separate your web sites (X)HTML content from it’s style. As always you use your (X)HTML file to arrange the content, but all of the presentation (fonts, colors, background, borders, text formatting, link effects & so on…) are accomplished within a CSS.
At this point you have some choices of how to use the CSS, either internally or externally.

Internal Stylesheet

First we will explore the internal method. This way you are simply placing the CSS code within the <head></head> tags of each (X)HTML file you want to style with the CSS. The format for this is shown in the example below.
<head>
<title><title>
<style type=”text/css”>
CSS Content Goes Here
</style>
</head>
<body>
With this method each (X)HTML file contains the CSS code needed to style the page. Meaning that any changes you want to make to one page, will have to be made to all. This method can be good if you need to style only one page, or if you want different pages to have varying styles.

External Stylesheet

Next we will explore the external method. An external CSS file can be created with any text or HTML editor such as “Notepad” or “Dreamweaver”. A CSS file contains no (X)HTML, only CSS. You simply save it with the .css file extension. You can link to the file externally by placing one of the following links in the head section of every (X)HTML file you want to style with the CSS file.
<link rel=”stylesheet” type=”text/css” href=“Path To stylesheet.css” />
Or you can also use the @import method as shown below
<style type=”text/css”>@import url(Path To stylesheet.css)</style>
Either of these methods are achieved by placing one or the other in the head section as shown in example below.
<head>
<title><title>
<link rel=”stylesheet” type=”text/css”href=”style.css” />
</head>
<body>
or
<head>
<title><title>
<style type=”text/css”> @import url(Path To stylesheet.css) </style>
</head>
<body>
By using an external style sheet, all of your (X)HTML files link to one CSS file in order to style the pages. This means, that if you need to alter the design of all your pages, you only need to edit one .css file to make global changes to your entire website.
Here are a few reasons this is better.
  • Easier Maintenance
  • Reduced File Size
  • Reduced Bandwidth
  • Improved Flexibility
Are you getting the idea? It’s really cool.

Cascading Order

In the previous paragraphs, I have explained how to link to a css file either internally or externally. If you understood, than I am doing a good job. If not don’t fret, there is a long way to go before we are finished. Assuming you have caught on already, you are probably asking, well can I do both? The answer is yes. You can have both internal, external, and now wait a minute a third way? Yes inline styles also.

Inline Styles

I have not mentioned them until now because in a way they defeat the purpose of using CSS in the first place. Inline styles are defined right in the (X)HTML file along side the element you want to style. See example below.
<p style=”color: #ff0000;”>Some red text</p>
Some red text
Inline styles will NOT allow the user to change styles of elements or text formatted this way

So, which is better?

So with all these various ways of inserting CSS into your (X)HTML files, you may now be asking well which is better, and if I use more than one method, in what order do these different ways load into my browser?
All the various methods will cascade into a new “pseudo” stylesheet in the following order:
  1. Inline Style (inside (X)HTML element)
  2. Internal Style Sheet (inside the <head> tag)
  3. External Style Sheet
As far as which way is better, it depends on what you want to do. If you have only one file to style then placing it within the <head></head> tags (internal) will work fine. Though if you are planning on styling multiple files then the external file method is the way to go.
Choosing between the <link related=> & the @import methods are completely up to you. I will mention that the @import method may take a second longer to read the CSS file in Internet Explorer than the <link related=> option. To combat this see Flash of unstyled content

Users with Disabilities

The use of external style sheets also can benefit users that suffer from disabilities. For instance, a user can turn off your stylesheet or substitute one of there own to increase text size, change colors and so on. For more information on making your website accessible to all users please read Dive into accessibility

Power Users

Swapping stylesheets is beneficial not only for users with disabilities, but also power users who are particular about how they read Web documents.

Browser Issues

You will discover as you delve farther into the world of CSS that all browsers are not created equally, to say the least. CSS can and will render differently in various browsers causing numerous headaches.

About HTML

HTML, which stands for HyperText Markup Language, is a markup language used to create web pages. The web developer uses "HTML tags" to format different parts of the document. For example, you use HTML tags to specify headings, paragraphs, lists, tables, images and much more.
HTML is a subset of Standard Generalized Markup Language (SGML) and is specified by the World Wide Web Consortium (W3C).

What do I need to create HTML?

You don't need any special equipment or software to create HTML. In fact, you probably already have everything you need. Here is what you need:
  • Computer
  • Text or HTML editor. Most computers already have a text editor and you can easily create HTML files using a text editor. Having said that, there are definite benefits to be gained in downloading an HTML editor. Although text editors are an option, I don't know any serious web developer who actually uses one to code their websites! CoffeeCup is one of the most popular HTML editors on the web.
    If you don't have the cash to purchase an editor, you can always download a free one. Examples include SeaMonkey, CoffeeCup free version (Windows) and TextPad (Windows).
    If you don't have an HTML editor, and you don't want to download one just now, a text editor is fine. Most computers already have a text editor. Examples of text editors include Notepad (for Windows), Pico (for Linux), or Simpletext/Text Edit/Text Wrangler (Mac).
  • Web Browser. For example, Internet Explorer, Firefox, or Google Chrome.

Do I need to be online?

No, you do not need to be online to create web pages. You can create web pages on your local machine. You only need to go online when you want to publish your web page to the web - this bit comes later.
The next lesson will show you how to create a web page in less than 5 minutes.

Webstudy & Technical Information

Students access our web-based learning management system, WebStudy, using the unique username and password provided by the university at the start of a program. We encourage you to bookmark the link on your computer.

WebStudy Tutorial Videos and Aids:

Technical / Computer Information:

PowerPoint How-Tos:

For beginners, start at this website: wikiHow.
For additional tips (authored by Dr. Elysa Roberts):
For everyone: Read This: Important StepsPowerPoint Presentation Essentials to do after you’ve completed your PPT (before presenting or submitting to WebStudy, If there are videos or photos embedded!)

Online Learning Tips:

  • Log-in frequently. Students are responsible for participating in course activities, including required Forums (threaded discussions),and should log-in to the system multiple times per week (or as required by your courses). For clarification on individual course requirements, contact the faculty.
  • Change your password. To ensure confidentiality of your grades, change your password upon logging into the system. To do so, hover over the Personal tab and click “About”. Change your password in the two password fields, then, to save your changes, click “Submit” at the bottom of the page.
  • Read. Make sure to read the instructions for each activity. Follow help-manuals and tips. Note that on the WebStudy homepage there is a Success Tips link. Refer to this link and RMUoHP’s tutorial for assistance.
  • Review assignment feedback from separate files. If you have been informed your faculty has provided assignment feedback in a separate document and you don’t see it under your assignment grade, find that feedback by clicking on the appropriate assignment title on the Timeline tab and then downloading the attached feedback file.
  • Take tests carefully. When taking tests, do NOT close your web browser until you have submitted your test. Also, double-check your responses before submission. It is easy for laptop users to accidentally click on the sensitive touchpad and change the answer inadvertently.
For WebStudy assistance, review the university’s and WebStudy tips and tutorials above.Contact WebStudy directly or contact the university for additional assistance.