WEB DESIGN

• Web Technologies


  Technology driven by innovation
• The Internet and the World Wide Web are not the same
• Internet


  A global computer network providing a variety of information and communication facilities, consisting of interconnected networks using standardized communication protocols
• IP Address


  Internet addresses in the form nnn.nnn.nnn.nnn where nnn must be a number from 0-255
• World Wide Web (WWW)


  One of the most commonly used services on the Internet, a way of accessing information over the medium of the Internet using the HTTP protocol
• HTTP (Hypertext Transfer Protocol)


  An application-layer protocol for transmitting documents, such as HTML, allowing computers on the world wide web to communicate with one another
• SMTP (Simple Mail Transfer Protocol)


  Takes care of delivering emails from one server to another server
• Tim Berners-Lee, a British scientist at CERN, invented the World Wide Web (WWW) in 1989
• Web Page


  A document that serves as a storage of Web information
• Website


  A collection of web pages linked together to have a common goal
• Web Browser


  A software application for presenting and traversing information on the Web
• Web Server


  A computer that serves as storage of the web pages or the website
• Web Server Products


  • Apache
  • IIS
  • NGINX
  • GWS
• URL (Uniform Resource Locator)


  A reference used to specify addresses on the World Wide Web
• The http is the standard method used to transport Web pages over the Internet
• WORLD WIDE WEB

  TRIPLE "W"
• How does the web works?

  1. WEBPAGE

  2. WEBSITE

  3. WEB BROWSER

  4. WEB SERVER

  5. URL

  6. HTML
• Technonology Driven by Innovation
• News


  • Weather
  • Website
• How does the web works?


  1. URL - Uniform Resource Locator

  2. URL is a reference used to specify addresses on the World Wide Web

  3. EXAMPLE URL: https://manuelgarcia.info/feu/it0043.html
• Domain name


  This part of the web address is commonly known as the domain name
• Top-level domain (TLD)


  This part of the web address is known as the Top-level domain (TLD)
• Subdirectory or subfolder


  This is a subdirectory or subfolder within your website stored in a server
• Webpage or HTML document


  This is the webpage or HTML document that contains the information
• TYPE HTML PUBLIC "-//W3C
• HTML


  • Static Website
  • Dynamic Website
• TRIPLE "W"


  • WEBPAGE
  • WEBSITE
  • WEB BROWSER
  • WEB SERVER
  • URL
  • HTML
• MUST-LEARN DEVELOPMENT LANGUAGES
• One web language won't be enough
• WEB FUNDAMENTALS


  • HTML5
  • CSS3
• Client-side scripting


  JavaScript is currently the de facto client-side scripting language for bringing interactivity to the world of web development
• JAVASCRIPT


  • JAVASCRIPT FRAMEWORKS
• Server-side scripting


  This simply refers to the code that runs behind the scenes on the server that hosts those files and is responsible for everything that makes a website tick
• PHP


  • RUBY
• Query language


  Lastly, if you're looking into backend development then query language is a must-learn language as it handles all data from back-end to front-end
• MYSQL


  • ORACLE
• 1. The Internet Book: Everything You Need to Know about Computer Networking and How the Internet Works - Douglas Comer
• 2. Discovering Computers 2008 - Gary B. Shelly
• FEU ALABANG FEU DILIMAN FEU TECH
• MODULE 2