Web Development

Spring 2010 Courses

Computer laboratories only have PCs but you are free to bring your own lap top. Examples will be demonstrated on PCs.

Call (773) 907-4440 for more information and to register.

New! Introduction to Web Development more...

This course will introduce the field of web development and provide an overview of the technologies used for client-side scripting, server-side scripting and database development. Web development will be contrasted with web design and the types of careers available to web developers will be discussed. This is an excellent opportunity to meet the web development instructor and ask questions about course offering. No Prerequisites.

Spring One, Jan. 20th, One session, Wednesday evening, Room 3178, 6:30 to 9:30, $29

Spring Two, March 17th, One session, Wednesday evening, Room 3178, 6:30 to 9:30, $29

Dynamic Websites with PHP and MySQL more...

Create a dynamic, data-driven website using PHP and MySQL. We will use the latest PHP programming techniques to produce projects that are progressively more complex throughout the course. Students enrolling in this class must have a background in HTML and CSS. No other programming experience is necessary.

Spring One, Jan 27th to March 10th, Seven Sessions, Wednesday evenings, Room 3178, 6:30 to 9:30, $349

Anyone who is not certain they have the prerequisites for this course should email me, jwalker@ccc.edu, to discuss your situation. Half price discount is available to anyone who has taken the course before.

New! Introduction to JavaScript

A comprehensive introduction to programming in JavaScript. This course provides a foundation for other web technologies such as AJAX and JQuery. JavaScript is widely used on websites to provide interactivity and rapid response to user actions. It is the most widely used client-side scripting language currently used in websites. You will also gain a thorough knowledge of the DOM, the document object model. Prerequisites: Students enrolling in this class must have a background in HTML and CSS. No other programming experience is necessary.

Spring Two, March 24th to May 12th, (No class March 31st, Spring Break) Seven sessions, Wednesday evenings, Room 3178, 6:30 to 9:30, $349

Spring 2010 Workshops

New! CSS Techniques more...

In this hands-on one-day workshop, taught by Ann Darnton, you will start with a basic web page based on semantic XHTML markup and correctly style the page elements--header, footer, content, navigation--using best practices in CSS. In creating a linked CSS style sheet, you will learn several ways to create a 3-column layout without tables, and will address a variety of key CSS concepts: organizing your style sheet; using reset styles; building a fixed, elastic, or liquid layout; positioning elements (floats, relative and absolute positioning); streamlining your code; and integrating some new CSS3 modules. You must have basic knowledge of HTML and CSS to register for this course.

Spring One, January 30th, Room: 3178, 9:00 to 4:00, $195.00

Focus on Forms more...

Web form functionality and design will be the focus of this workshop, where you will use PHP and MySQL to create a secure form with server side validation and to store the information from that form into a database. You will also learn to use proper HTML markup and CSS to design a sophisticated and professional looking form. Participants should have some knowledge of HTML, PHP, MySQL and CSS. A one-hour lunch break is included.

Saturday February 27th, Room 3178 9:00 to 4:00, $195

Six Easy Pieces: Introduction to JQuery more...

Students will be introduced to the popular and powerful JQuery JavaScript framework through the hands-on practice of creating Slideshows, Expander, Tree Table and Treeview, Pull Quotes, Tablesorter, and Tabs. Students will be provided with files to complete working examples of each application. A one-hour break will be provided for lunch on your own. Prerequisites: Students enrolling in this class must have a background in HTML and CSS. No other programming experience is necessary.

Saturday March 27th, Room: 3178, 9:00 to 4:00, $195

AJAX more...

The secret of dynamic Web 2.0 sites is AJAX - Asynchronous JavaScript and XML that combines multiple technologies and allows a web page to communicate with a server without page refresh, enabling a responsive web-based client. In this workshop students will learn to use the XMLHttpRequest and build AJAX enabled pages. A one hour lunch break is included.

Saturday April 24th, Room: 3178, 9:00 to 4:00, $195

Photoshop to CSS more...

Construct a webpage using Adobe Photoshop and CSS. In this seminar, Alexis Steinkamp will assist students in designing a web page layout in Photoshop, including selecting and arranging colors, fonts, graphics and photographs in separate layers. Then Joy Walker will take students through the development of a CSS style sheet that renders the design into XHTML (including sliced images from the original Photoshop file). Participants should have experience using Photoshop and should have experience in HTML.

Spring Two, May 22nd, Room: 3909, 10:00 to 4:00, $89

New! Web Analytics

Based on books by Avinash Kaushik, this seminar will introduce Web Developers and Web Designers to the rapidly growing field of web analytics. We will discuss the pros and cons of data collection methodologies, various types of analysis and analytics tools. You will learn about pay-per-click marketing, search engine optimization, rich media marketing and internal site search. We will discuss the kinds of data that can and should be used to drive changes on a website. You will learn how to create a customer-centric website and how to produce reports for your clients about the analytical data you have gathered. And analytics are not just for business websites - any website that wants to improve the user experience and deliever an effective message to the public can benefit tremendously from an analytics approach.

Summer, June 19th, Room: 3178, 10:00 to 4:00, $195

Useful Links: Information

• The World Wide Web Consortium (W3C) develops interoperable technologies (specifications, guidelines, software, and tools) to lead the Web to its full potential. W3C is a forum for information, commerce, communication, and collective understanding.
• The Official PHP web site is a good place to begin to learn about the history and the current status of this open source web programming language.
• The PHP Manual is online.
• PHP Builder has many tutorials and examples of PHP applications.
• The PHP Resource Index will lead you to thousands of PHP resources on the web.
• EchoEcho.com has many excellent tutorials, references and articles for web developers.
• Webmonkey is a free, public resource for web developers. Builders, designers and programmers like you — the people who know best — write the articles, tutorials, code snippets and other contributions.
• A List Apart is a beautiful website full of information for people who make websites. They have a wonderful conference: An Event Apart.
• The Web Design Group was founded to promote the creation of non-browser specific, non-resolution specific, creative and informative sites that are accessible to all users worldwide. To this end, the WDG offers material on a wide range of HTML related topics. We hope that with this site as a reference, you will be able to create Web sites that can be used by every person on the Internet, regardless of browser, platform, or settings.
• Need to have a certain symbol on your website? Check out web entities.
• The Elements of User Experience Sample Chapter by Jesse James Garrett is an excellent book. His diagram is fascinating.
• Web Accessibility Initiative (WAI): Strategies, guidelines, resources to make the Web accessible to people with disabilities.
• What is AJAX?
• Basic CSS Box Model Demo

Useful Links: Utilities

• W3C Validation Services provide a mechanism for checking your XHTML code for errors. You should also validate the CSS on your pages.
• HTMLIPSUM is a wonderful generator for text fill in a variety of html formats.
• A typechart lets you flip through, preview and compare web typography while retrieving the CSS.
• This littel em calculator is useful when coding CSS.
• Set up Apache, PHP, MySQL on Windows using WampServer.
• Nattyware's Pixie is a utility made especially for webmasters and designers. It is a color picker that tells you the hex, RGB, HTML, CMYK and HSV values of that color.
• FileZilla is a free FTP program for windows.
• Formally called crimson editor, Emerald Editor is a free open-source multi-purpose text editor you can download from sourceforge.
• ConTEXT is also a free text editor for the PC.
• Xenu's Link Sleuth helps you find broken links on websites.
• This color picker may save you some time picking font and background colors.
• 7-Zip for unpacking tar, tar.gz and tar.zip files
• Free CAPTCHA from reCAPTCHA This site includes instructions on how to install the reCAPTCHA PHP library and how to configure CAPTCHA for your forms.