1 / 22

ISE 390 Dynamic Web Development

ISE 390 Dynamic Web Development. Introduction. Who am I?. Richard McKenna E-mail: richard@cs.stonybrook.edu Phone: 631-632-9564 Office: CS Room 1436 Office hours: MW 12pm – 1pm and by appointment Personal Link: http://www.cs.stonybrook.edu/~richard. Course Homepages.

vern
Download Presentation

ISE 390 Dynamic Web Development

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. ISE 390Dynamic 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: MW 12pm – 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 Assignments 40 % • Final Exam 40 % • Class Participation 20% 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.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

More Related