Scribd Logo
Carica

Benvenuto in Scribd!

  • Lecture#07 - Technologies For Web Applications

    Caricato da

    Malik Salman
    16 visualizzazioni16 pagine

    Titolo originale

    Lecture#07_Technologies for web applications

    Copyright

    © © All Rights Reserved

    Formati disponibili

    PPTX, PDF, TXT o leggi online da Scribd

    Hai trovato utile questo documento?

    Questo contenuto è inappropriato?

    Segnala questo documento

    Copyright:

    © All Rights Reserved
    Scarica in formato PPTX, PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    16 visualizzazioni16 pagine

    Lecture#07 - Technologies For Web Applications

    Caricato da

    Malik Salman

    Copyright:

    © All Rights Reserved
    Scarica in formato PPTX, PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    di 16

    Technologies for Web Application

    Basics, Client side scripting/coding and server side coding


    Web Technology
     How is this web site made available on the internet
     Communication on the web
    Technologies
     Types of Technologies
    Client side scripting/coding
    Server side scripting
    Technologies
     Types of Technologies (Client Side)
    Html (Hyper Text Markup Language)
    CSS (Cascading Style Sheets)
    JavaScript
    Ajax (Asynchronous JavaScript and XML)
    jQuery (JavaScript Framework Library - commonly used in Ajax
    development)
    Angular JS (a JavaScript open-source framework that can help you
    make single web-page applications)
    Bootstrap (is available for free and focused on delivering
    responsive, mobile-first front-end web development)
    Technologies
     Types of Technologies (Server Side)
    ASP (Microsoft Web Server (IIS) Scripting language)
    The Official Microsoft ASP.NET Site (Microsoft's Web Application
    Framework - successor of ASP)
    PHP (very common Server Side Scripting language - Linux / Unix
    based Open Source - free redistribution, usually combines with
    MySQL database)
    Zend Framework (PHP's Object Oriented Web Application
    Framework)
    Technologies
     Types of Technologies (Server Side)
    ColdFusion (Adobe's Web Application Framework)
    Ruby on Rails (Ruby programming's Web Application Framework -
    free redistribution)
    Perl (general purpose high-level programming language and Server
    Side Scripting Language - free redistribution - lost its popularity to
    PHP)
    Python (general purpose high-level programming language and
    Server Side Scripting language - free redistribution)
    Browsers
    Browsers request information and then they show us in the way
    we can understand. Think of them as the interpreters of the
    web. Here are the most popular ones:
    Google Chrome – Currently, the most popular browser
    brought to you by Google
    Safari – Apple’s web browser
    Firefox – Open-source browser supported by the Mozilla
    Foundation
    Edge/Internet Explorer – Microsoft’s browser
    Client Side
    HTML
    Markup Language
    A markup language is a set of markup tags
    The purpose of a tag is to group and describe page content
    <HTML>
    <HEAD>
    </HEAD>

    <BODY>
    </BODY>
    </HTML>
    HTML
    <!DOCTYPE html>
    The doctype is not actually a tag, but a declaration telling
    the browser what kind of html you are using. The doctype
    above declares html5
    <html> </html>
    The <html> element defines the whole HTML document
    <head> </head>
    The <head> element contains the special elements that instruct the
    browser where to find style sheets, provide meta info and more
    <body> </body>
    The <body> element contains the page content
    HTML
    <tag>Content</tag>
    Tags normally comes in pairs, the tag is start tag and the
    second tag is end tag
    <h1>Main Headline</h1>
    <label><label>
    CSS
     CSS describes how HTML elements are to be displayed on screen, paper, or in
    other media. CSS saves a lot of work. It can control the layout of multiple web
    pages all at once. External stylesheets are stored in CSS files
     Style sheet defines how an html elements are presented in the
    browser
     CSS style sheets are the modern way to control the appearance and
    layout of your web pages
    CSS
    Enter the following text into a style tag under the <head> element
    <style>
    body {
    font-family : Courier New;
    background-color : #FFEEDD;
    color : #777733;
    }

    h1 {
    font-family : Tahoma;
    color : blue;
    text-align : center;
    }
    </style>
    JavaScript
     JavaScript is the Programming Language for the Web
     JavaScript can update and change both HTML and CSS
     JavaScript can calculate, manipulate and validate data
     JavaScript Variables
     JavaScript variables are containers for storing data values
     Example:
     var x = 5;
    var y = 6;
    var z = x + y;
     JavaScript Strings
     Strings store text. Strings are written inside quotes. You can use single or
    double quotes
     var carname = “Vitz 6969"; // Double quotes
    var carname = ‘Honda 2660'; // Single quotes
    JavaScript
    JavaScript Objects
     we know that JavaScript variables are containers for data values.
     This code assigns a simple value (Fiat) to a variable named car:
     For example:
     var car = "Fiat";
    Questions ??
    “One of the very important characteristics of a
    student is to question, only students have the
    capability to learn.

    Potrebbero piacerti anche