ISE 390Dynamic Web Development

Introduction

Who am I?Richard McKenna E-mail: richard@cs.stonybrook.eduPhone: 631-632-9564 Office: CS Room 1436 Office hours:

MW 12pm – 1pmand by appointment

Personal Link: http://www.cs.stonybrook.edu/~richard

Course Homepages

• http://www.cs.stonybrook.edu/~ise390– Syllabus– schedule (lecture slides, hw, etc …)– etc.

• http://blackboard.stonybrook.edu– grades

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.

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

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

My Goals

• Make you HTML 5/ CSS/JavaScript/X.js Experts

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

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

How are grades computed?

• 5 HW Assignments 40 % • Final Exam 40 %• Class Participation 20%

100 %

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!

The HW PlanHW 1 – HTML 5

HW 2 – HTML 5 and CSS

HW 3 – JavaScript

HW 4 – Web APIs

HW 5 – Perl & PHP

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

What's a Web framework?

Web frameworks for many platforms

• Java• ASP .NET• Python• Cold Fusion• Perl• PHP• Ruby

Important Framework Features

• MVC

• Push vs. Pull

• Ajax Capabilities

• JavaScript generation

• Frameworks using Frameworks

– ex: Ruby on Rails uses jQuery

What's the point?

• Use JavaScript without writing it

• Use rich, capable front-end components

• 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

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 Bloghttp://www.veracode.com/blog/2012/01/top-ten-java-frameworks-observed-in-customer-applications/

Team Quiz

• Get into teams of 2

• Together, take the HTML Quiz:

• www.w3schools.com/html/html_quiz.asp

10 MINUTE BREAK

Now Let’s Learn HTML

• Let’s follow the w3schools tutorial together

• Use the Try it yourself feature

• www.w3schools.com/html/default.asp