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. 
   
4. int(*p)[3]=b;       <--correct statement
5. 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]
6. .
7. printf("%d",*(*b+1)); <--means value at b[0][1] which is 2
8. .
9. Concluded: b[i][j]=*(b[i]+j) / *(*(b+i)+j) 
10. .
11. .
12. 
    
13. printf("%d",b+1);/printf("%d",*(b+1));/printf("%d",b[1]);/printf("%d",&b[1][0]);<--means 
14.                                                 //address of first element second row b[1][0]
15. 
    
16. printf("%d",*(b+1)+2);.  //means address of b[1][2]
17. 
    

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. 
   
5.  printf("%d",*(c[1]+1))/ / printf("%d",c[1][1])/ / printf("%d",&c[1][1][0])<--addr of c[1][1][0]
6.                                        printf("%d",*(c[0][1]+1)) <--value of c[0][1][1];
7. 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. 
   
5. printarray(a);  
6.    
7. }
8. .
9. .
10. .
11. .
12. void printarray(int *p)
13. {
14. for(int i=0 ; i<=4 ;i++)
15.   {
16. printf("%d",*p);
17.    }
18. }
19. }

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. 
   
4. int main()
5. {
6.     int a=20;
7.     char k;
8.     printf("type casted k=(char)a ");
9.     k=(char)a;
10.     printf("the value of k=%c\n",k);
11.     printf("type casted a=k ");
12.     k='a';
13.     a=k;
14.     printf("the value of a=%c\n",(char)a);
15. 
    
16. getch();
17. return 0;
18. }

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. 
    
16. 
    
17. int addi()     /
18. {
19.     auto int i ;   
20.     printf("add i=%d",i);  //now here i value will change as this is auto and scope of that i ended
21.     return i;
22. }
23. /*u know how scope overs ? i tell u this code works in stack area of ram and when scope overs
24. then in stack meomory previous i value get poped i.e it get deleted.
25. and Now as soon as i get initialised in addi() at that time lifetime of previous i variable get 
26. 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. 
   
5. int main()
6.    {
7.           
8.    reg int i;   
9.    
10.    if(i--)
11.    {
12.           printf("%d",i);
13.           main();
14. }
15.    
16.    
17.    
18.    getch();
19.    return 0;
20.           }

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. 
   
4.                                                               //no i outside
5. int main()
6.    {
7.           
8.    static int i=3;   
9.    
10.    if(i--)
11.    {
12.           printf("%d",i);
13.           main();
14. }
15.    
16.    
17.    
18.    getch();
19.    return 0;
20.           }

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

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. 
   
4. int i=3;                                                                  //i declare outside here
5. int main()
6.    {
7.           
8.    extern int i;   //this statement means don't create seprate meom for i here as i is already 
9.                          //created globally
10. //let if u write here i=5 then it will change i value all across program.   
11.    if(i--)
12.    {
13.           printf("%d",i);
14.           main();
15. }
16.    
17.    
18.    
19.    getch();
20.    return 0;
21.           }

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

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. 
    
23. 
    
24. 
    
25. </body>
26. </head>
27. </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. 
    
11. <link 
12. rel="stylesheet"
13. href="bootstrap.min.css"
14. type="text/css"
15. media="all"
16. />
17. 
    
18. <link 
19. rel="stylesheet"
20. href="bootstrap-theme.css"
21. type="text/css"
22. media="all"
23. />
24. 
    
25. <link 
26. rel="stylesheet"
27. href="bootstrap-theme.min"
28. type="text/css"
29. media="all"
30. />
31. </head>
32. <body>
33. <div class="container">
34. <div class="col-lg-6">
35. <h2>col1</h2>
36. <p>hgdweyjfdguerfb</p>
37. </div>
38. 
    
39. <div class="col-lg-6">
40. <h2>col2</h2>
41. <p>hgdweyjfdguerfb</p>
42. </div>
43. 
    
44. <div class="col-lg-12">
45. <p>hgdweyjfdguerfb</p>
46. </div>
47. 
    
48. <div class="col-lg-3">
49. <h2>col1</h2>
50. <p>hgdweyjfdguerfb</p>
51. </div>
52. 
    
53. <div class="col-lg-3">
54. <h2>col2</h2>
55. <p>hgdweyjfdguerfb</p>
56. </div>
57. 
    
58. <div class="col-lg-3">
59. <h2>col3</h2>
60. <p>hgdweyjfdguerfb</p>
61. </div>
62. 
    
63. <div class="col-lg-3">
64. <h2>col4</h2>
65. <p>hgdweyjfdguerfb</p>
66. </div>
67. 
    
68. <div class="col-lg-3">
69. <h2>col5</h2>
70. <p>hgdweyjfdguerfb</p>
71. </div>
72. 
    
73. <div class="col-lg-3">
74. <h2>col6</h2>
75. <p>hgdweyjfdguerfb</p>
76. </div>
77. 
    
78. <div class="col-lg-2">
79. <h2>col7</h2>
80. <p>hgdweyjfdguerfb</p>
81. </div>
82. 
    
83. <div class="col-lg-2">
84. <h2>col8</h2>
85. <p>hgdweyjfdguerfb</p>
86. </div>
87. 
    
88. <div class="col-lg-2">
89. <h2>col7</h2>
90. <p>hgdweyjfdguerfb</p>
91. </div>
92. 
    
93. <div class="col-lg-2">
94. <h2>col8</h2>
95. <p>hgdweyjfdguerfb</p>
96. </div>
97. </div>
98. 
    
99. </body>
100. </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. 
   
5. <link rel="stylesheet" href="./css/bootstrap.css">
6. <link rel="stylesheet" href="./css/bootstrap.min.css">
7. <link rel="stylesheet" href="./css/bootstrap-theme.css">
8. <link rel="stylesheet" href="./css/bootstrap-theme.min.css">
9. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
10. <script src="./js/bootstrap.min.js"></script>
11. 
    
12. </head>
13. <body>
14.  <nav class="navbar navbar-default">
15.   <div class="container">
16.      <div class="navbar-header">
17.       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
18.         <span class="icon-bar"></span>
19.         <span class="icon-bar"></span>
20.         <span class="icon-bar"></span>                        
21.       </button>
22.       <a class="navbar-brand" href="#">WebSiteName</a>
23.     </div>
24.     <div class="collapse navbar-collapse" id="myNavbar">
25.       <ul class="nav navbar-nav">
26.         <li class="active"><a href="#">Home</a></li>
27.         <li><a href="#">Page 1</a></li>
28.         <li><a href="#">Page 2</a></li>
29.       </ul>
30.   </div>
31. </div>
32.  </nav>
33. 
    
34. </body>
35. </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. 
   
5. <link rel="stylesheet" href="./css/bootstrap.css">
6. <link rel="stylesheet" href="./css/bootstrap.min.css">
7. <link rel="stylesheet" href="./css/bootstrap-theme.css">
8. <link rel="stylesheet" href="./css/bootstrap-theme.min.css">
9. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
10. <script src="./js/bootstrap.min.js"></script>
11.  <style>
12.   .carousel-inner > .item > img
13.    {
14.       width: 40%;
15.       margin: auto;
16.   }
17.   </style>
18. </head>
19. <body>
20.  <div id="myCarousel" class="carousel slide" data-ride="carousel">
21.   <!-- Indicators -->
22.   <ol class="carousel-indicators">
23.     <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
24.     <li data-target="#myCarousel" data-slide-to="1"></li>
25.     <li data-target="#myCarousel" data-slide-to="2"></li>
26.   </ol>
27. 
    
28.   <!-- Wrapper for slides -->
29.   <div class="carousel-inner" role="listbox">
30.     <div class="item active">
31.       <img src="1.jpg" alt="Cat" width="200" height="200">
32.     </div>
33. 
    
34.     <div class="item">
35.       <img src="2.jpg" alt="Cat" width="200" height="200">
36.     </div>
37. 
    
38.     <div class="item">
39.       <img src="3.jpg" alt="Cat" width="200" height="200">
40.     </div>
41. 
    
42.    
43.   </div>
44. 
    
45.   <!-- Left and right controls -->
46.   <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
47.     <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
48.     <span class="sr-only">Previous</span>
49.   </a>
50.   <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
51.     <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
52.     <span class="sr-only">Next</span>
53.   </a>
54. </div>
55. 
    
56. </body>
57. </html>
58. 
    
59. 
    
60. 
    

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. 
   
2. <!-- we are edited the form.html because of it -->
3. <?php
4. if(isset($_POST["button"]))
5. {
6. $email=$_POST["email"];
7. $phn=$_POST["phn"];
8.     echo $email;
9. echo '<br>';
10. echo $phn;
12. INSERT INTO `students`(`id`, `name`) VALUES ('$phn','$email')
13. }
15. ?>

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. 
    
19. <html>
20. <head>
21. <title>Data from backend</title>
22. </head>
23. <body>
24. <h1>DATA from backend</h1>
25. <table border="1">
26. <tr>
27. <td>Name</td>
28. <td>Stream</td>
29. <td>id</td>
30. </tr>
31. <?php echo $view;?>
32. </table>
33. </body>
34. </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

1. Google Cloud Storage: How to Host a Static Website
2. Google Drive: How to host a web page on Google Drive
3. AWS (S3): Static Web Hosting With Amazon S3