SlideShare a Scribd company logo
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

More Related Content

PPT
Web Fundamentals
PDF
High performance website
PPTX
Architecture Best Practices
PPTX
Introduction to Web Architecture
PPT
Busy Architects Guide to Modern Web Architecture in 2014
PDF
Basic web architecture
PDF
Web architecture - overview of techniques.
Web Fundamentals
High performance website
Architecture Best Practices
Introduction to Web Architecture
Busy Architects Guide to Modern Web Architecture in 2014
Basic web architecture
Web architecture - overview of techniques.

What's hot (20)

PPTX
Web Architecture
PPTX
Back to the Basics - 1 - Introduction to Web Development
KEY
Server Side Programming
ODP
Web Server-Side Programming Techniques
PPT
Web forms and server side scripting
PDF
Modern Web App Architectures
PPTX
Web application architecture
PDF
5. HTML5
PPT
Web Application Introduction
PPTX
Web Technology Fundamentals
PPT
Introduction to Web Programming - first course
PPTX
Web server and web-hosting
PDF
Intro to Dynamic Web Pages
PPT
Active Server Page(ASP)
PPT
PPT
Learn ASP
PPT
Introduction to the Web API
PPTX
Client and server side scripting
PPTX
Introduction to asp
PPTX
Introduction to asp.net
Web Architecture
Back to the Basics - 1 - Introduction to Web Development
Server Side Programming
Web Server-Side Programming Techniques
Web forms and server side scripting
Modern Web App Architectures
Web application architecture
5. HTML5
Web Application Introduction
Web Technology Fundamentals
Introduction to Web Programming - first course
Web server and web-hosting
Intro to Dynamic Web Pages
Active Server Page(ASP)
Learn ASP
Introduction to the Web API
Client and server side scripting
Introduction to asp
Introduction to asp.net
Ad

Viewers also liked (20)

PPT
Finding more people like you
PDF
Javafx Overview 90minutes
PDF
Introduction To Programming (2009 2010)
PPT
How To Get Your First Job
PDF
Javanowandfuture Chihuahua
PDF
I Phone Session Mufix
PPT
Develop Your Skills With Osum
PPT
Google Summer of Code
PDF
Javafx Overview 90minutes
PDF
Javafx Overview 90minutes
ODP
Linux Presentation
PDF
Game Programming By J2me
PPS
Linux Administration
PPT
Mufix Network Programming Lecture
PDF
How the Web Works
PPT
PDF
Fundamentals of Web for Non-Developers
PPT
Joomla Presentations
Finding more people like you
Javafx Overview 90minutes
Introduction To Programming (2009 2010)
How To Get Your First Job
Javanowandfuture Chihuahua
I Phone Session Mufix
Develop Your Skills With Osum
Google Summer of Code
Javafx Overview 90minutes
Javafx Overview 90minutes
Linux Presentation
Game Programming By J2me
Linux Administration
Mufix Network Programming Lecture
How the Web Works
Fundamentals of Web for Non-Developers
Joomla Presentations
Ad

Similar to Web Fundamental (20)

PPTX
Web Application Development using PHP Chapter 1
PPTX
Php reports sumit
PDF
The Characteristics of a Successful SPA
PPT
Java script
PPT
Java script
PPTX
concept of server-side JavaScript / JS Framework: NODEJS
PDF
You Got React.js in My PHP
PDF
Building Real-World Dojo Web Applications
PDF
Week01 jan19 introductionto_php
PPT
PHP MySQL Workshop - facehook
PPTX
Web development revolution
PPTX
Week01 jan19 introductionto_php
PPT
TypeScript for Alfresco and CMIS - Alfresco DevCon 2012 San Jose
PDF
Wt unit 1 ppts web development process
PPTX
Welcome to React.pptx
PPTX
An introduction to DOM , JAVASCRIPT , JQUERY, AJAX and JSON
PPT
PHP - Introduction to PHP Fundamentals
PPTX
javascript 1
PPTX
lec1 (1).pptxkeoiwjwoijeoiwjeoijwoeijewoi
Web Application Development using PHP Chapter 1
Php reports sumit
The Characteristics of a Successful SPA
Java script
Java script
concept of server-side JavaScript / JS Framework: NODEJS
You Got React.js in My PHP
Building Real-World Dojo Web Applications
Week01 jan19 introductionto_php
PHP MySQL Workshop - facehook
Web development revolution
Week01 jan19 introductionto_php
TypeScript for Alfresco and CMIS - Alfresco DevCon 2012 San Jose
Wt unit 1 ppts web development process
Welcome to React.pptx
An introduction to DOM , JAVASCRIPT , JQUERY, AJAX and JSON
PHP - Introduction to PHP Fundamentals
javascript 1
lec1 (1).pptxkeoiwjwoijeoiwjeoijwoeijewoi

More from SiliconExpert Technologies (13)

PDF
Joining Osum Community And ..
PDF
Sfd Post Event Report
PDF
PDF
Fedora Fs Menoufiya Release 10
PPT
Database Session
PPTX
Eclipse Vs Netbeans
PPT
Introduction to Programming
PPT
How To Write A Cv That Talks For You
PPT
Web Fundamentals
PPT
ugmented Reality BY Dr.Hatem Mohammed
Joining Osum Community And ..
Sfd Post Event Report
Fedora Fs Menoufiya Release 10
Database Session
Eclipse Vs Netbeans
Introduction to Programming
How To Write A Cv That Talks For You
Web Fundamentals
ugmented Reality BY Dr.Hatem Mohammed

Recently uploaded (20)

PDF
O7-L3 Supply Chain Operations - ICLT Program
PPTX
BOWEL ELIMINATION FACTORS AFFECTING AND TYPES
PPTX
Microbial diseases, their pathogenesis and prophylaxis
PPTX
Pharma ospi slides which help in ospi learning
PDF
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
PDF
Module 4: Burden of Disease Tutorial Slides S2 2025
PDF
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
PDF
2.FourierTransform-ShortQuestionswithAnswers.pdf
PPTX
Institutional Correction lecture only . . .
PPTX
PPH.pptx obstetrics and gynecology in nursing
PPTX
Cell Structure & Organelles in detailed.
PDF
Origin of periodic table-Mendeleev’s Periodic-Modern Periodic table
PPTX
The Healthy Child – Unit II | Child Health Nursing I | B.Sc Nursing 5th Semester
PDF
O5-L3 Freight Transport Ops (International) V1.pdf
PPTX
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
PDF
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
PPTX
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
PDF
102 student loan defaulters named and shamed – Is someone you know on the list?
PDF
BÀI TẬP BỔ TRỢ 4 KỸ NĂNG TIẾNG ANH 9 GLOBAL SUCCESS - CẢ NĂM - BÁM SÁT FORM Đ...
PPTX
Week 4 Term 3 Study Techniques revisited.pptx
O7-L3 Supply Chain Operations - ICLT Program
BOWEL ELIMINATION FACTORS AFFECTING AND TYPES
Microbial diseases, their pathogenesis and prophylaxis
Pharma ospi slides which help in ospi learning
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
Module 4: Burden of Disease Tutorial Slides S2 2025
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
2.FourierTransform-ShortQuestionswithAnswers.pdf
Institutional Correction lecture only . . .
PPH.pptx obstetrics and gynecology in nursing
Cell Structure & Organelles in detailed.
Origin of periodic table-Mendeleev’s Periodic-Modern Periodic table
The Healthy Child – Unit II | Child Health Nursing I | B.Sc Nursing 5th Semester
O5-L3 Freight Transport Ops (International) V1.pdf
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
102 student loan defaulters named and shamed – Is someone you know on the list?
BÀI TẬP BỔ TRỢ 4 KỸ NĂNG TIẾNG ANH 9 GLOBAL SUCCESS - CẢ NĂM - BÁM SÁT FORM Đ...
Week 4 Term 3 Study Techniques revisited.pptx

Web Fundamental

  • 2. Web Fundamental www.devoxx.com Basem Elsherbeny
  • 3. After this presentation www.devoxx.com
  • 4. Agenda • Internet • HTTP,DNS • HTML • Client/Server • Server and Client side coding • Servlet • JSP • JSF,Struts 4 www.devoxx.com
  • 5. 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. 6 www.devoxx.com
  • 7. 7 www.devoxx.com
  • 8. 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
  • 9. 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
  • 10. 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
  • 11. 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
  • 12. 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
  • 13. Note • HTML is Not Programming Language. • HTML is a view Language. www.devoxx.com
  • 15. HTML • Static Not Dynamic www.devoxx.com
  • 16. 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
  • 17. Life Cycle of Servlet www.devoxx.com
  • 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 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
  • 26. Life Cycle of JSP www.devoxx.com
  • 28. JSP Demo www.devoxx.com
  • 29. output www.devoxx.com
  • 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