JavaScript

JavaScript is one of the most powerful programming languages in common use. However, even those proficient in JavaScript often do not realize its power. For example, did you know that JavaScript...

• Is fully Object Oriented?
• Is weakly typed, allowing greater flexibility in programming through type inference?
• Has advanced language features such as anonymous methods?

(Don't worry if you do not understand this.)

Description

JavaScript is part of the requirement for web-technology learning. It is specifically useful for web design. JavaScript is a dialect of ECMAscript which is based on root computing languages such as C. Studying the related languages will give you the student advanced standing in JavaScript. However, some conventions are/were unique to JavaScript.

Duration:

• Basic JavaScript is usually introduced alongside HTML and CSS (or Flash, SVG, etc.). It is only comprised of six to ten hours in introductions and use.
• Intermediate JavaScript is usually introduced alongside languages like PHP, XML, Ruby, Python, and C++. It can comprise ten to twenty hours of development and use.
• Advanced JavaScript is about use in any possible applied context. Learning in this area is progressive. The competent use of some advanced concepts requires 100 to 200 hours.
• From a computer science perspective, JavaScript is a language standard which a graduate programmer should be able to employ/deploy as an application. Building a minimal JavaScript engine should require no more than two weeks work in a language such as C++. However, developing a good application may require a bigger collaboration. (Consult the standards for this task).
• JavaScript can be wrapped in other languages for the deployment of applications to several technologies.
• JavaScript can be used to design games, databases, or servers.
• ActionScript utilizes ECMAScript for timeline technology as used in animation.
• JavaScript is not just a trivial project/design language. It can be used for enterprise and industry wide projects and collaborations. A JavaScript expert could be required to undertake all/any level(s) of enterprise related training to handle the use of JavaScript for their professional employment.

• Basic JavaScript is as incredibly simple as basic Math, HTML, Boolean Algebra, or BASIC. It doesn't require maturity or youth beyond a basic education. It's best to stay online for the duration of study - the available online educational resources are vast.

Prerequisites

You should at least know HTML before learning JavaScript. Some knowledge of CSS may be useful. Don't worry if you have no knowledge of web page scripting; Basic JavaScript is a great place to start.

Lessons

• Introduction
  • Not Java
  • First Program
  • Placing the Code
• Basic JavaScript
  • Lexical Structure
  • Variables and Types
  • Operators
  • Arrays
  • Dates
  • Numbers
  • Numbers 2 @Wikia
  • Strings
• Test Basic JavaScript
• Intermediate JavaScript
  • Control Structures

• • Functions and Objects
  • JavaScript Objects
  • Event Handling
  • Regular Expressions
• Advanced_JavaScript
  • Object Oriented Programming
  • Constructors and Prototypes
  • Access Control
  • Inheritance
  • Anonymous Functions
  • Optimization
  • Bookmarklets
  • Debugging
  • DHTML
  • Runtime Document Manipulation
  • Introduction to the Document Object Model (DOM)
  • Finding Elements
  • Adding Elements
  • Changing Elements
  • Changing Element Styles
  • Removing Elements
  • Working with the Mouse
  • Working With Files
  • XMLHttpRequest
  • Handling HTML
  • Handling_JSON
  • Handling XML
  • JScript in Microsoft
  • Best Practices
  • History of JavaScript

• Into the Web design courses:
  • Web Design/An Introduction to Programming with JavaScript
  • Web Design/Getting to know JavaScript events
  • Web Design/Getting to know the Document Object Model with JavaScript
  • Web Design/JavaScript Challenges
• Authoring Webpages
• Web Development

• CodeCook JavaScript

Resources

• Debugging Challenges

Search for JavaScript on Wikipedia.

Wikibooks has a book on the topic of JavaScript.

Online tutors

• stackoverflow.com
• www.webdeveloper.com/

Online learning sites

• LearnStreet - Free online JavaScript tutorials & practice exercises
• w3schools
• codecademy
• KhanAcademy
• Mozilla Developer Network

Online content instructor

• http://www.youtube.com/user/thenewboston
• http://www.youtube.com/user/GoogleDevelopers
• http://www.youtube.com/user/webtunings
• http://www.youtube.com/user

...please add

Online Code Environment

• writecodeonline.com - javascript

Tasks

• Integrate Wikibooks materials.
• Create relevant courses.

See also

• Portal:Education and Technology
• standard for a programmatic language
• JavaScript Interpreter
• IDE
• Aptana Studio
• Visual Studio
• Libraries
• JavaScript_library
• jQuery
• Web application framework
• Comparison of JavaScript frameworks
• XMLHttpRequest
• Client-side_scripting
• Greasemonkey
• Userscript.org
• Develop google Maps
• Geocode Google Maps
• manipulating_svg_with_dom_ecmascript
• SVG_serialize.html
• JavaScript Guide Core_JavaScript_1.5_Guide
• MSDN Microsoft error handling examples
• JavaScript Developer Mozilla.org

References

Introduction to web design

HTML: What is HTML, Advanced HTML Tutorial, HTML Challenges, Lists and Tables, The Structure of HTML, Pen and Paper HTML activities
CSS: Learning Basic HTML and CSS, CSS challenges, Embedded CSS, Basic HTML and CSS Tutorial, Inline CSS, Develop cascading style sheets, CSS3 Animations
PHP: Simple functions in PHP, Dynamic websites, PHP challenges, Dynamic websites with PHP, Generating a receipt with PHP, Responding to HTML forms with PHP,
JavaScript: An Introduction to Programming with JavaScript, JavaScript Challenges, Getting to know JavaScript events, Getting to know the Document Object Model with JavaScript, JavaScript pen-n-paper activities, Web Programming Intro, Produce basic client side script for dynamic web pages
XML: XML challenges
Databases: Creating Database Tables
Projects: A small website project, A step-by-step web design project, Build a basic web page, Build a small website
Challenges: Web design, HTML, AJAX, CSS, JavaScript, PHP, XML, Information Architecture, Algorithms
Activities: Web design group learning activities, Pen and Paper HTML activities, A Web Design Quiz show, Ordering Tasks for a Web Project, Paired Bio Pages, Scoping a Small Project, Emerging Technologies Research Activities
Project management: An introduction to Project Management, Developing a Client Project
Design: Accessibility, Design Principles for Web Design, Design Suggestions
Testing: Testing Website performance, Website Performance Test Plan
Publishing: Getting Your Site On the Web
Certification and standards: Cert IV Website Qualifications in Australia, Australian Qualifications, Web design qualifications
Professional development: Contribute to personal skill development and learning, Useful Applications, Useful Books, Emerging Technologies, Using the Internet as a Learning Tool
Course meta-information: Web Design, About the web design learning project, New Structure, Sample Timetable