1. ISE 390 Dynamic Web Development Introduction

2. Who am I? Richard McKenna E-mail: richard@cs.stonybrook.edu Phone: 631-632-9564 Office: CS Room 1436 Office hours: MW12pm – 1pm and by appointment Personal Link: http://www.cs.stonybrook.edu/~richard

3. Course Homepages http://www.cs.stonybrook.edu/~ise390 –Syllabus –schedule (lecture slides, hw, etc …) –etc. http://blackboard.stonybrook.edu –grades

4. Course Description This course examines the technologies used for developing dynamic Web content. With an emphasis on HTML5 and the most recent Cascading Style Sheet versions, students learn about how modern Web content is laid out and brought to interactive life using these and other technologies. As part of this process, students develop Web pages using various technologies and make them publicly available online. Other technologies examined include PHP, JavaScript, and Perl. In addition, the course will examine and use available libraries that build upon these technologies to make Web pages more interactive. An example of such a library would be Google's Map API using JavaScript. The course will also cover the services back-end technologies like JavaEE and.NET can provide to Web sites. Finally, this will all lead to the services cloud computing can provide.

5. Course Topics Web page construction using HTML 5 Employing CSS to layout content and stylize components Using front-end scripting languages like JavaScript in Web development Using Web APIs like Node.js, Google Maps, Facebook, and jQuery to enhance front-end functionality How PHP and Perl can be employed to dynamically generate Web content Heavyweight content creation using application servers like JavaEE and.NET Cloud computing

6. Course Goals Students should become proficient in Web page development using HTML 5 Students should learn how to employ CSS to layout content and stylize component Students should learn about the role of JavaScript in Web development and learn some basic uses Students should learn how PHP and Perl can be employed to dynamically generate Web content. Students should get some experience in using a Web API for extending JavaScript capabilities, for example, using Google's Maps API Students should get acquainted with the terminologies and capabilities of more heavyweight Web technologies for dynamic content creation like JavaEE and.NET Students should learn what cloud computing is, broadly how it works, and what services it can provide

7. My Goals Make you HTML 5/ CSS/JavaScript/X.js Experts

8. Lab Facilities CS Windows Lab –http://www.cs.stonybrook.edu/facilities/windowslab –CS 2114, CS 2120, CS 2126, & CS 2129 –all registered students have accounts Sparky –request Web account –http://it.stonybrook.edu/services/sparky-unix

9. Your Best Friends W3Schools www.w3schools.com W3C Validator http://validator.w3.org NetBeans’ Java EE & Java Web Learning Trail Netbeans.org/kb/trails/java-ee.html

10. How are grades computed? 5 HW Assignments40 % Final Exam40 % Class Participation20% 100 %

11. ACADEMIC DISHONESTY All work you submit for homework, projects, or exams MUST be your own work. If you cheat or aid someone in cheating, you will automatically fail this course and be brought up on charges of academic dishonesty without warning. NO EXCEPTIONS WILL BE MADE!

12. The HW Plan HW 1 – HTML 5 HW 2 – HTML 5 and CSS HW 3 – JavaScript HW 4 – Web APIs HW 5 – Perl & PHP

13. Can you describe these things? HTML 5 URL HTTP CSS JavaScript Node.js PHP Perl JavaEE.NET Cloud

14. What's a Web framework?

15. Web frameworks for many platforms Java ASP.NET Python Cold Fusion Perl PHP Ruby

16. Important Framework Features MVC Push vs. Pull Ajax Capabilities JavaScript generation Frameworks using Frameworks –ex: Ruby on Rails uses jQuery

17. What's the point? Use JavaScript without writing it Use rich, capable front-end components

18. We’ll look at this one later Developed by Çağatay Çivici –a.k.a. Optimus Prime Lots of rich components –http://www.primefaces.org/showcase/ui/home.jsfhttp://www.primefaces.org/showcase/ui/home.jsf

19. Common Java Frameworks 1. Spring MVC (23%) 2. Struts 1.x (15%) 3. Apache Axis (15%) 4. Apache Xerces (14%) 5. Hibernate (12%) 6. JDOM (12%) 7. Java Applet (8.1%) 8. Apache Velocity (7.9%) 9. Apache ORO (7.0%) 10. JAX-WS (6.5%) Source: VeraCode Blog http://www.veracode.com/blog/2012/01/top-ten-java-frameworks-observed-in-customer-applications/

20. Team Quiz Get into teams of 2 Together, take the HTML Quiz: www.w3schools.com/html/html_quiz.asp

21. 10 MINUTE BREAK

22. Now Let’s Learn HTML Let’s follow the w3schools tutorial together Use the Try it yourself feature www.w3schools.com/html/default.asp