Subscribe
Duration : 1 Year
Author : Web Development Tutorials
Price : $100
Tecwallet Funds available: $0
LogIn Forgot password? Create account
OR
That you are at right place. Even if you don't need placement assistance, after finishing this course you will be able to boost your web developer career or you will be able to start you own startup website.
It's a one-stop-shop for everything you need to start creating professional websites that engage visitors, call them to action and ultimately - make you money!
Take the exam associated to this course and get Web developer Certificate and become eliigible for various webdeveloper jobs available at Tecwallet Job site.
Feel free to contact me for any query.
Topics :
A DOCTYPE simply declares the document type for a particular file (It is not a HTML tag). This declaration should be present on the top of your HTML file before you start writing actual HTML “code”.
You really don’t need to think much about DOCTYPEs unless you plan to get to become part of a standards committee that works on creating and standardising DOCTYPE declarations.
Ok, lets go ahead and create a HELLO WORLD web page now using HTML
Topics :
These tags are the base element for any html webpage, and they define how the structure is laid for a particular page.
Head – This tag contains all the head elements for a particular webpage. The content in head tag loads before the body tag. External scripts, CSS files, style files, etc will also go inside head tag.
Title – This defines the title of a web page
Body – This is the actual content of webpage
i – to put a certain text in italics
em – to put emphasis on certain text (generally behaves same as i tag)
div – create a division element on webpage
b – bold the text within <b>..</b> tags
p – create a new paragraph (automatically starts from a new line)
<br /> - put a line break, so that the text following this tag starts on a new line.
Topics:
Lets get started with a hyperlink using <a> tag and <href> attribute of a tag
<a> - Stands for anchor tag
<href> - Href attribute specifies the URL of the page that the link should go to
URL should be the actual link to which the user should be redirected, for eg: in case of google.com the URL must be http://www.google.com
Lets try it in editor
Topics:
<img> - Stands for image tag
<src> - src attribute specifies the source URL of the image within the image tag.
URL should be the actual link from where the browser needs to fetch the image.
The URL should preferably end in image file’s extension such as http://www.example.com/a/1.jpg where .jpg represents the extension of the image.
width/height – These define the dimensions of image to be displayed on webpage
Lets add an image to our HelloWorld.html file and see how it shows up in the browser.
Topics:
<button> - The button tag creates a clickable button in your HTML webpage
There are different types of buttons and it is recommended to mention the button type you intend to use because different browsers have different default button types in case you don’t mention any button type explicitly.
Types of buttons:
button: creates a clickable button
reset: This is used along with a form, it resets all the form values to what they were by default (i.e. before the user entered any values)
submit: This is used along with a form and it submits the form to the desired URL
Lets go ahead and create a Google Custom Search form that allows you to enter a text and as you click on Submit button, it redirects you to Google Search Results for that text
Topics:
<form> - The form tag allows user to create forms using HTML
action – the action attribute of form tag defines the url where that particular form must be submitted.
<input> - The input tag creates input elements on the web page where user can enter information.
Lets play with our Google Custom Search form and learn more about forms in general
Topics:
<table> - The table tag allows user to create tables using HTML
<tr> – tr stands for table rows and it allows users to create table rows.
<td> - td stands for table data and it allows users to enter values / data in the table rows.
<th> - Users can optionally decide to create a heading for table using th tag.
colspan – colspan stands for column span and it allows user to span the table heading across any number of columns of the table.
Lets see how tables work by actually creating a table.
Topics :
<style> - Style attribute lets you define different styling features for any particular element that contains some form of text / image or other data within the tags.
font-family – font-family property changes the font type of text (eg: courier new, arial, etc.)
font-size – changes the size of font (eg: 20px)
color – changes the font color (eg: blue, green, yellow, or hexadecimal values like #FF0000 for a shade of red)
Lets try these different styling attributes.
Topic:
The background colour of a webpage can be changed using attribute bgcolor within the same angular brackets from where the body tag starts.
bgcolor can be given normal colour values (eg: yellow, black, green, etc.) as well as hex values (eg: #FF3300) for a shade of red.
Lets check it out with our sample html file
selector {
property: value;
}
A selector can be any HTML element, such as > <img> or <table>. You just take off the angular brackets ( <> ) !
A property is an aspect of a selector. For instance, you can change the font-family, color, and font-size of the text on your web pages. These are called properties.
A value is a possible setting for a property. color can be black, green, red or almost any color include hex values; font-family can be anything from a huge list of available and supported fonts and so on for other properties like font-size, etc.
Each property-value must be ended with a semicolon ( ; ). Semicolon tells CSS that you are done with one pair of property-value.
Strings need to be enclosed within quotes as shown above, however numbers must only be written as normal numbers, without any quotes surrounding them
List of all available comparison operators:
> Greater than
< Less than
<= Less than or equal to
>= Greater than or equal to
=== Equal to
!== Not equal to
Lets quickly practice with these in console using Google Chrome
if they are at least 16 years old, we tell them:
“Great! you can proceed with signup” and if they are less than 16 years old, we give the output:
“Sorry, you need to wait till you are 16”
Lets work out this program now using if statement…
1. 100/10 evaluates to 10
2. 5*(3+1) evaluates to 20
3. 45*(200+300) evaluates to 22500
var greet = function(name)
{
console.log(‘Hello’ + name);
};
for (var i = 1; i < 11; i = i + 1)
{
console.log(i);
}
In this video, we are demonstarting how to install XAMPP for PHP, My SQL and PHP.
XAMPP is a free and open source web server solution consisting Apache HTTP Server, MySQL database, and interpreters for scripts written in the PHP and Perl programming languages.
echo "Hello PHP!";
echo “Hello, the age is ” . $myAge
Lets try it out…
<?php
echo (29 * 500) + (36 * 19) - 20000;
?>
Lets try it out…
$myName = “Deep Sukhwani”;
$myAge = 25;
List of comparison operators:
Eg:
if ( $userAge > 16 )
{
echo “You can drive!”;
}
Optionally you can also have else statements, these will execute when the condition fails to fulfill (i.e. if the answer to the condition is no.)
Eg (contd. from above):
else
{
echo “Sorry, you can’t drive!”;
}
switch (2) {
case 0:
echo 'The value is 0';
break;
case 1:
echo 'The value is 1';
break;
case 2:
echo 'The value is 2';
break;
default:
echo "The value isn't 0, 1 or 2";
switch (variable)
{
}
switch ($i):
endswitch;
$names = array(”Deep", ”Raj", ”Kunal" );
You can add any type of information to an array, and you do it in much the same way as when declaring variables. Use "" when adding strings, and just enter the number when adding integers. Each item in an array must be separated by a comma:
$names = array(“Deep”, “Raj”, “Kunal”);
The first item “Deep” in above array is numbered 0
Second item “Raj” is numbered 1 and so on…
Therefore, we can access a particular item of the array using its position, like this:
echo $names[1]
//outputs “Raj”
$names = array(“Deep”, “Raj”, “Kunal”);
echo $names[1];
//outputs “Raj”
$names[1] = “Tania”;
echo $names[1];
//outputs “Tania”
Eg:
$languages = array(“JavaScript”, “Python”, “PHP”);
unset($languages [2]);
You can even delete the whole array:
unset($languages);
for ($i = 0; $i < 10; $i++)
{
echo $i;
}
So the above example says: "Start looping with $i at 0, stop the loop before $i gets to 10, count up by 1 each time, and for each iteration, echo the current value of $i."
($i++ is the shorthand for $i = $i + 1.)
while (condition)
{
//Code to execute as long as the condition is true..
//some logic to turn condition to false
//the logic to turn condition false is necessary else
//the loop will execute forever (infinite loop)…
}
while (condition)
{
//Code to execute as long as the condition is true..
//some logic to turn condition to false
//the logic to turn condition false is necessary else
//the loop will execute forever (infinite loop)…
}
<?php
// get the length of a string and
// print it to the screen
$length = strlen(”Deep Sukhwani");
print $length;
?>
$myname = “Deep”
$partial = substr($myname, 0, 3);
print $partial
// prints “dee”
Note: the second parameter (the starting character) is based on a zero-indexed array (i.e. the first character in your string is number 0, not number 1)
Lets see some more useful string functions like strtoupper() and strtolower(), which makes your entire string UPPERCASE or lowercase.
strpos(“deep”, “p”); //3
strpos(“tecwallet”, “tec”); //0
The parameter passed to the strpos() function as like haystack and needle. The function tries to find the needle in the haystack.
It returns either the index of the first character or false if the “needle” cannot be found.
Eg:
if (strpos(“deep”, “a”) == false)
{
print “Sorry no ‘a’ in ‘deep’”;
}
Lets try this example…
$round = round(M_PI);
print $round; //prints 3
Lets round pi to 4 decimal places
$round_decimal = round(M_PI, 4);
print $round_decimal;
Note: M_PI is a PHP constant that is equal to the value of pi
// prints a number between 0 and 32767
print rand();
//prints a number between 1 and 10
print rand(1,10)
$names = array();
array_push($names, “Deep”);
array_push($names, “TecWallet”);
array_push($names, “Abhishek”);
array_push($names, “Paras”);
print count($names); // prints 4
$array = array(5, 3, 7, 1);
sort($array);
print join(", ", $array);
Eg:
$array = array(5, 3, 7 ,1);
rsort($array);
print join(":", $array);
// prints "7:5:3:1”
Comments ( To Post Your Comment Please Login First! )
Organiser :
Category : HTML, CSS, JAVASCRIPT, PHP
Certification Course
Placement Assistance