Scribd Logo
Upload

Welcome to Scribd!

  • ProjectBatch11AM 04012021

    Uploaded by

    jhansi rani
    16 views4 pages
    ADasd

    Original Title

    ProjectBatch11AM_04012021

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    ADasd

    Copyright:

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

    ProjectBatch11AM 04012021

    Uploaded by

    jhansi rani
    ADasd

    Copyright:

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

    Date : 04/01/2021

    Project Batch 11AM


    Mr. RAGHU
    ---------------------------------------
    Application(Project)
    FrontEnd (UI): HTML,CSS, JavaScript(JQuery),Bootstrap, Thymeleaf
    BackEnd : Spring Boot (WEB MVC,Data JPA,Email, Security,REST).
    Database: MySQL/Oracle.
    ------------------------------------------------------
    Setup Softwares:
    Visual Studio Code
    https://code.visualstudio.com/
    > Download and Install > Next > Next > Finish

    # Modify Color Theme


    > File > Preference > Color Theme> Choose any one.

    # Font Size
    > File > Preference > Settings > Search with Font
    > Scroll Down > Modify Value > click outside
    (Autosaved)

    # Open Folder (Workspace)


    > File > open Folder > Create a new folder and select
    Ex: ProjectUi.
    -----------------------------------------------------
    HTML + Bootstrap (Built in CSS)

    CSS: Cascading Style Sheet (Adding Designs to Project).


    #1 Creating a class(design)
    .<name> {
    attribute : value;
    }

    #2 Apply class to any tag


    <tag class="<class-name>" ...> </tag>

    Ex:
    <html>
    <head>
    <style>
    .d1 {
    color: red;
    text-transform: uppercase;
    background-color: green;
    }
    .d2{
    color: pink;
    }
    </style>
    </head>
    <body>
    <h1 class="d1">Welcome To All</h1>
    <p class="d2">Sample</p>
    </body>
    </html>

    *) Bootstrap : It is a read-made CSS classes File


    given by Twitter company. Now Programmer need not to
    creates CSS classes.(no need of step#1,
    Directly Step#2 Apply class to any tag).

    https://getbootstrap.com/docs/4.0/getting-started/introduction/
    <link rel="stylesheet"
    href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">

    -------First.html---------------
    <html>
    <head>
    <style>
    .d1 {
    color: red;
    text-transform: uppercase;
    background-color: green;
    }
    .d2{
    color: pink;
    }
    </style>
    </head>
    <body>
    <h1 class="d1">Welcome To All</h1>
    <p class="d2">Sample</p>
    </body>
    </html>

    --------Sec.html-----
    <html>
    <head>
    <link rel="stylesheet"
    href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
    </head>
    <body>
    </body>
    <div class="container">
    <h1>DEMO PAGE</h1>

    <table class="table table-hover">


    <tr class="bg-success text-white">
    <th>ID</th>
    <th>NAME</th>
    <th>SAL</th>
    <th colspan="2">OPERATIONS</th>
    </tr>

    <tr>
    <td>101</td>
    <td>SAM</td>
    <td>5000.0</td>
    <td>
    <a href="#" class="btn btn-danger">DELETE</a>
    </td>
    <td>
    <a href="#" class="btn btn-warning">UPDATE</a>
    </td>
    </tr>
    <tr>
    <td>102</td>
    <td>SYED</td>
    <td>6000.0</td>
    <td>
    <a href="#" class="btn btn-danger">DELETE</a>
    </td>
    <td>
    <a href="#" class="btn btn-warning">UPDATE</a>
    </td>
    </tr>

    <tr>
    <td>103</td>
    <td>AJAY</td>
    <td>8000.0</td>
    <td>
    <a href="#" class="btn btn-danger">DELETE</a>
    </td>
    <td>
    <a href="#" class="btn btn-warning">UPDATE</a>
    </td>
    </tr>

    </table>

    <hr/>

    <div class="card">
    <div class="card-header bg-primary text-white text-center">
    <h1>WELCOME TO EMPLOYEE</h1>
    </div>
    <div class="card-body">
    FROM BODY
    </div>
    <div class="card-footer bg-white alert alert-success">
    <b>EMPLOYEE SAVED WITH 101</b>
    </div>
    </div>

    <hr/>

    <div class="card">
    <div class="card-header">
    <h1>WELCOME TO EMPLOYEE</h1>
    </div>
    <div class="card-body">
    FROM BODY
    </div>
    <div class="card-footer">
    <b>EMPLOYEE SAVED WITH 101</b>
    </div>
    </div>

    <hr/>

    <div class="alert">Employee Saved</div>


    <div class="alert alert-primary">Employee Saved</div>
    <div class="alert alert-success">Employee Saved</div>
    <div class="alert alert-info">Employee Saved</div>
    <div class="alert alert-warning">Employee Saved</div>
    <div class="alert alert-danger">Employee Saved</div>
    <hr/>

    <input type="submit" value="Add" />


    <input type="submit" value="Add" class="btn"/>
    <input type="submit" value="Add" class="btn btn-primary"/>
    <input type="submit" value="Add" class="btn btn-success"/>
    <input type="submit" value="Add" class="btn btn-info"/>
    <input type="submit" value="Add" class="btn btn-warning"/>
    <input type="submit" value="Add" class="btn btn-danger"/>
    <input type="submit" value="Add" class="btn btn-secondary"/>

    </div>
    </html>

    Whatsapp 4:30PM
    Admin: +91-6302968665 (Srikanth)
    New Session Link
    Google class room link

    hr@nareshit.com, javabyraghu@gmail.com

    11:10 AM to 12:30 PM (class)


    12:30 Pm to 1:00 PM (Support)

    Screenshot :
    Batch Code: PROJ11AMJAN
    Email: javabyraghu@gmail.com

    You might also like