10-Week Free AJAX Programming (with Passion!) Online Course

Message to potential attendees to "AJAX Programming (with Passion!)" Online Course

The 1st session will start from August 4th, 2006. ? Just like other online courses I teach, this course is offered online only. ? For those of you who are not sure what it's like to take this course online, please see What it's like to take Sang Shin's online course.? Just to set the expectation correctly, there is no real-time webcasting.? But it is my firm plan to provide the presentations and hands-on lab demos as Flash and QuickTime files (so that you can watch and listen) along with PDF and StarOffice files.

?

• In order to register for this course, all you have to do is sending a blank email to one of the following two aliases. (You can send a blank email to both aliases if you so desire.)? Yes, that is all you have to do.
  
  
  
  
  • ajaxworkshop-subscribe@yahoogroups.com if you want to receive email postings from others in the class or if you want to post your questions.
    
  
  
  • ajaxworkshop-announcements-subscribe@yahoogroups.com if you want to receive only Sang Shin's important announcements.?
    
  • If you have any technical and class related questions, please feel free to post them to the class alias, ajaxworkshop@yahoogroups.com.? All the previously posted messages on the class alias can be seen and searched from class alias website.
  
  
  • We also have wiki sites, http://www.theajaxworkshop.com/ and http://www.theajaxworkshop.com/forums/.
  
  
  • If you want to say "Hello" message to your classmates or want to do some social and non-technical chatting with them, please post it to ajaxworkshop-social@yahoogroups.com (I am on it and I read it). You can subscribe this alias by sending an blank email to ajaxworkshop-social-subscribe@yahoogroups.com
  
  
  • If you want to unsubscribe, send a blank email to ajaxworkshop-unsubscribe@yahoogroups.com.? Do not send "unsubscribe" message to the class alias directory.
    
  
  
  • For those of you who are curious on what topics we will address in this course, please check the Course Schedule.
  
  
  • Offering this free course is completely "spare time" activities on the part of myself (Sang Shin) and other volunteers (Sean Dockery).? So please be warned things will not be always timely and organized.
    
  
  
  • For other questions, please see FAQ on this course before posting it to the class alias.
    
    
    

    ---

    ?
    
    
    
    • Presentations, Hands-on labs,? and Flash presentations and demos? & Schedule
      
    
    
    
    
    
    
    • ?
      
      
      
      • Class #1? (Aug. 4th, 2006)
        
        
        
        • AJAX Basics (90 minutes): Lecture
          
          
          
          
          • (PDF 1 slide per page)? (StarOffice file)? (PDF slides with speaker notes)
            
          
          
          • Flash presentation (will be posted on Aug. 4th)
          
          
          
          
        
        
        • Hands-on Lab: AJAX Basics and Development Tools (120 minutes) & Homework
          
          
          
          • 4257_ajaxbasics2.zip (Unzip it in a directory of your choice and read lab document from /ajaxbasics2/index.html to proceed)
            
          
          
          • Online lab document (This is the same document you will find in the hands-on lab zip file)
            
          
          
          • Flash demo (will be posted on Aug. 4th)
          
          
          
          
        
        
        • A few words from Sang Shin
          
          
          
          • In class#1, you are going to learn basic concepts of AJAX such as how XMLHttpRequest JavaScript object is created and used by the browser for performing asynchronous communication with the backend server.
            
          
          
          • In the hands-on lab, you are also going to learn how to use a few debugging tools out there, especially Firebug debugger, for debugging client side JavaScript code.? You will also play around with various "ready to build and run" AJAX sample applications.
          
          
          • The hands-on lab might take 3 to 5 hours including the time for downloading and installing the software.
            
          
          
          
          
        
        
        
        
      
      
      • Class #2 (Aug.11th, 2006)
        
        
        
        • JavaScript Basics (90 minutes)
          
          
          
          
          • JavaScript tutorial from W3C
          
          
          • Flash presentation (work in progress)
          
          
          
          
        
        
        • Hands-on Lab: JavaScript (120 minutes)
          
          
          
          
          • JavaScript tutorial from W3C
          
          
          • Flash demo (work in progress)
          
          
          
          
        
        
        
        
        
        
        • AJAX Frameworks and Toolkits (45 minutes): Lecture
          
          
          
          
          • (PDF 1 slide per page)? (StarOffice file)? (PDF slides with speaker notes)
            
          
          
          • Flash presentation (will be posted on Aug. 11th)
          
          
          
          
        
        
        • Hands-on Lab: AJAX Frameworks and Toolkits (60-120 minutes) & Homework
          
          
          
          • 4258_ajaxframeworks.zip (Unzip it in a directory of your choice and read lab document from? /ajaxdojointro/index.html to proceed)
          
          
          • Online? lab document (This is the same document you will find in the hands-on lab zip file)
          
          
          • Flash demo (will be posted on Aug. 11th)
          
          
          
          
        
        
        • A few words from Sang Shin
          
          
          
          • In class #2, you will learn the basic syntax of JavaScript.? We are going to use JavaScript tutorial as a hands-on lab.
          
          
          • You will also get exposed to various AJAX frameworks and toolkits. ?
          
          
          • In the"AJAX frameworks and toolkits" hands-on lab, you will play around with the online demos of these frameworks and toolkits so that you get some sense of their capabilities.
            
          
          
          
          
        
        
        
        
      
      
      • Class #3 (Aug.25th, 2006)
        
        
        
        • Dojo Toolkit Basics (90 minutes): Lecture
          
          
          
          
          • (PDF 1 slide per page) ? (StarOffice file) ? (PDF slides with speaker notes)
          
          
          • Flash presentation (work in progress)
          
          
          
          
        
        
        • Hands-on Lab: Using Dojo Toolkit (and NetBeans) for Building AJAX Applications (90 minutes) & Homework
          
          
          
          • 4260_ajaxdojointro.zip (Unzip it in a directory of your choice and read lab document from? /ajaxdojointro/index.html to proceed)
          
          
          • Online? lab document (This is the same document you will find in the hands-on lab zip file)
          
          
          • Flash demo (work in progress)
          
          
          
          
        
        
        • A few words from Sang Shin
          
          
          
          • In class #3, you will learn about the most popular client side JavaScript toolkit - Dojo toolkit.? You are going to learn various features of Dojo toolkit including remoting, event model, widgets, and so on.
            
          
          
          
          
        
        
        
        
      
      
      • Class #4 (Sep. 1st, 2006)
        
        
        
        • JSON (30 minutes): Lecture
          
          
          
          • (PDF 1 slide per page)? (StarOffice file) (PDF slides with speaker notes)
            
          
          
          • Flash presentation (work in progress)
          
          
          • Since other hands-on labs cover JSON, there is no separate JSON hands-on lab
            
          
          
          
          
        
        
        • DWR (Direct Web Remoting) Basics (90 minutes): Lecture
          
          
          
          
          • (PDF 1 slide per page) ? (StarOffice file) ? (PDF slides with speaker notes)
          
          
          • Flash presentation (work in progress)
          
          
          
          
        
        
        
        
        
        
        • Hands-on Lab: Using DWR (and NetBeans)? for Building AJAX Applications (120 minutes) & Homework
          
          
          
          • 4265_ajaxdwrintro.zip (Unzip it in a directory of your choice and read lab document from /ajaxdwrintro/index.html to proceed)
            
          • Online lab document (This is the same document you will find in the hands-on lab zip file)
          
          
          • Flash demo (work in progress)
          
          
          • A few words from Sang Shin
            
            
            
            • In class #4, you are going to learn JSON as an light-weight data format between a browser and the server.
              
            
            
            • You are also going to learn Direct Web Remoting (DWR), which enables RMI like syntax in the client side JavaScript code for invoking a method on the server.
              
            
            
            
            
          
          
          • Class #5 (Sep. 15th, 2006)
            
            
            
            
            • JavaServer Faces(JSF)/AJAX Integration (60 minutes) : Lecture & Demo
              
              
              
              • (PDF 1 slide per page)? (StarOffice file)? (PDF slides with speaker notes)
                
              
              
              • Flash presentation (work in progress)
              
              
              
              
            
            
            • Hands-on Lab: JavaServer Faces(JSF)/AJAX Integration (60 minutes) & Homework
              
              
              
              
              • Downloading and Importing AJAX Components
              
              
              • Using the AJAX Map Viewer Component
                
              
              
              • Flash demo (work in progress)
              
              
              
              
            
            
            • A few words from Sang Shin
              
              
              
              • In class #5, you are going to learn how to use AJAX-enabled JSF components by either directly including tags in a JSP page or dragging and dropping them within an JSF-aware IDE such as Sun Java Studio Creator 2.
                
              
              
              
              
            
            
            
            
          
          
          • Class #6 (Sep. 22nd, 2006)
            
            
            
            
            • jMaki (60 minutes): Lecture
              
              
              
              
              • (PDF 1 slide per page) ? (StarOffice file)? (PDF slides with speaker notes)
                
              
              
              • Flash presentation (work in progress)
              
              
              
              
            
            
            • Hands-on lab: Using jMaki Widgets for Building AJAX Applications (75 minutes) & Homework
              
              
              
              • 4270_ajaxjmakiintro.zip (Unzip it in a directory of your choice and read lab document from /ajaxjmakiintro/index.html to proceed)
                
              • Online lab document (This is the same document you will find in the hands-on lab zip file)
              
              
              • Flash demo (work in progress)
              
              
              • Class #7 (Oct. 6th, 2006)
                
                
                
                
                • Google Web Toolkit (90 minutes): Lecture
                  
                  
                  
                  
                  • (PDF 1 slide per page) (StarOffice file) (PDF slides with speaker notes)
                  
                  
                  • Flash presentation (work in progress)
                  
                  
                  
                  
                
                
                • Hands-on Lab: Google Web Toolkit (120 minutes) & Homework
                  
                  
                  
                  • 4275_ajaxgwtintro..zip (Unzip it in a directory of your choice and read lab document and read lab document from? /ajaxgwtintro/index.html to proceed)
                    
                  • Online? lab document (This is the same document you will find in the hands-on lab zip file)
                  
                  
                  • Flash demo (work in progress)
                  
                  
                  • Class #8 (Oct. 13th, 2006)
                    
                    
                    
                    
                    • Building AJAX-enabled JSF Component (60 minutes)
                      
                      
                      
                      
                      • (PDF 1 slide per page)? (StarOffice file)? (PDF slides with speaker notes)
                      
                      
                      • Flash presentation (work in progress)
                      
                      
                      
                      
                    
                    
                    
                    
                    
                    
                    • ?
                      
                      
                      
                      • ?
                        
                        
                        
                        • Hands-on lab: Building AJAX-enabled JSF Component (90 minutes) & Homework
                          
                          
                          
                          • 4280_buildajaxjsf.zip (Unzip it in a directory of your choice and read lab document from /buildajaxjsf/index.html to proceed)
                            
                          • Class #9 (Oct. 27th, 2006)
                            
                            
                            
                            
                            • Wicket and AJAX (60 minutes): Lecture
                              
                              
                              
                              
                              • (PDF 1 slide per page) (StarOffice file) (PDF slides with speaker notes)
                              
                              
                              • Flash presentation (work in progress)
                              
                              
                              
                              
                            
                            
                            • Hands-on Lab: Wicket and AJAX (90 minutes)
                              
                              
                              
                              
                              • 4262_ajaxwicket.zip (Unzip it and read lab document from? /ajaxwicket/index.html to proceed)
                              
                              
                              • Online? lab document
                              
                              
                              • Flash demo (work in progress)
                              
                              
                              
                              
                            
                            
                            • Echo2 and AJAX (60 minutes): Lecture
                              
                              
                              
                              • (PDF 1 slide per page) (StarOffice file) (PDF slides with speaker notes)
                              
                              
                              • Flash presentation (work in progress)
                              
                              
                              
                              
                            
                            
                            • Hands-on Lab: Wicket and AJAX (90 minutes)
                              
                              
                              
                              
                              • 4262_ajaxwicket.zip (Unzip it and read lab document from? /ajaxwicket/index.html to proceed)
                              
                              
                              • Online? lab document
                              
                              
                              • Flash demo (work in progress)
                              
                              
                              
                              
                            
                            
                            
                            
                          
                          
                          • Class #10 (Nov. 3rd, 2006)
                            
                            
                            
                            
                            • CSS (60 minutes)
                              
                              
                              
                              
                              • (PDF 1 slide per page)? (StarOffice file)? (PDF slides with speaker notes)
                              
                              
                              • Flash presentation (work in progress)
                              
                              
                              
                              
                            
                            
                            • Hands-on Lab: CSS (60 minutes)
                              
                              
                              
                              
                              • 4286_css.zip (Unzip it and read lab document from /css/index.html to proceed)
                                
                              • Online lab document
                              
                              
                              • Flash demo (work in progress)
                              
                              
                              • Best practice of writing JavaScript programs (60 minutes)
                                
                                
                                
                                
                                • (PDF 1 slide per page)? (StarOffice file)? (PDF slides with speaker notes)
                                
                                
                                • Flash presentation (work in progress)
                                
                                
                                
                                
                              
                              
                              • Hands-on Lab: Best practice of writing JavaScript programs (60 minutes)
                                
                                
                                
                                
                                • 4285_javascript2.zip (Unzip it and read lab document from /javascript2/index.html to proceed)
                                  
                                • Online lab document
                                
                                
                                • Flash demo (work in progress)
                                
                                
                                • Class #11 (If we have time)
                                  
                                  
                                  
                                  • Advanced Dojo Toolkit (60 minutes): Lecture
                                    
                                    
                                    
                                    
                                    • (PDF 1 slide per page) (StarOffice file) (PDF slides with speaker notes)
                                    
                                    
                                    • Flash presentation (work in progress)
                                    
                                    
                                    
                                    
                                  
                                  
                                  • Hands-on Lab: Advanced Dojo Toolkit? (90 minutes)
                                    
                                    
                                    
                                    
                                    • 4262_ajaxdojoadv..zip (Unzip it and read lab document from? /ajaxdojoadv/index.html to proceed)
                                    
                                    
                                    • Online? lab document
                                    
                                    
                                    • Flash demo (work in progress)
                                    
                                    
                                    
                                    
                                  
                                  
                                  • Advanced DWR (Direct Web Remoting) (60 minutes): Lecture
                                    
                                    
                                    
                                    
                                    • (PDF 1 slide per page) (StarOffice file) (PDF slides with speaker notes)
                                    
                                    
                                    • Flash presentation (work in progress)
                                    
                                    
                                    
                                    
                                  
                                  
                                  • Hands-on Lab: Advanced DWR (60 minutes)
                                    
                                    
                                    
                                    
                                    • 4267_ajaxdwradv.zip (Unzip it and read lab document from /ajaxdwradv/index.html to proceed)
                                      
                                    • Online lab document
                                    
                                    
                                    • Flash demo (work in progress)
                                    
                                    
                                    
                                    
                                    • Abstract
                                    
                                    
                                    
                                    
                                    
                                    
                                    • ?
                                      
                                      
                                      
                                      • The Web is going through the second wave of its evolution and some people call it Web 2.0. Whether Web 2.0 is considered a hype or not, there are indeed a set of concrete technologies such as AJAX (Asynchronous JavaScript + XML) that make the Web of today a lot more interactive, responsive, exciting and useful than it used to be.
                                        
                                      
                                      
                                      
                                      
                                    
                                    
                                    
                                    
                                    
                                    
                                    • ?
                                      
                                      
                                      
                                      • This workshop starts with a lecture and a hands-on lab in which the basic concept of AJAX and the core technologies - JavaScript, CSS, DOM, and XMLHttpRequest - that make up the AJAX are discussed and exercised.? The workflow of AJAX operation is also discussed in detail using an example code.
                                        
                                      
                                      
                                      
                                      
                                    
                                    
                                    
                                    
                                    
                                    
                                    • ?
                                      
                                      
                                      
                                      • In production environment, it is likely that you would use one or combination of various AJAX toolkits and frameworks.? The majority part of the workshop is dedicated to discussing key frameworks and toolkits that are available today for building AJAX applications.? These include
                                        
                                      
                                      
                                      
                                      
                                    
                                    
                                    
                                    
                                    
                                    
                                    • ?
                                      
                                      
                                      
                                      • ?
                                        
                                        
                                        
                                        • Client-side JavaScript toolkit such as Dojo toolkit, which hides the low-level processing of XMLHttpRequest
                                          
                                        
                                        
                                        • DWR (Direct Web Remoting), which enables RMI-like invocation from the JavaScript client code to backend Java class
                                          
                                        
                                        
                                        • AJAX-enabled JSF components which allows you to build AJAX applications by drag-and-dropping UI components
                                        
                                        
                                        • Wrapper technology such as jMaki that lets you use AJAX widgets from different sources using common interface
                                          
                                        
                                        
                                        • Java to JavaScript translator technology such as Google Web Toolkit (GWT)
                                        
                                        
                                        • Existing Web application frameworks with AJAX extensions such as Wicket, Echo2 or Shale
                                          
                                        
                                        
                                        
                                        
                                      
                                      
                                      
                                      
                                    
                                    
                                    
                                    
                                    
                                    
                                    • ?
                                      
                                      
                                      
                                      • Finally, the AJAX development tools such as JavaScript debugger (especially FireBug), DOM inspector, logging tool are discussed. Each lecture is followed by a hands-on lab session. The hands-on labs use NetBeans IDE 5.0 or 5.5 beta.
                                      
                                      
                                      
                                      
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                  
                                  
                                  
                                  
                                
                                
                                
                                
                                
                              
                              
                              
                              
                              
                            
                            
                            
                            
                          
                          
                          
                          
                          
                        
                        
                        
                        
                      
                      
                      
                      
                    
                    
                    
                    
                  
                  
                  
                  
                  
                
                
                
                
              
              
              
              
              
            
            
            
            
          
          
          
          
          
        
        
        
        
      
      
      
      
    
    ?
    
    ?