The controller properties is used to assign a value from inside the function and access it from html using ng-bind or "{{}}" directive.
22:29
Merbin Joe
AngularJS is the JavaScript Framework, This framework library is written in javascript. This framework is include using the <script> tag.
AngularJS includes ng-directives along with HTML
ng-app:
This directive is define as AngularJS application
ng-model:
This directive is used to bind the value of the HTML controls to application data such as input,select,textarea
ng-bind:
This directive is used to bind the application data to HTML view.
If you write the code without using "ng-app" that will execute as normal HTML Language.AngularJS need to import a external js file. The online url link is
AngularJS includes ng-directives along with HTML
ng-app:
This directive is define as AngularJS application
ng-model:
This directive is used to bind the value of the HTML controls to application data such as input,select,textarea
ng-bind:
This directive is used to bind the application data to HTML view.
If you write the code without using "ng-app" that will execute as normal HTML Language.AngularJS need to import a external js file. The online url link is
18:16
Merbin Joe
If you have never had any programming, Algebra, or scripting experience, then the concept of variables might be a new concept to you. A detailed explanation of variables is beyond the scope of this tutorial, but we have included a refresher crash course to guide you.
A variable is a means of storing a value, such as text string "Hello World!" or the integer value 4. A variable can then be reused throughout your code, instead of having to type out the actual value over and over again. In PHP you define a variable with the following form:
$variable_name = Value;
If you forget to put dollar sign at the beginning, it won't work. This is a common mistake for all new PHP programmers.
A Quick Variable Example
Say that we wanted to store the values that we talked about in the above paragraph. How would we go about doing this? We would first want to make a variable name and set that equal to the value we want. see the below example
PHP Code:
<?php
$hello = "Hello World!";
$a_number = 4;
$anotherNumber = 8;
?>
$hello = "Hello World!";
$a_number = 4;
$anotherNumber = 8;
?>
Note for programmers: PHP does not require variables to be declared before being initialized.
PHP Variable Naming Conventions
There are a few rules that you need to follow when choosing a name for your PHP variables.- variables should start with a letter or underscore "_"
- variables may only be comprised of alpha-numeric characters and underscores.A-Z, 0-9, a-z, or _(underscore)
- Variables with more than one word must be separated with underscores. $phpvariable
- Variables with more than one word can also be distinguished with capitalization. $phpVariable
18:04
Merbin Joe
Below is an example of one of the easiest PHP and HTML page that you can create and still follow web standards.
Output:
HTML and PHP program Hello World!
If you save this file and place it on PHP enabled server and load it up in your web browser, then you should see "Hello World!" displayed. If not, please check that you followed our example correctly.
We used the PHP function echo to write "Hello World!" and we will be talking in greater depth about this PHP function and many others later on in this tutorial.
PHP and HTML Code:
<html>
<head>
<title>PHP and HTML program</title>
</head>
<body>
<?php
echo "HTML and PHP program Hello World!";
?>
</body>
</html>
<head>
<title>PHP and HTML program</title>
</head>
<body>
<?php
echo "HTML and PHP program Hello World!";
?>
</body>
</html>
Output:
HTML and PHP program Hello World!
If you save this file and place it on PHP enabled server and load it up in your web browser, then you should see "Hello World!" displayed. If not, please check that you followed our example correctly.
We used the PHP function echo to write "Hello World!" and we will be talking in greater depth about this PHP function and many others later on in this tutorial.
16:40
Merbin Joe
Step 1:
Have the Folder you want to put the background on open!Step 2:
Open the Notepad or notepad++ or any other editor, then simply paste in the below code:[{BE098140-A513-11D0-A3A4-00C04FD706EC}]
iconarea_image=***Directory of the file!***\***file name with extension!***
Step 3:
Go to your picture (the picture you want to use!) and right click and selectproperties and find the file location for example lets say my file is in "my hard disk drive" it
would be located at "C:\\" drive copy that file location!
Step 4:
Now go back to your text file (notepad) and where it says ***Directory of the file*** paste the location... you copied in the previus step!Step 5:
Now after u've done that where it says ***file name with extension*** type the nameof the file including the .bip .bmp .jpg .jpeg etc
Step 6:
Save the text file as "desktop.ini" be sure to remember the .iniextension! click Save as "All Files" not "Text file" and save the file in the
folder where u want the background to be!
Now just close the folder and open it again it should show the picture as a
background!
02:16
Merbin Joe
A structure allows you to create your own custom data types and it contains one or more
members that can be of different data types. It can contain fields, methods, etc.
Structures are very similar to classes but there are some restrictions present in the case of
structures that are absent in the case of classes. For example you cannot initialize
structure members. Also you cannot inherit a structure whereas classes can be inherited.
Another important feature of structures differentiating it from classes is that a structure
can't have a default parameter-less constructor or a destructor. A structure is created on
the stack and dies when you reach the closing brace in C# or the End structure in
VB.NET.
But one of the most important differences between structures and classes is that structures
are referenced by value and classes by reference. As a value type, allocated on the stack,
structs provide a significant opportunity to increase program efficiency. Objects on the
stack are faster to allocate and de-allocate. A struct is a good choice for data-bound
objects, which don’t require too much memory. The memory requirements should be
considered based on the fact that the size of memory available on the stack is limited than
the memory available on the heap.
Thus we must use classes in situations where large objects with lots of logic are required.
Struct – Code: Sample code showing the Class vs. Structures
Class-Example:-
Struct-Example:-
Advertisement
members that can be of different data types. It can contain fields, methods, etc.
Structures are very similar to classes but there are some restrictions present in the case of
structures that are absent in the case of classes. For example you cannot initialize
structure members. Also you cannot inherit a structure whereas classes can be inherited.
Another important feature of structures differentiating it from classes is that a structure
can't have a default parameter-less constructor or a destructor. A structure is created on
the stack and dies when you reach the closing brace in C# or the End structure in
VB.NET.
But one of the most important differences between structures and classes is that structures
are referenced by value and classes by reference. As a value type, allocated on the stack,
structs provide a significant opportunity to increase program efficiency. Objects on the
stack are faster to allocate and de-allocate. A struct is a good choice for data-bound
objects, which don’t require too much memory. The memory requirements should be
considered based on the fact that the size of memory available on the stack is limited than
the memory available on the heap.
Thus we must use classes in situations where large objects with lots of logic are required.
Struct – Code: Sample code showing the Class vs. Structures
Class-Example:-
using System;
class Test
{
int classvar ;
int anothervar =20;
public Test ( )
{
classvar = 28;
}
public static void Main()
{
Test t = new Test();
ExampleStruct strct = new ExampleStruct(20);
System.Console.WriteLine(strct.i);
strct.i = 10;
System.Console.WriteLine(t.classvar);
System.Console.WriteLine(strct.i);
strct.trialMethod();
}
}
class Test
{
int classvar ;
int anothervar =20;
public Test ( )
{
classvar = 28;
}
public static void Main()
{
Test t = new Test();
ExampleStruct strct = new ExampleStruct(20);
System.Console.WriteLine(strct.i);
strct.i = 10;
System.Console.WriteLine(t.classvar);
System.Console.WriteLine(strct.i);
strct.trialMethod();
}
}
Struct-Example:-
struct ExampleStruct
{
public int i;
public ExampleStruct(int j)
{
i = j;
}
public void trialMethod()
{
System.Console.WriteLine("Inside Trial Method");
}
}
output
O/P:-
28
20
10
Inside Trial Method
{
public int i;
public ExampleStruct(int j)
{
i = j;
}
public void trialMethod()
{
System.Console.WriteLine("Inside Trial Method");
}
}
output
O/P:-
28
20
10
Inside Trial Method
Advertisement
02:07
Merbin Joe
There are times when we may want a property to be read-only – such that it can’t be
changed.
This is where read-only properties come into the picture. A Read Only property is one
which includes only the get accessor, no set accessor.
Example:
Similar to read-only properties there are also situations where we would need
something known as write-only properties. In this case the value can be changed
but not retrieved. To create a write-only property, use the WriteOnly keyword and
only implement the set block in the code as shown in the example below.
Advertisement
changed.
This is where read-only properties come into the picture. A Read Only property is one
which includes only the get accessor, no set accessor.
Example:
public readOnly int empid
{
get
{
return empid;
}
}
{
get
{
return empid;
}
}
Similar to read-only properties there are also situations where we would need
something known as write-only properties. In this case the value can be changed
but not retrieved. To create a write-only property, use the WriteOnly keyword and
only implement the set block in the code as shown in the example below.
public writeOnly int e
{
set
{
e = value
}
}
{
set
{
e = value
}
}
Advertisement
02:00
Merbin Joe
Get accessor
The execution of the get accessor is equivalent to reading the value of the field.The following is a get accessor that returns the value of a private field name:
private string name; // the name field
public string Name // the Name property
{
get
{
return name;
}
}
public string Name // the Name property
{
get
{
return name;
}
}
Set accessor
The set accessor is similar to a method that returns void. It uses an implicit parametercalled value, whose type is the type of the property. In the following example, a set
accessor is added to the Name property:
public string Name
{
get
{
return name;
}
set
{
name = value;
}
}
{
get
{
return name;
}
set
{
name = value;
}
}
When you assign a value to the property, the set accessor is invoked with an argument
that provides the new value. For example:
e1.Name = "Reshmi"; // The set accessor is invoked here
It is an error to use the implicit parameter name (value) for a local variable declaration in
a set accessor.
Advertisement
01:41
Merbin Joe
Overloading
Overloading provides the ability to create multiple methods or properties with the samename, but with different parameters lists. This is a feature of polymorphism. A simple
example would be an addition function, which will add the numbers if two integer
parameters are passed to it and concatenate the strings if two strings are passed to it.
Example:-
using System;
public class test
{
public int Add(int a , int b)
{
return(a + b);
}
public string Add(String a, String b )
{
return (a + b);
}
public static void Main()
{
test x = new test ();
int y;
String z;
y = x.Add(1, 2);
z = x.Add("Merbin", " Joe");
Console.WriteLine(y);
Console.WriteLine(z);
}
}
public class test
{
public int Add(int a , int b)
{
return(a + b);
}
public string Add(String a, String b )
{
return (a + b);
}
public static void Main()
{
test x = new test ();
int y;
String z;
y = x.Add(1, 2);
z = x.Add("Merbin", " Joe");
Console.WriteLine(y);
Console.WriteLine(z);
}
}
Output:-
3
Merbin Joe
Merbin Joe
Overriding
Class inheritance causes the methods and properties present in the base class also to bederived into the derived class. A situation may arise wherein you would like to change
the functionality of an inherited method or property. In such cases we can override the
method or property of the base class. This is another feature of polymorphism.
Example:-
public abstract class sample
{
public abstract void display()
{
Console.WriteLine("Sample");
}
}
public class square: sample
{
public override void display()
{
Console.WriteLine("This is a square");
}
}
public class rectangle:sample
{
public override void display()
{
Console.WriteLine("This is a rectangle");
}
}
{
public abstract void display()
{
Console.WriteLine("Sample");
}
}
public class square: sample
{
public override void display()
{
Console.WriteLine("This is a square");
}
}
public class rectangle:sample
{
public override void display()
{
Console.WriteLine("This is a rectangle");
}
}
Advertisement
01:26
Merbin Joe
Simple Types (Primitive Data types)
Simple or value type variables are those, which are assigned space in the stack instead ofthe heap. All the primitive types such as int, double etc are value type variables. The
simple types basically consist of Boolean and Numeric types, where Numeric is further
divided into Integral and Floating Point.
The first rule of value types is that they cannot be null. Anytime you declare a variable of
value type, you have allocated the number of bytes associated with that type on the stack
and are working directly with that allocated array of bits. In addition, when you pass a
variable of value type, you are passing that variable’s value and not a reference to the
underlying object.
Object Type
Object type or reference type variables are those, which are allocated storage space in theheap. Reference type objects can be null. When a reference type is allocated under the
covers a value is allocated on the heap and a reference to that value is returned. There are
basically four reference types: classes, interfaces, delegates and arrays.
Class Type
Custom data types are available in .NET framework in the form of classes or class type. Itis nothing but a set of data and related behavior that is defined by the developer.
Object type and class type are both reference type variables. The only difference comes
from the fact that object type consists of objects predefined and available with the .NET
framework such as string whereas class type consists of custom user defined data types
such as the class employee given below.
Example:-
class employee
{
int empid;
string empname;
public employee()
{
empid = 10;
empname = “Reshmi”;
}
}
Advertisement
00:54
Merbin Joe
Typing practices
Typing is the very important when we have using the system, every one needs to type speed then only you can shine in the world. If you have very talent in programming or other and you don't have the knowledge in typing then that is very insulting from other people. So you should need to learn the typing. Her you have 13 lesions and live image view for user understanding.
00:00:00
Hi sample Created By Merbin Joe, sample program available hereHi sampleHi sample Created By Merbin Joe, sample program available hereHi sampleHi sample Created By Merbin Joe, sample program available hereHi sampleHi sample Created By Merbin Joe, sample program available hereHi sampleHi sample Created By Merbin Joe, sample program available hereHi sampleHi sample Created By Merbin Joe, sample program available hereHi sample Created By Merbin Joe, sample program available hereHi sample Created By Merbin Joe, sample program available here
23:03
Merbin Joe
In this tutorial we are learn about css background animation without any javascript or jQuery. This animation purely created from css coding and in here we have to used four div tag and three images.
The three images in .png format then only we can animate without white blank space. You can edit and run this program instantly by using my html live editor. No Redirect is there.
Example Program:- (Editor)
Output:-
Advertisement
Screen Shots:-
The three images in .png format then only we can animate without white blank space. You can edit and run this program instantly by using my html live editor. No Redirect is there.
Example Program:- (Editor)
Output:-
Advertisement
Screen Shots:-
23:38
Merbin Joe
In the below example we are going to see the model popup window, this is purely created using CSS only (no javascript or jQuery).
The popup is called by two link button (<A> tag), and its href is assigned by another id, the id contain some css property's and <div> , <p> and <a> tag for close the popup window. See the below example, you can edit it and see the output instantly by using my HTML live editor.
Example Program:- (Editor)
Output:-
Advertisement
Screen Shots:-
The popup is called by two link button (<A> tag), and its href is assigned by another id, the id contain some css property's and <div> , <p> and <a> tag for close the popup window. See the below example, you can edit it and see the output instantly by using my HTML live editor.
Example Program:- (Editor)
Output:-
Advertisement
Screen Shots:-
22:24
Merbin Joe
Who need this?
This extension is very useful to HTML or CSS developer or learner, because you can write the html program left side and Get the program output on the other side instantly (If you enable the "Auto Submit" Checkbox)
Features
Real Time output
If you enable the "Auto Submit" checkbox you can get the instant output, when you typing on the left side. Otherwise after enter the code you need press the "Submit Changes" Button. "Reset button" is used to restore the first installed code.
Code Line Number
You can see the number of lines for the corresponding code. So you can able to get the size of the code easier.
Marker
The marker is used to mark the position of the line, may be you need to remember some lines, in that situation you can put the marker.
Last Output
Your last output will be store automatically in your browser. This is not temporary storage, after restart your system also you can able to see the final code.
Tag Alignment
Your HTML or CSS code will be align automatically, so your code will appear in clear view and you can able to identify your mistakes easier.
Colors
Color's apply automatically opening tag and closing tag, also the attributes different color's.
Style Tag
Style tag also supported, write your class's on style tag and applied it to your div or other HTML elements.
This extension is very useful to HTML or CSS developer or learner, because you can write the html program left side and Get the program output on the other side instantly (If you enable the "Auto Submit" Checkbox)
Features
Real Time output
If you enable the "Auto Submit" checkbox you can get the instant output, when you typing on the left side. Otherwise after enter the code you need press the "Submit Changes" Button. "Reset button" is used to restore the first installed code.
Code Line Number
You can see the number of lines for the corresponding code. So you can able to get the size of the code easier.
Marker
The marker is used to mark the position of the line, may be you need to remember some lines, in that situation you can put the marker.
Last Output
Your last output will be store automatically in your browser. This is not temporary storage, after restart your system also you can able to see the final code.
Tag Alignment
Your HTML or CSS code will be align automatically, so your code will appear in clear view and you can able to identify your mistakes easier.
Colors
Color's apply automatically opening tag and closing tag, also the attributes different color's.
Style Tag
Style tag also supported, write your class's on style tag and applied it to your div or other HTML elements.
DOWNLOAD LINK
Screen Shot:-
22:15
Merbin Joe
In this animation I am using CSS jQuery and HTML <div> tag and <a> tag. All the animations are control from css and jQuery. In here jQuery is used to just add the class to the div in specific delay. CSS mainly using keyframe and transform properties.
See the below code and output.
Example Program:- (Editor)
Output:-
Advertisement
Screen Shots:-
See the below code and output.
Example Program:- (Editor)
Output:-
Advertisement
Screen Shots:-
Subscribe to:
Posts (Atom)
Labels
- javascript
- JQuery
- javascript Beginner
- materializecss
- HTML
- Tips
- Animation Program
- css
- AngularJS
- blogger
- Application
- Game
- RGraph
- SQL
- Php
- .net
- Other
- Tools
- Article
- Android
- Button
- Software
- puzzle
- asp.net
- Theme
- telerik
- Flash
- Cordova
- Website
- c#
- Java
- College
- Hardware
- Maths
- Physicsjs
- Chrome Extension
- DOS
- Naturals
- SQLite
- xml
- Batch
- CarRace
- Image
- MVC
- Networking
- Typing
- WebView
- Xara 3D