www.devoxx.com
Web Fundamental




      www.devoxx.com   Basem Elsherbeny
After this presentation




          www.devoxx.com
Agenda
• Internet

• HTTP,DNS

• HTML

• Client/Server

• Server and Client side coding

• Servlet

• JSP

• JSF,Struts

    4
                              www.devoxx.com
Each pattern describes a problem which occurs
over and over again in our environment,


and then describes the core of the solution to that
problem,

in such a way that you can use this solution
a million times over



 5
                       www.devoxx.com
6
    www.devoxx.com
7
    www.devoxx.com
DNS
• it translates domain names meaningful to humans into the
  numerical (binary) identifiers associated with networking
  equipment for the purpose of locating and addressing these
  devices worldwide. .
• For example, www.example.com translates
  to208.77.188.166.




    8
                             www.devoxx.com
server
• a server is any combination
  of hardware or software designed to
  provide services to clients. When
  used alone, the term typically refers
  to a computer which may be running
  a server operating system, but is
  commonly used to refer to any
  software or dedicated
  hardware capable of providing
  services.



                             www.devoxx.com
Server/Client Side
• Server-side refers to operations that are performed by
  the server in a client-server relationship in computer
  networking
• Client-side refers to operations that are performed by
  the client in a client-server relationship in a computer
  network.




                             www.devoxx.com
Server/Client Side
● Server-side coding                           ●Client-side coding

 ● PHP                                           ●CSS
 ● ASP
                                                 ●HTML & DHTML
 ● CGI and/or Perl
                                                 ●XHTML
 ● J2EE

 ● Python, e.g. Django                           ●Javascript

 ● Ruby, e.g. Ruby on Rails                      ●Flash

                                                 ●SilverLight
                              www.devoxx.com
HTML
• HTML stands for Hyper Text Markup Language

• HTML is not a programming language, it is a markup
  language
• A markup language is a set of markup tags

• HTML uses markup tags to describe web pages

• .




                          www.devoxx.com
Note

•   HTML is Not Programming Language.
• HTML is a view Language.




                         www.devoxx.com
www.devoxx.com
HTML
• Static Not Dynamic




                       www.devoxx.com
Servlet
• A Servlet is a Java class which conforms to the Java
  Servlet API, a protocol by which a Java class may respond
  to http requests. Thus, a software developer may use a
  servlet to add dynamic content to a Web server using the
  Java platform.




                            www.devoxx.com
Life Cycle of Servlet




              www.devoxx.com
www.devoxx.com
www.devoxx.com
www.devoxx.com
www.devoxx.com
www.devoxx.com
•     public class NewServlet extends HttpServlet {

•      protected void doPost(HttpServletRequest request,
      HttpServletResponse response) throws ServletException,
      IOException {

•     out.println("<html>");    out.println("<head>");

    out.println("<title>Servlet NewServlet</title>");

•            out.println("</head>"); out.println("<body>");

•            out.println("<h1>Servlet NewServlet at " +
      request.getContextPath () + "</h1>"); out.println("</body>");

•            out.println("</html>");}

                                        www.devoxx.com
JSP
• JSP simplifies the development process, allowing
  programmers to input Java code directly into the HTML
  file or JSP file. JSP is a multi-platform, independent and
  portable language that complies with the Java feature of
  ‘write once, run anywhere.




                             www.devoxx.com
www.devoxx.com
Life Cycle of JSP




      www.devoxx.com
url




www.devoxx.com
JSP Demo




  www.devoxx.com
output




         www.devoxx.com
Demo 1




 www.devoxx.com
Demo




       www.devoxx.com
Demo
• int x = 2,z = 2;

•       System.out.println(x+z+"");
•       System.out.println(""+x+z);
•       System.out.println(x+""+z);




                           www.devoxx.com
You must Know
• Web application:

• JSF

• Struts

• Hibernate

• EJB 3.0

• Mobile application:

• j2ME:

• Symbian


                        www.devoxx.com
Questions




            www.devoxx.com

Web Fundamental

  • 1.
  • 2.
    Web Fundamental www.devoxx.com Basem Elsherbeny
  • 3.
  • 4.
    Agenda • Internet • HTTP,DNS •HTML • Client/Server • Server and Client side coding • Servlet • JSP • JSF,Struts 4 www.devoxx.com
  • 5.
    Each pattern describesa problem which occurs over and over again in our environment, and then describes the core of the solution to that problem, in such a way that you can use this solution a million times over 5 www.devoxx.com
  • 6.
    6 www.devoxx.com
  • 7.
    7 www.devoxx.com
  • 8.
    DNS • it translatesdomain names meaningful to humans into the numerical (binary) identifiers associated with networking equipment for the purpose of locating and addressing these devices worldwide. . • For example, www.example.com translates to208.77.188.166. 8 www.devoxx.com
  • 9.
    server • a serveris any combination of hardware or software designed to provide services to clients. When used alone, the term typically refers to a computer which may be running a server operating system, but is commonly used to refer to any software or dedicated hardware capable of providing services. www.devoxx.com
  • 10.
    Server/Client Side • Server-siderefers to operations that are performed by the server in a client-server relationship in computer networking • Client-side refers to operations that are performed by the client in a client-server relationship in a computer network. www.devoxx.com
  • 11.
    Server/Client Side ● Server-sidecoding ●Client-side coding ● PHP ●CSS ● ASP ●HTML & DHTML ● CGI and/or Perl ●XHTML ● J2EE ● Python, e.g. Django ●Javascript ● Ruby, e.g. Ruby on Rails ●Flash ●SilverLight www.devoxx.com
  • 12.
    HTML • HTML standsfor Hyper Text Markup Language • HTML is not a programming language, it is a markup language • A markup language is a set of markup tags • HTML uses markup tags to describe web pages • . www.devoxx.com
  • 13.
    Note • HTML is Not Programming Language. • HTML is a view Language. www.devoxx.com
  • 14.
  • 15.
    HTML • Static NotDynamic www.devoxx.com
  • 16.
    Servlet • A Servletis a Java class which conforms to the Java Servlet API, a protocol by which a Java class may respond to http requests. Thus, a software developer may use a servlet to add dynamic content to a Web server using the Java platform. www.devoxx.com
  • 17.
    Life Cycle ofServlet www.devoxx.com
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
    public class NewServlet extends HttpServlet { • protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { • out.println("<html>"); out.println("<head>"); out.println("<title>Servlet NewServlet</title>"); • out.println("</head>"); out.println("<body>"); • out.println("<h1>Servlet NewServlet at " + request.getContextPath () + "</h1>"); out.println("</body>"); • out.println("</html>");} www.devoxx.com
  • 24.
    JSP • JSP simplifiesthe development process, allowing programmers to input Java code directly into the HTML file or JSP file. JSP is a multi-platform, independent and portable language that complies with the Java feature of ‘write once, run anywhere. www.devoxx.com
  • 25.
  • 26.
    Life Cycle ofJSP www.devoxx.com
  • 27.
  • 28.
    JSP Demo www.devoxx.com
  • 29.
    output www.devoxx.com
  • 30.
  • 31.
    Demo www.devoxx.com
  • 32.
    Demo • int x= 2,z = 2; • System.out.println(x+z+""); • System.out.println(""+x+z); • System.out.println(x+""+z); www.devoxx.com
  • 33.
    You must Know •Web application: • JSF • Struts • Hibernate • EJB 3.0 • Mobile application: • j2ME: • Symbian www.devoxx.com
  • 34.
    Questions www.devoxx.com