JavaScript for Designers

Image for JavaScript for Designers

The JavaScript Course from Gatlin International is Ideal for Full-Time Students and Professionals Alike

See how a Course Works: Intro to Online Learning





Description

Looking for a convenient, affordable JavaScript course?  Look no further!  Our online approach makes learning fun, convenient and affordable.

JavaScript is the foundation of user-friendly, interactivity interfaces on the Web. JavaScript improves user interfaces, enhances usability, and makes Web pages more fun and interesting.

In our six-lesson JavaScript course, students learn the basics of JavaScript programming as well a number of techniques employed by visually oriented designers.

You'll learn the essentials of JavaScript along with designer-friendly jQuery techniques that make writing JavaScript easier and a lot more fun.

You'll learn the basics of setup and syntax, then build up to exciting and complex dynamic features.

This highly interactive JavaScript course puts you on the fast track to creating more interesting and engaging Web sites.

Take your skills and earning potential to the next level with the JavaScript course from Gatlin International. Enroll today!

Outline

LESSON 1 JavaScript Basics

This course begins with an overview of JavaScript: what it can do for your page designs, how it compares with other technologies, and how to add internal and external JavaScript to a Web page. You will be introduced to the building blocks of JavaScript code including basic statement syntax, commands, variables, and data. With hands-on walkthroughs, you'll learn to gather information from a user and display it on a Web page, and you'll learn a simple method for debugging your scripts. In the first exercise, you'll create a page that collects and displays visitor input.

LESSON 2 Interacting with a Web Page

Lesson Two discusses the core concepts for adding interactivity to a Web site: the document object model and events. You will learn these through use of jQueryÑthe most popular tool for adding complex JavaScript functionality with minimal programming. With hands-on examples, you'll learn to incorporate jQuery in a Web page and use it to create useful visual indicators. You'll also explore the types of user events that make a page interactive and how to hide and show page elements based on user events. Exercise Two has you creating an animated user signup form.

LESSON 3 Adding Logic to Your Programs

With an overview of interactivity in hand, you're ready to delve deeper into program logic, using conditional statements (classic "if" statements and more) to create meaningful page events. You will walk through the process of creating an interactive quiz with JavaScript and learn to create actions with multiple outcomes and change the page display with jQuery. The exercise will test your skill with conditional statements and jQuery to create an interactive "terms and conditions" form and error message.

LESSON 4 Functions and jQuery Effects

Ready to step up your pages with some "wow factor"? This lesson is all about adding complexity and effects to your JavaScript repertoire, starting with a hands-on look at how to write time-saving functions. You'll learn to use functions and some jQuery to create some slick fading, sliding, and hide/show effects. You'll improve the visuals and the usability of a form with these techniques in Exercise Four.


LESSON 5 Navigation and Image Galleries

Lesson Five introduces techniques that are a designers' dream: improving site navigation and creating fancy image galleries. These techniques will bring you deeper into the options afforded by jQuery including making specialized selections, removing selections, and using jQuery plugins like FancyBox, a lightbox image gallery tool. In Exercise Five, you'll create a fully customized lightbox gallery with animated zoom and other features for a top-notch portfolio.

LESSON 6 Introducing Ajax

When JavaScript, the Web browser, and the Web server get together, some real interactive magic (called Ajax) happens. Ajax adds another layer of functionality to your pages, and you'll learn how to incorporate some cool Ajax effects using jQuery. You'll load new content onto a page without the user having to reload and you'll build a page with a live, constantly refreshing Twitter stream. Your final project will combine user input, a jQuery plugin, and Twitter (no account required) to create a customized and super-interactive page.

Additional Info

Languages
English
Course Length
60.00 hours
Duration of Access

Enrolled students have access to the class for six months. During this period, questions or assignments may be submitted at any time to the instructor. Each course lesson requires an average of 10 hours of study time.

Instructor

David McFarland is an author, educator and Web developer located in
Portland, Oregon. He has been designing and developing Web sites since
1995, when he created his first commercial Web site-an online magazine
for communication professionals. He's been the Web master at the
University of California, Berkeley and oversaw a complete CSS-based
redesign of Macworld.com. He's the author of several Web development
books including CSS: The Missing Manual, JavaScript: The Missing Manual
and Dreamweaver: The Missing Manual. Dave has been teaching Web design,
development and programming for over 10 years.

Prerequisites/Audience

Courses are designed for adult learners interested in building skills and portfolio for a design career. To take the course, students simply require a computer (PC or Mac), an Internet connection (56 Kbps modem or faster), and any required software. For courses with software requirements, computers must meet software manufacturers' system requirements.

Requirements/Materials Included

To take this course you'll need basic experience in HTML or basic experience in/access to an HTML editor such as Adobe Dreamweaver, basic experience in/access to a digital imaging program such as Adobe Photoshop, and an account with a Web hosting service (free services are available).

Certification

Sessions College is accredited by the Distance Education and Training Council (DETC). Certificate programs are accredited by the Middle States Commission on Secondary Schools.