This course is for those who has good experience hand-coding HTML and understand CSS selectors and want to learn front-end development. Some knowledge of JavaScript would be a distinct advantage as this is a programming course.
Javascript
JavaScript is the premier client-side scripting language used today on the web. It‘s widely used in tasks ranging from the validation of form data to the creation of complex user interfaces. Yet the language has capabilities that many of its users have yet to discover. JavaScript can be used to manipulate the very markup in the documents in which it is contained. As more developers discover its true power, JavaScript is becoming a first class client-side Web technology, ranking alongside (X)HTML, CSS, and XML. As such, it will be a language that any Web designer would be remiss not to master. This chapter serves as a brief introduction to the language and how it is included in Web pages.
Course Outline
- Learn how JavaScript is used.
- Learn JavaScript syntax.
- Learn about objects, methods, and properties.
- Learn to work with JavaScript variables.
- Learn to create your own functions in JavaScript.
- Learn to write flow control logic in JavaScript.
- Learn to validate forms with JavaScript.
- Review JavaScript functions and the DOM.
- Introduce / Review XmlHttpRequest and JSON.
- Learn to use advanced techniques, such as anonymous function.
- Learn to use regular expressions for advanced form validation.
Jquery
jQuery is a multi-browser JavaScript library designed to simplify the client-side scripting of HTML. jQuery is the most popular JavaScript library in use today. jQuery’s syntax is designed to make it easier to navigate a document, select DOM elements, create animations, handle events, and develop Ajax applications. jQuery also provides capabilities for developers to create plug-ins on top of the JavaScript library. This enables developers to create abstractions for low-level interaction and animation, advanced effects and high-level, theme-able widgets. The modular approach to the jQuery library allows the creation of powerful dynamic web pages and web applications.
Course Outline
- jQuery basics and functions
- Using selectors with jQuery
- Manipulating page elements with jQuery
- jQuery event model
- jQuery and Ajax
- jQuery animation and advanced effects
- jQuery plugins
AJAX
This class will introduce you to the suite of technologies that are used to create an Ajax web application. This is not, however, simply a catalog of Ajax libraries and tools: all topics covered are grounded in “Real World” usage. Learning in this class is designed to go above and beyond the “what” and “how” of Ajax. After completing this course, you will be well versed in the critical answers to “why” and “when”, as they relate to the technical foundations of building dynamic web applications.
The material covers Ajax foundations including HTTP, asynchronous communication, advanced JavaScript, the DOM API, events, and JSON, as well as higher level topics in debugging, security, and frameworks (jQuery).
Course Outline
- Create asynchronous requests through the use of the XMLHttpRequest object
- Learn best practices in “cross browser” coding
- Solve problems quickly through the use of error consoles, HTTP inspectors, and JavaScript debuggers
- Develop proficiency with the DOM API in building dynamic GUIs
- Become familiar with jQuery and its use in efficiently building Ajax applications
