Scribd Logo
Upload

Welcome to Scribd!

  • United College of Engineering & Research, Prayagraj: Department of Information Technology

    Uploaded by

    4MH18CS086 Rakesh Mallika S
    14 views17 pages

    Original Title

    ppt

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    14 views17 pages

    United College of Engineering & Research, Prayagraj: Department of Information Technology

    Uploaded by

    4MH18CS086 Rakesh Mallika S

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 17

    United College of Engineering & Research, Prayagraj

    Department of Information Technology

    Full Stack Web Development

    Sudhanshu Maurya
    BTZ: Bob TekZone
    B. Tech. IT

    Univ. Roll No.


    Acknowledgement:

    I would like to express my deepest appreciation to all those who provided me the

    possibility to complete this training. Especially, I would like to thank the Prutor

    Online Academy team for providing this awesome training course- Full Stack
    BTZ: Bob TekZone
    Web Development during my summer break and also helped me a lot.

    I am really thankful to them.

    BTZ: Bob TekZone 2


    BTZ: Bob TekZone

    BTZ: Bob TekZone 3


    HTML:
    What is HTML?

    • The standard markup language for developing web pages is Hyper Text Markup

    Language (HTML).

    • HTML is used to describe how a web page will appear in a browser’s window.
    BTZ: Bob TekZone
    • HTML provides simple mechanisms for formatting text, creating links & lists,

    inserting images, embedding audio & video, etc.

    • HTML documents are written using HTML “tags” embedded in angular brackets.

    • The current version is HTML 5.

    • HTML documents must have the extension .html or .htm.

    BTZ: Bob TekZone 4


    Basic Structure of HTML page:
    <html>
    <head>

    <!-- It contains the meta-information about the HTML page. -->

    </head>
    BTZ: Bob TekZone
    <body>

    <!-- It contains text and other tags, which are rendered on the
    screen as specified. -->

    </body>
    </html>
    BTZ: Bob TekZone 5
    CSS:
    What is CSS?

    • Cascading Style Sheet (CSS) is a style sheet language that specifies how to
    incorporate style information in a style sheet.
    • The term ‘cascading’ indicates that several style sheets can be blended to present a
    document on the browser’s screen.
    BTZ: Bob TekZone
    • A style sheet is a document that contains style information about one or more
    documents written in markup languages.
    • CSS enables us to control rendering of styles such as fonts, color, spacing,
    margins, and other aspects of document style.

    BTZ: Bob TekZone 6


    Adding CSS in a HTML page:
    There are four ways to specify style information in a document:

    • External Style Sheets is specified using the HTML <link> tag in the head section.
    <link rel=“stylesheet” type=“text/css” href=“filename.css” >
    • Embedded Style Sheets
    <style>
    p{
    color: green;
    BTZ: Bob TekZone
    }
    </style>
    • Imported Style Sheets allows importing a style sheet from another style sheet.
    <style>
    @import url(“filename.css”);
    </style>
    • Inline Style Sheets are incorporated directly into the HTML tags.
    <p style=“color: red”>Hello World!</p>
    BTZ: Bob TekZone 7
    Bootstrap 4.0:

    Bootstrap is the world’s most popular framework for building responsive, mobile-

    first sites, with BootstrapCDN and a template starter page.

    Advantages of using Bootstrap:


    BTZ: Bob TekZone

    • Improves website loading time

    • Improved website security

    BTZ: Bob TekZone 8


    JavaScript:

    • JavaScript is a lightweight, cross-platform, and interpreted scripting language.


    • JavaScript can be used for Client-side developments as well as Server-
    side developments.

    JavaScript can be added to HTML file in following ways:

    BTZ: Bob TekZone


    <script>

    // JavaScript Code

    </script>

    BTZ: Bob TekZone 9


    PHP:

    • The term PHP is an acronym for Hypertext Preprocessor.

    • It is a server-side scripting language designed specifically for web

    development.

    • The PHP files have the extension “.php”.


    BTZ: Bob TekZone
    • PHP code is executed in the server.

    • It can be integrated with many databases such as Oracle, Microsoft SQL

    Server, MySQL.

    • Websites like www.facebook.com, www.yahoo.com are also built on PHP.

    BTZ: Bob TekZone 10


    Syntax:

    <?php
    PHP code goes here
    ?>

    Characteristics of PHP:
    BTZ: Bob TekZone

    • Simple and fast


    • Open-source
    • Secured
    • Cross-platform, it works with major operating systems like Windows, Linux,
    MacOS.

    BTZ: Bob TekZone 11


    MySQL:
    • MySQL is an open-source relational database management system(RDBMS)
    • It is used to create, maintain and retrieve the data from relational databases.
    • It is written in C & C++
    • Features:
    • Cross –platform support
    • Triggers
    BTZ: Bob TekZone
    • ACID(Atomicity, Consistency, Isolation, Durability) rule
    • GUI Support

    • GUI Tool – phpMyAdmin enables users to graphically administer MySQL


    databases and visually design database structures.

    BTZ: Bob TekZone 12


    Project Demonstration:
    • I have developed a website using HTML, CSS, JS, Bootstrap and PHP with
    MySQL. This is basically a educational website which is mainly related to our
    college – United College of Engineering & Research, Prayagraj.

    Website Name:

    BTZ: Bob TekZone

    BTZ: Bob TekZone 13


    BTZ: Bob TekZone

    BTZ: Bob TekZone 14


    BTZ: Bob TekZone

    BTZ: Bob TekZone 15


    Conclusion:

    • At last, I want to conclude that during this summer training course, I have learned

    a lot about HTML, CSS, Bootstrap, JS, and PHP with MySQL. And I have made

    a web based project by using these technologies.

    • And I love to develop websites based on these techniques to enhance my skills in

    future. BTZ: Bob TekZone

    References:
    • “Web Technologies”, Uttam K. Roy, Oxford University Press, ISBN 0-19-806622-8

    BTZ: Bob TekZone 16


    BTZ: Bob TekZone

    BTZ: Bob TekZone 17

    You might also like