Saturday, 14 May 2016

How Big is Java ?

Frankly Saying Nothing is Big it is just a opportunity given to programmers enabling many features.

The Main IDE software that you need to install is Netbeans

The Java Compromises of Various things .These things are as follow :-


1) JDBC

--for database management etc. For this there is whole complete subject in computer Science also.

--Anyway to implement its inbuilt function you use library

import.java.sql.*

--In this case beside netbeans you also need to download sql software which is a software that runs in cmd of window.

--Also you can say it is use to connect front end with backend

2)RMI-Remote Method Invocation
--This is use for eg you have two servers in e-commerce.if you want if in one server there is deduction of Rs 10/- then the same thing should be reflected back on another server.This synchronization is achieve by RMI

--This has a server like glassfish, appache tomcat

--you can design a calculator using a RMI

--here you use library
import.java.rmi.*

3)Servelets

--In this you do XML coding .
--This is use for
         --Cookies
         --Session tracking
         --URL rewriting

4)EJB-Enterpreneur Java Beans

5)JSP-Java Server Pages

6)MVC/validator framework

7)Android

8)Struts


Some More Things that are there in java

--In class also there is a concept of class and inheritance
  here you can saee class is HelloForm and HttpServlet is the inbuilt class from which function needs to be inheritate.Note while inheritance in java you have to use keyword extends

Anyway want to learn Java [Click Here]

Wednesday, 6 April 2016

Art of Understanding an Algorithm

For Understanding the Algorithm. You first need to fascinate by its practical working.
After that Break that whole practical action into smallest step possible and Analyse each step that cause that whole magic
Try to come out from comfort zone and try till you not reach for success

Some Basic Algorithms from which you can start brushing up you skills
1) Bubble Sort
......other sorting techniques
stack
queue
circular queue
Make practical programs for all



Watch the Below Video in Silent Mode.It will give you the guidance How practically you should understand the algorithum


Sunday, 3 April 2016

Inheritance


Pointer :C/C++ brush up

int a;
&a                                  address of a
int *p                              capable of storing address of a non pointer
int **p                            capable of storing address of a pointer .this is also known as double pointer

Let us consider and code to understand above concept better


  1. int *p;
  2. int **c;
  3. int a[ ]={1,2,3,4};
  4. *p=a;                      //*p gives value of a[0] i.e 1                                  
  5. **c=&p;                 //c gives value(pointer stores address in its value) of p pointer 2293552
  6.                                //**c gives address of p pointer
  7.                                //*c --check yourself ! I don't Know
  8. printf("%u",p);       //p gives address of a[0] 2293548  
  9. *(a+i) is same as a[i]              
  10. (a+i) is same as a or &a
Notations for 2-D array


  1. //  in 1-d array you write int*p=a; but if a is 2-d array then this statement will give error
  2. int b[2][3]={ {1,2,3} , {3,4,2} };  //here b[0] occupy 8 bytes as 2 x {[0],[1],[2],[4]}=2 x 4=8 

  3. int(*p)[3]=b;       <--correct statement
  4. printf("%d",*b); / printf("%d",b[0]); / printf("%d",&b[0][0]); / printf("%d",b);printf("%d",&b[0]); <--means an address of first element.first row b[0][0]
  5. .
  6. printf("%d",*(*b+1)); <--means value at b[0][1] which is 2
  7. .
  8. Concluded: b[i][j]=*(b[i]+j) / *(*(b+i)+j) 
  9. .
  10. .

  11. printf("%d",b+1);/printf("%d",*(b+1));/printf("%d",b[1]);/printf("%d",&b[1][0]);<--means 
  12.                                                 //address of first element second row b[1][0]

  13. printf("%d",*(b+1)+2);.  //means address of b[1][2]





Notations for 3-D array




  1. int c[3][2][2]={     {{2,5},{7,9}}  , {{3,4},{6,1}} , {{0,8},{11,13}}  };
  2.  c[i][j][k]
  3. printf("%d",*c)  / printf("%d",c[0])  / printf("%d",c[0][0]) <--addr of c[0][0][0]

  4.  printf("%d",*(c[1]+1))/ / printf("%d",c[1][1])/ / printf("%d",&c[1][1][0])<--addr of c[1][1][0]
  5.                                        printf("%d",*(c[0][1]+1)) <--value of c[0][1][1];
  6. i.e c[i][j][k]= / printf("%d",*(c[i][j]+k));/printf("%d",*(*(c[i]+j)+k));/printf("%d",*(*(*(c+i)+j)+k));





Do you Know ?


  • loop pointer move by size of data type
  • scanf has &a to take value
  • printf has just a to print value
  • in array no need to write & while passing address




type specifier for printing a address--%u



Ways of Passing Array from Function: C/C++ Brush up

In programming we make a call by two methods
1)call by value- Pass a value
2)call by reference - Pass a address and fun taking this address should have pointer.And also to                                            display result again pointer.

Array is passed to a function using Call be reference.

There is Two ways

1) Using &


  1. void main( )
  2. {
  3. int a[5]={1,2,3,4,5}
  4. for(int i=0 ; i<=4 ;i++)
  5.   {
  6. printarray(&a[0]);    //or printarray(&a);[NOT SURE]
  7.    }
  8. }
  9. .
  10. .
  11. .
  12. .
  13. void printarray(int *p)
  14. {
  15. printf("%d",*p);
  16. }

2) Without Using &


  1. void main( )
  2. {
  3. int a[5]={1,2,3,4,5}

  4. printarray(a);  
  5.    
  6. }
  7. .
  8. .
  9. .
  10. .
  11. void printarray(int *p)
  12. {
  13. for(int i=0 ; i<=4 ;i++)
  14.   {
  15. printf("%d",*p);
  16.    }
  17. }
  18. }

Passing Character Array through a Function
STRING IS THE ARRAY OF CHARACTER WITH ONE NULL '\O' CHARACTER IN THE END

There is 4 ways of initilizing a character

1) 

  1. char c[4];
  2. c[0]='j'; c[1]='o'; c[2]='h'; c[3]='n'; c[4]='\0';
2)

  1. c[ ]={'j','o','h','n','\0'}
3)Using String Literal

  1. c[ ]="john";
4) Using Pointer
  1. char*c="Hellow";

  1. int main( )
  2. {
  3. char *c="Hellow";
  4. print( c)
  5. .
  6. return(0);
  7. .
  8. }
  9. .
  10. .
  11. .
  12. .
  13. ..
  14. .
  15. void print(char *c)
  16. {
  17. int i=0;
  18. while( *(c+i)!= '\0') )
  19. {
  20. printf("%c",c[i]);
  21. i++;
  22. }
  23. printf("\n");
  24. }
  25. .
  26. .//or
  27. .
  28. .
  29. .
  30. .
  31. .
  32. void print(char *c)
  33. {
  34. while( *(c)!= '\0') )
  35. {
  36. printf("%c",c[i]);
  37. c++;
  38. }
  39. printf("\n");




Passing a 2-Dimentional Array through a Function

while passing two dimensional array to function last dimension is compulsory

  1. int func (int a[ ][3])
  2. {
  3. .
  4. .
  5. .
  6. .
  7. .}
Passing a 3-Dimentional Array


  1. int func (int a[ ][2][2])  / (int (*a)[2][2])
  2. {
  3. .
  4. .
  5. .
  6. .
  7. .}

STL:Stack and queue C/C++ brush up

STL:Standard Temparary Library

In RAM and we have a stack memory !

Now in Programming we store our data in stack or queue . and we implements these
using data structure
1)Array
or
2)Link List
or
3)Trees.

all these data structures are interconnected .you can create array to queue ,queue to array

Stack

Operations on stack


  1. Push
  2. Pop
  3. Is Full
  4. Is Empty

--Exbhibit LIFO (Last in first out)
--Here in stack we have have one pointer only

  1. Top 

Push

S-our stack array
N-size of our stack array
Top-stack pointer
x-element to be pushed


  1. push(S,N,Top,x)
  2. {
  3.    if(Top+1==N)
  4.       {
  5.      printf("Stack Overflow");
  6.      exit;
  7.       }
  8. else
  9.     {
  10.       Top++;
  11.        S[Top]=x;
  12. }

Pop
--here we are only delecting the top most element of stack array S. as here we what to return the elemet which would be de;leted so for that we will use int return type of following function
  1. int pop(S,N,Top)
  2. {
  3.       int y;
  4.       if (Top==-1)
  5.         {
  6.        printf("Stack Underflow");
  7.        exit;
  8.         }
  9. else
  10.         {
  11.        y=S[Top];
  12.        Top--;
  13.        return y;
  14. }


Queue

Operations on queue


  1. Enqueue-Data Insert  <--->Push in stack
  2. Dequeue- Data Delete
  3. Is Full
  4. Is Empty


--Here in an array of queue we have two pointer

  1. front--Tells deletion
  2.  rear--Tells insertion
Enqueue
in below code
Q-Our Array
N-Size of our array
F-Front pointer of our queue
R-Rear pointer of our queue
x-element we want to put
  1. void enqueue(Q,N,F,R,x)
  2. {
  3.      if(R+1==N)  //means if R+1 ==size of an array
  4.        {
  5.         printf("Queue is overflow");
  6.         exit;
  7.         }
  8.    else if
  9.        {
  10.        if(F==R==-1)
  11.          {
  12.            F=R=0;
  13.           }
  14.         else
  15.            {
  16.             R=R+1;
  17.            }
  18. Q[R]=x;
  19. }

Dequeue

Here no x .because our aim is to just delete one element which is always from front and we also want what is the value of deleted array that's why we are returning from our function.


------------------------------------
^                             ^
Front                    Rear(insertion)
(Deletion)


  1. int dequeue(Q,N,F,R)
  2. {
  3.    int y;
  4.    if(F==R==-1)
  5.       {
  6.      prinf("underflow");
  7.      exit;
  8.      }
  9.    else
  10.      {
  11.        y=Q[F]; //delete
  12.         if (F==R)  //means in case if all element is before F is already deleted i.e null and we 
  13.                          //know after R there is nothing So , Both R & F vacant in makes no sense so
  14.                          //to get rid of that Awkward situation we are placing both in front.And
  15.                        
  16.            {
  17.               F=R=-1;
  18.             }
  19.         else
  20.           F=F+1;
  21.        return y;
  22.         }
  23. }

Typecasting C/C++ Brush up

WHEN SOME BIG SPACE DATA TRY TO INSERT IN SMALL SPACE DATATYPE THERE OCCUR'S AN ERROR SO TO REMOVE THAT ERROR WE DO TYPE CASTING.

suppose you have two datatypes let say
int a=2;                      [2 byte]  (int a=300 will be stored in meom as 00101100 00000001
float b=3.2;                [4 byte]

Now in case you write an instruction

a=b;          i.e [2 byte]<--[4 byte] then it will give error

so, for that you need to type cast above 4 byte float data type into int

i.e a=(int)b;    Now it will not give any error

Let's Here only discus the Meomory allocation in array How data will store in
int a[5]={300,301,302,20,40}

300=00000001  00101100 but in meomory  first LSB is stored then MSB
similarly 301= 00000001 00101101
i.e as 00101100 00000001  and then for 301..302..20..40


further

let i have
int a[5]={300,301,302,20,40};
int *b;
int *b=a ; /  int *b=&a;   ----OK NO ERROR
char*c;
(char*)c=a; <--NO ERROR IT WILL GIVE U ONLY 1 BYTE FROM INT.
*c=a;  ---ERROR   [1byte]<--[2byte]
*c=(char*)a;---OK,NO ERROR

float *d;
*d=a; [4 byte]<--[2byte] Ok, NO ERROR.

in arithmatic typecasting is done automatically

  1. #incude <stdio.h>
  2. #include <conio.h>

  3. int main()
  4. {
  5.     int a=20;
  6.     char k;
  7.     printf("type casted k=(char)a ");
  8.     k=(char)a;
  9.     printf("the value of k=%c\n",k);
  10.     printf("type casted a=k ");
  11.     k='a';
  12.     a=k;
  13.     printf("the value of a=%c\n",(char)a);

  14. getch();
  15. return 0;
  16. }

Storage Class C / C++ Brush up

C language

Storage Class
storage classes tell you about for things

  1. initial value
  2. meomory location
  3. scope of variable
  4. lifetime of variable



1)auto -meomory create at run time

-declare inside main( )
-in variable default is auto 
  1. //even if u don't write auto then also program works same
  2. #include<stdio.h>
  3. #include<conio.h>
  4.  
  5. int main()
  6. {
  7.     double goa;
  8.     auto int i;          //here i don't have any value therefore it will print some garbage value 
  9.     printf("i=%d",i);
  10. goa=addi();
  11.  printf("goa i=%d",goa);
  12. getch();
  13. return 0;
  14. }


  15. int addi()     /
  16. {
  17.     auto int i ;   
  18.     printf("add i=%d",i);  //now here i value will change as this is auto and scope of that i ended
  19.     return i;
  20. }
  21. /*u know how scope overs ? i tell u this code works in stack area of ram and when scope overs
  22. then in stack meomory previous i value get poped i.e it get deleted.
  23. and Now as soon as i get initialised in addi() at that time lifetime of previous i variable get 
  24. over */
summary

  1. initial value-garbage value
  2. meomory location-stack (in every case meomory created in stack at compile time)
  3. scope of variable-Local
  4. lifetime of variable-Till control remain with that function
2)register -meomory create at compile time

-store in register and not in ram 
-for very fast access suppose you have make counter
  1. #include <stdio.h>
  2. #include <conio.h>
  3. //register storage class ..very fast storage class use in cpu

  4. int main()
  5.    {
  6.           
  7.    reg int i;   
  8.    
  9.    if(i--)
  10.    {
  11.           printf("%d",i);
  12.           main();
  13. }
  14.    
  15.    
  16.    
  17.    getch();
  18.    return 0;
  19.           }
summary
-same summary as auto the only difference here accessing is through cpu rather than ram due to which it is a quick access


  • initial value-garbage value
  • memory location-stack
  • scope of variable-Local
  • lifetime of variable-Till control remain with that function
  • 3)static-meomory create at runtime

    1. #include <stdio.h>
    2. #include <conio.h>

    3.                                                               //no i outside
    4. int main()
    5.    {
    6.           
    7.    static int i=3;   
    8.    
    9.    if(i--)
    10.    {
    11.           printf("%d",i);
    12.           main();
    13. }
    14.    
    15.    
    16.    
    17.    getch();
    18.    return 0;
    19.           }
    in above program your output will be 210 but now in above program if u don't write keyword static i.e if u write code

    1. #include <stdio.h>
    2. #include <conio.h>

    3.                                                               
    4. int main()
    5.    {
    6.           
    7.    int i=3;   
    8.    
    9.    if(i--)
    10.    {
    11.           printf("%d",i);
    12.           main();
    13. }
    14.    
    15.    
    16.    
    17.    getch();
    18.    return 0;
    19.           }


    then you will get 22222222........infinite times as in that case there will be just int which is auto storage class as we know . so, in this case meomory will be created at runtime .
    IN COMPILER PROGRAM FIRST COMPILED THEN COMES ON RUNTIME

    SO U CAN SAY STATIC NOT SUPPORT RECURSION
    summary

    1. initial value-0 and not garbage value
    2. memory location-stack 
    3. scope of variable-Local
    4. lifetime of variable-Till control remain with that function
    4)extern-meomory create at runtime

    With this storage class you can access same common variable in any function all across program
    1. #include <stdio.h>
    2. #include <conio.h>

    3. int i=3;                                                                  //i declare outside here
    4. int main()
    5.    {
    6.           
    7.    extern int i;   //this statement means don't create seprate meom for i here as i is already 
    8.                          //created globally
    9. //let if u write here i=5 then it will change i value all across program.   
    10.    if(i--)
    11.    {
    12.           printf("%d",i);
    13.           main();
    14. }
    15.    
    16.    
    17.    
    18.    getch();
    19.    return 0;
    20.           }
    HERE IN CASE IF U DON'T INITIALIZE YOUR VARIABLE GLOBALLY THEN U WILL GET AN ERROR.


    summary


  • initial value-garbage value
  • memory location-stack
  • scope of variable-Local
  • lifetime of variable-Till control remain with that function
  • Saturday, 26 March 2016

    How to Create a Website with or without from scratch?

    Creating a website from ready-made software's



    There are 5 steps in creating a website
    1) By a Domain --from Godaddy ,Bigrock etc etc.   ( I suggest Godaddy)

    2) Chose your Hosting--Godaddy,Wordpress,Hostinger etc etc. (I suggest free hosting from hostinger)

    3) If not buying a hosting from wordpress then install wordpress in cloud of your hosting and there only set a username and password for your wordpress account .
    watch a video given below


    4)Link your hosting server (gernally called as name server) to your domain account
       watch a video given below

    5) Wait for 2-3 hours your website will be activated .Just check your activation at
     www.xyz.com/wp-admin.Now enter your wordpress username and pass that you have set while installing wordpress in your hosting

    Creating a website from Scratch


    Here i can help you by giving my scratch material rest is your dedication and creativity

    Software you are required to install
    1)notepad ++
    2)wamp server-if ur pc is 64 bit
       xampp server-if ut pc is 32 bit . Little difficult to get

    3)Bootstrap libraries--which should be present in the same folder where you are creating your html and css file.i will tell about these two files in future text.

    The Things you Should Know

    1)


     Html 
    it is the basic language that you have learnt in your 10th class .
    Given are the basic codes that you can type and check. Now you will also ask why should i learn html as now there is a time of html 5 . Now my friend as far as i reseached i get html 5 is nothing but the html only with only one major difference which is that in html you need to install many plugins to interact video and audio's with your html page .but html5 only makes linking these video's and audio's with the simple <video> and <audio> tags with many other cool functionalities also.


    1. <html>
    2. <head>
    3. <title>form</title>
    4. <body>
    5. <form>
    6. <h1 align="center">welcome to simplified theory survey</h1>
    7. <img src ="
    8. C:\Users\Himanshu\Desktop\simplified theory.PNG" alt="sorry for inconvinence" height="250" width="200">
    9. <p>what is your name?</p>
    10. <input type="text" name="name"><br>
    11. <p>what is your gender?</p>
    12. <input type="radio" name="gender" value="male">Male<br>
    13. <input type="radio" name="gender" value="female">Female<br>    
    14. <br>
    15. <p>which language do u know?</p>     <--!check boxes are for multiple select-->
    16. <h3><u><i>which language do u know?</u></i></h3> 
    17. <input type="checkbox" name="language" value="java">java<br>
    18. <input type="checkbox" name="language" value="c">c<br>
    19. <br>
    20. <input type="submit" name="Submit" value="submit"><br>
    21. <a href="link.html">click here to open link</a>



    22. </body>
    23. </head>
    24. </html>
    Must change image link before using this code

    Now what is the css file

    CSS is  a file that is  the kind of facial Makeup for your html file.i.e  u can have a beutiful borders and Some More Cool Graphical Sort of things with your css file.

    The given below file is excercise1.html file

    1. <html>
    2. <head>
    3. <title>Excercise 1</title>
    4.  
    5. <link 
    6. rel="stylesheet"
    7. href="excercise3.css"
    8. type="text/css"
    9. media="all"
    10. />
    11.  
    12. <body>
    13. <h1>welcome to Excercise 1 page</h1>
    14. <h2>welcome to Excercise 1 page</h2>
    15. <h3>welcome to Excercise 1 page</h3>
    16. <ul>
    17. <li>thankyou</li>
    18. <ol type="a">
    19. <li> this is a no.1</li>
    20. <li> this is a no.2</li>
    21. </ol>
    22. <li>welcome</li>
    23. </ul>
    24. <table border="1">
    25. <tr>
    26. <td><a href="link.html">click here</a>
    27.  </td>
    28. <td>cell 2</td>
    29. </tr>
    30. <tr>
    31. <td>cell 3</td>
    32. <td>cell 4</td>
    33. </tr>
    34. <a href="link.html">click here</a>
    35.  
    36.  
    37. </body>
    38. </head>
    39. </html>
    40.  
    In above code .This code i.e
    1. <link 
    2. rel="stylesheet"
    3. href="excercise3.css"
    4. type="text/css"
    5. media="all"
    6. />

    is linking your that html file with the css file "excercise3.css" . which is as follow
    1. body
    2. {
    3. background-color:pink;
    4. border-style:solid;
    5. border-width:5px;
    6. padding-top:50px;
    7. padding-right:20px;
    8. padding-left:30px;
    9. background-image:url("file:///C:/Users/Himanshu/Desktop/simplified%20theory.PNG");
    10.  
    11. }
    12.  
    13. li
    14. {
    15. font-family:"Times New Romon";
    16. font-size:25px;
    17. margin-left:100px;
    18. color:red
    19. }

    Now see in this css file you are giving property of all material under body tag some features like
    You are saying that background color should be pink,border style should be solid and etc etc.In that exercise1.html code .u also has link.html file .the code of this file is provided below
    1. <html>
    2. <head>
    3. <title>link.html</title>
    4. <body>
    5. <h1>Welcome to link.html</h1>
    6. <br>
    7. <img src="
    8. C:\Users\Himanshu\Desktop\simplified theory.PNG" alt="sorry for inconvinence" height="250" width="200">
    9.  
    10.  
    11. </body>
    12. </head>
    13. </html>

    In above code alt will be dispayed if image will not displayed. And that height and width is specified for the image that we want to get displayed.
    Now Let us discuss about bootstrap 
    As far as i have make out bootstrap is the name of library which facilates a kind of more new features to your html file beside css file.like table hover .table stripped etc.
    One more new thing you will find in a below bootstrap code is concept of class and div .learn about in detail from the video provided below


    Now let us finally let see the simple example of bootstrap library


    1. <html>
    2. <head>
    3. <title>bootstrapuse </title>
    4. <link 
    5. rel="stylesheet"
    6. href="bootstrap.css"
    7. type="text/css"
    8. media="all"
    9. />

    10. <link 
    11. rel="stylesheet"
    12. href="bootstrap.min.css"
    13. type="text/css"
    14. media="all"
    15. />

    16. <link 
    17. rel="stylesheet"
    18. href="bootstrap-theme.css"
    19. type="text/css"
    20. media="all"
    21. />

    22. <link 
    23. rel="stylesheet"
    24. href="bootstrap-theme.min"
    25. type="text/css"
    26. media="all"
    27. />
    28. </head>
    29. <body>
    30. <div class="container">
    31. <div class="col-lg-6">
    32. <h2>col1</h2>
    33. <p>hgdweyjfdguerfb</p>
    34. </div>

    35. <div class="col-lg-6">
    36. <h2>col2</h2>
    37. <p>hgdweyjfdguerfb</p>
    38. </div>

    39. <div class="col-lg-12">
    40. <p>hgdweyjfdguerfb</p>
    41. </div>

    42. <div class="col-lg-3">
    43. <h2>col1</h2>
    44. <p>hgdweyjfdguerfb</p>
    45. </div>

    46. <div class="col-lg-3">
    47. <h2>col2</h2>
    48. <p>hgdweyjfdguerfb</p>
    49. </div>

    50. <div class="col-lg-3">
    51. <h2>col3</h2>
    52. <p>hgdweyjfdguerfb</p>
    53. </div>

    54. <div class="col-lg-3">
    55. <h2>col4</h2>
    56. <p>hgdweyjfdguerfb</p>
    57. </div>

    58. <div class="col-lg-3">
    59. <h2>col5</h2>
    60. <p>hgdweyjfdguerfb</p>
    61. </div>

    62. <div class="col-lg-3">
    63. <h2>col6</h2>
    64. <p>hgdweyjfdguerfb</p>
    65. </div>

    66. <div class="col-lg-2">
    67. <h2>col7</h2>
    68. <p>hgdweyjfdguerfb</p>
    69. </div>

    70. <div class="col-lg-2">
    71. <h2>col8</h2>
    72. <p>hgdweyjfdguerfb</p>
    73. </div>

    74. <div class="col-lg-2">
    75. <h2>col7</h2>
    76. <p>hgdweyjfdguerfb</p>
    77. </div>

    78. <div class="col-lg-2">
    79. <h2>col8</h2>
    80. <p>hgdweyjfdguerfb</p>
    81. </div>
    82. </div>

    83. </body>
    84. </html>



    Now here the output of the above code will something like as follow




    The above code was just to make out the understanding of class,div and the New kind of font and graphics featured by bootstrap library that you can find by analyzing about output.

    Now if want to master you should now only work on 2 major projects which are shown an taught through video given in the last of every project.

    1.collapse Navigation Bar
     It will look like 




    Code:

    1. <html>
    2. <head>
    3. <title>Google</title>

    4. <link rel="stylesheet" href="./css/bootstrap.css">
    5. <link rel="stylesheet" href="./css/bootstrap.min.css">
    6. <link rel="stylesheet" href="./css/bootstrap-theme.css">
    7. <link rel="stylesheet" href="./css/bootstrap-theme.min.css">
    8. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    9. <script src="./js/bootstrap.min.js"></script>

    10. </head>
    11. <body>
    12.  <nav class="navbar navbar-default">
    13.   <div class="container">
    14.      <div class="navbar-header">
    15.       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
    16.         <span class="icon-bar"></span>
    17.         <span class="icon-bar"></span>
    18.         <span class="icon-bar"></span>                        
    19.       </button>
    20.       <a class="navbar-brand" href="#">WebSiteName</a>
    21.     </div>
    22.     <div class="collapse navbar-collapse" id="myNavbar">
    23.       <ul class="nav navbar-nav">
    24.         <li class="active"><a href="#">Home</a></li>
    25.         <li><a href="#">Page 1</a></li>
    26.         <li><a href="#">Page 2</a></li>
    27.       </ul>
    28.   </div>
    29. </div>
    30.  </nav>

    31. </body>
    32. </html>
    To Know it's made watch Video given below:-



    And 

    2nd Project is the Sliding Bar

    It will look like


    Code

    1. <html>
    2. <head>
    3. <title>Exercise</title>

    4. <link rel="stylesheet" href="./css/bootstrap.css">
    5. <link rel="stylesheet" href="./css/bootstrap.min.css">
    6. <link rel="stylesheet" href="./css/bootstrap-theme.css">
    7. <link rel="stylesheet" href="./css/bootstrap-theme.min.css">
    8. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    9. <script src="./js/bootstrap.min.js"></script>
    10.  <style>
    11.   .carousel-inner > .item > img
    12.    {
    13.       width: 40%;
    14.       margin: auto;
    15.   }
    16.   </style>
    17. </head>
    18. <body>
    19.  <div id="myCarousel" class="carousel slide" data-ride="carousel">
    20.   <!-- Indicators -->
    21.   <ol class="carousel-indicators">
    22.     <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    23.     <li data-target="#myCarousel" data-slide-to="1"></li>
    24.     <li data-target="#myCarousel" data-slide-to="2"></li>
    25.   </ol>

    26.   <!-- Wrapper for slides -->
    27.   <div class="carousel-inner" role="listbox">
    28.     <div class="item active">
    29.       <img src="1.jpg" alt="Cat" width="200" height="200">
    30.     </div>

    31.     <div class="item">
    32.       <img src="2.jpg" alt="Cat" width="200" height="200">
    33.     </div>

    34.     <div class="item">
    35.       <img src="3.jpg" alt="Cat" width="200" height="200">
    36.     </div>

    37.    
    38.   </div>

    39.   <!-- Left and right controls -->
    40.   <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
    41.     <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    42.     <span class="sr-only">Previous</span>
    43.   </a>
    44.   <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
    45.     <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    46.     <span class="sr-only">Next</span>
    47.   </a>
    48. </div>

    49. </body>
    50. </html>




    Video



    Now Let us learn what is PHP 

    Till Now whatever u have studied was the part of Website Designing .i.e that stuff will make you capable to draw how your website should look..

    But what about a adding a feature like adding calculator feature and other kind of feature for your website for that you need a programming langauage. PHP and java script are that programming languages only. 

    Watch below 2.15 minutes of video to make out better what i have just expalined





    Now let us discuss the basic code of php's

    suppose you have created a form html file as earlier but now you also want to see what you have entered in your field. for that you need a two files one of html and other that of php

    the given file is formecho.html

    1. <html>
    2. <body>
    3. <form action="formecho.php" method="POST">
    4. email:<input type="text" name="email">
    5. phn num:<input type="text" name="phn">
    6. <input type="submit" name="button" value="submit">
    7. </form>
    8. </body>
    9. </html>
    and there is also one php file along with it which is named as  phpecho.php for simplicity
    and its code is as follow :-

    1. <!-- we are edited the form.html because of it -->
    2. <?php
    3. if(isset($_POST["button"]))
    4. {
    5. $email=$_POST["email"];
    6. $phn=$_POST["phn"];
    7.     echo $email;
    8. echo '<br>';
    9. echo $phn;
    10. INSERT INTO `students`(`id`, `name`) VALUES ('$phn','$email')
    11. }
    12. ?>
    Now here <?    lab lab ! ?> is the syntax of php file and
    $ is used to intiallize variable like here email ,phn 
    and
    echo is a keyword that is use to display the variable
    and INSERT command is the sql command which will be used in order to put this data in your database. and obviously this database needs an server and for that only we have dowloaded an ofline server XAMPP in case you have 32-bit processor and WAMP in case you have 64-bit processor.How to use this server and run above code i will tells soon . One more thing i want to tell that while you will run your code in 32-bit PC .there you may have chances that you might not run some of the programs in your ofline server XAMP but surely if your approch is correct than u will run them your practical server i.e your hosting.

    Now let us discuss  How to use this server and run above code

    To use above server followuing commands will be used like

    1)localhost/formecho.php to run your php code
    2)localhost/phpmyadmin to create your data base 

    How to create phpmyadmin database for that 2-3 min video given below



    the above video is for XAMP similar steps is for WAMP also.

    I have written one code for fetching data from wamp server .you can have a look at it.in the below code the beauty is that i have used both php as well as html code in same file named as "fetchingdatafrombackend.php".the code is here-->

    1. <?php
    2. error_reporting(E_ERROR);
    3. include "connect_to_mysql.php";
    4. $sql= mysql_query("SELECT * from students");
    5. while($row=mysql_fetch_array($sql))
    6. {
    7. $name=$row["name"];
    8. $stream=$row["stream"];
    9. $view .='
    10.      <tr>
    11.  <td>'.$name.'</td>
    12.  <td>'.$stream.'</td>
    13.  </tr>
    14.  ';
    15.   
    16. }
    17. ?>

    18. <html>
    19. <head>
    20. <title>Data from backend</title>
    21. </head>
    22. <body>
    23. <h1>DATA from backend</h1>
    24. <table border="1">
    25. <tr>
    26. <td>Name</td>
    27. <td>Stream</td>
    28. <td>id</td>
    29. </tr>
    30. <?php echo $view;?>
    31. </table>
    32. </body>
    33. </html>
    Now what is javascript
    i also not know much about it but know when u open your google chrome-->right click-->inspect and go to console that is a command window of java script. Must type 2+3 there and see the magic you will find 5 as your output....
    Learn Javascript and Must share your own short blog like mine in comment section

    Beside above i have also done lot more research on creating more sexy websites.
    For that you can 
    1) Google WebDeveloper tool 
    2) Gdrive and Google also have its free hosting if you are into coding then you can check Google Cloud
     
    Watch Video


    To test your above webpages you can use
    1) Github
    2) you can also get free domain with .tk extension at  dot.tk website

    There are also following smart ways to Host your Website