codinggiri: all

Coding and running your first python code

Unknown 0 all, Python Wednesday, March 12, 2014

<div dir="ltr" style="text-align: left;" trbidi="on">
Hello again guys !<br />
in this post we are going to understand the the <a class="zem_slink" href="http://en.wikipedia.org/wiki/IDLE_%28Python%29" rel="wikipedia" target="_blank" title="IDLE (Python)">IDLE</a> and it's feature.<br />
According to Mark Lutz<br />
"IDLE is a desktop <a class="zem_slink" href="http://en.wikipedia.org/wiki/Graphical_user_interface" rel="wikipedia" target="_blank" title="Graphical user interface">GUI</a> that lets you edit, run, browse, and debug <a class="zem_slink" href="http://en.wikipedia.org/wiki/Python_%28programming_language%29" rel="wikipedia" target="_blank" title="Python (programming language)">Python</a><br />
programs, all from a single interface. It runs portably on most Python platforms, including<br />
Microsoft Windows, X Windows (for Linux, <a class="zem_slink" href="http://en.wikipedia.org/wiki/Unix" rel="wikipedia" target="_blank" title="Unix">Unix</a>, and Unix-like platforms),<br />
and the Mac OS (both Classic and OS X). For many, IDLE represents an easy-to-use<br />
alternative to typing command lines, a less problem-prone alternative to clicking on<br />
icons, and a great way for newcomers to get started editing and running code. You’ll<br />
sacrifice some control in the bargain, but this typically becomes important later in your<br />
Python career."<br />
<br />
Let me tell you some good features of IDLE.<br />
You can type Python code and see the output/result of that code immediately in to the Python Shell, IDLE comes with an internal code editor which is very useful , because it provides the developer , code suggestions, syntax highlighting ,indent support and many other useful facilities.  <br />
for those who don't know that what is python shell should take a look on the image below<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihbeB2NCR04SYLcRPRM4goLe6d7DjlbKAr4IxmbwjM5VGSeT-5t6k3gFQveQyysGvHhytdLebnftGkK2KoIRNT9ZNdV-U9rgcrBxZXHD8l5Lsq-TCIjpX1aUz4MgPz20KKZe2JNuGrF-tZ/s1600/Snap+2014-03-12+at+22.56.11.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihbeB2NCR04SYLcRPRM4goLe6d7DjlbKAr4IxmbwjM5VGSeT-5t6k3gFQveQyysGvHhytdLebnftGkK2KoIRNT9ZNdV-U9rgcrBxZXHD8l5Lsq-TCIjpX1aUz4MgPz20KKZe2JNuGrF-tZ/s1600/Snap+2014-03-12+at+22.56.11.png" width="640" /></a></div>
  <br />
It's nothing but a command line interpreter of Python (Please don't get confused.follow me and every thing will be all right :) )<br />
<div class="zemanta-pixie" style="height: 15px; margin-top: 10px;">
So open the IDLE and type <br />
<span style="background-color: black;"><span style="color: orange;">print("Hello ! Python")</span></span></div>
<div class="zemanta-pixie" style="height: 15px; margin-top: 10px;">
<br /></div>
<div class="zemanta-pixie" style="height: 15px; margin-top: 10px;">
and press enter </div>
<div class="zemanta-pixie" style="height: 15px; margin-top: 10px;">
follow the screenshot below</div>
<div class="zemanta-pixie" style="height: 15px; margin-top: 10px;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDgIOyOa0NYJlSE2Zb7JUFgl63Ax-qjINbt47reoIZ_c1B6qCvTfWc3bQz-F1eWXnqBTF9nQxMVXIsvkEBPZ3ejPNyO2D5DY-EJ6rGWIYBld2FQGDcxe1twXb66XRI40tkNu5MbDTey0dI/s1600/Snap+2014-03-12+at+22.45.18.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="292" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDgIOyOa0NYJlSE2Zb7JUFgl63Ax-qjINbt47reoIZ_c1B6qCvTfWc3bQz-F1eWXnqBTF9nQxMVXIsvkEBPZ3ejPNyO2D5DY-EJ6rGWIYBld2FQGDcxe1twXb66XRI40tkNu5MbDTey0dI/s1600/Snap+2014-03-12+at+22.45.18.png" width="640" /></a></div>
<div class="zemanta-pixie" style="height: 15px; margin-top: 10px;">
So now you know how to write and run a python program from the interpreter (where the Python commands can be typed and executed.) now let's learn how to create python program,saving the program with a .py extension and how to run it.</div>
<div class="zemanta-pixie" style="height: 15px; margin-top: 10px;">
</div>
<div class="zemanta-pixie" style="height: 15px; margin-top: 10px;">
</div>
<br />
<div class="zemanta-pixie" style="height: 15px; margin-top: 10px;">
well
 it's quite simple. On IDLE go to FILE >> New File or Simply Press
 Ctrl + N and it will open a new window of IDLE code editor<br />
now write a simple line of python program like you did on interpreter  ,
 yes the same hello python program after then save it with desirable 
name with a .py extension like hello.py or new.py after that hit F5 and 
the result will be there at the python shell. follow the screen shot 
below </div>
<div class="zemanta-pixie" style="height: 15px; margin-top: 10px;">
<br /></div>
<br />
<br />
<br />
<br />
<div class="zemanta-pixie" style="height: 15px; margin-top: 10px;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDOfj449XiMIBUTVRkt0RIt4BYoxOyZgnob4DviXxQFwwYybshh-y2t8jlqkysyfgjGvi1GdrYpJ4AVnIsXXg87-tz6nM5lxKzqxg0IA0zzKeec68K0SlT3jht29F1AvAmxXY8R2u2kGWw/s1600/Snap+2014-03-12+at+23.21.12.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDOfj449XiMIBUTVRkt0RIt4BYoxOyZgnob4DviXxQFwwYybshh-y2t8jlqkysyfgjGvi1GdrYpJ4AVnIsXXg87-tz6nM5lxKzqxg0IA0zzKeec68K0SlT3jht29F1AvAmxXY8R2u2kGWw/s1600/Snap+2014-03-12+at+23.21.12.png" /></a></div>
<div class="zemanta-pixie" style="height: 15px; margin-top: 10px;">
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEY2M4ITh-3riecIcxXtbSvBg7ilqc6JCOP7PibX0KyIe6MsHeLmP7Bp1qF0GQ-3KxwgvCZDf7NxrdtZ5kuY3DEHAyF5-VCTB_vpHtucNcPSy_WpcN3BdrcMansLXDES29Bcz1oPQFnquz/s1600/5716748401_56995cd14a.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEY2M4ITh-3riecIcxXtbSvBg7ilqc6JCOP7PibX0KyIe6MsHeLmP7Bp1qF0GQ-3KxwgvCZDf7NxrdtZ5kuY3DEHAyF5-VCTB_vpHtucNcPSy_WpcN3BdrcMansLXDES29Bcz1oPQFnquz/s1600/5716748401_56995cd14a.jpg" /></a></div>
<div class="zemanta-pixie" style="height: 15px; margin-top: 10px;">
All
 right now you know how to write and run Python code with both methods .
 in next post we will encounter the data types of python and please have
 a look at the comic (left) and don't feel like that comic guy :p see you
 in next post  Happy Coding :)</div>
<br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
</div>
</div>

Coding and running your first python code

Hello again guys ! in this post we are going to understand the the IDLE and it's feature. According to Mark Lutz "IDLE is a de...

Lets Install Python

Unknown 0 all, Python Tuesday, March 11, 2014

<div dir="ltr" style="text-align: left;" trbidi="on">
Linux an Mac are preloaded with python. On this blog post i am going to write method for windows only and please let me know if you are facing any problem in installing.<br />
<br />
so first thing first lets download the python installer from <a href="http://python.org/downloads/" target="_blank">Python's Website</a>. or download with this <a href="http://www.python.org/ftp/python/3.3.5/python-3.3.5.msi" target="_blank">direct link</a> (we will learn python with Python 3 not with Python 2 so please download the installer of Python 3)<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2qHOGmIKxEqkS9YC7d7VrjcKE8YuGmz2f__2WoZl8ttnzx8aOLFThpJFbaJU-N9mjFqt18ZqJcj-ssTIsqODA9RPn5zFd6GNfGJbWumJmgV8XGhFGajHvv8ifBC0YXlMgIMylKHbmAX89/s1600/Snap+2014-03-11+at+17.05.45.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="468" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2qHOGmIKxEqkS9YC7d7VrjcKE8YuGmz2f__2WoZl8ttnzx8aOLFThpJFbaJU-N9mjFqt18ZqJcj-ssTIsqODA9RPn5zFd6GNfGJbWumJmgV8XGhFGajHvv8ifBC0YXlMgIMylKHbmAX89/s1600/Snap+2014-03-11+at+17.05.45.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Python Download Page</td><td class="tr-caption" style="text-align: center;">\</td></tr>
</tbody></table>
After downloading the installer , install it and after that you can find this three option while typing "python" in start menu of your windows.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikv0jzXo2vjTp8Uv9x6quB_7RMrtsHacCR9WCG-w8kyHWkY_EPjrWO3g8t5CT3xHY8b90OAZX1Y4CBfj2ruR5CG4hk66mk2GhO7-GLlazG6Tb_ZdfGlIFhBBtMjQytf-Ohdr5h9R-ciIkY/s1600/Snap+2014-03-11+at+17.11.35.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikv0jzXo2vjTp8Uv9x6quB_7RMrtsHacCR9WCG-w8kyHWkY_EPjrWO3g8t5CT3xHY8b90OAZX1Y4CBfj2ruR5CG4hk66mk2GhO7-GLlazG6Tb_ZdfGlIFhBBtMjQytf-Ohdr5h9R-ciIkY/s1600/Snap+2014-03-11+at+17.11.35.png" width="293" /></a></div>
Congratulations , Python is successful installed into your windows we can also add path variables for python but we will encounter it later.<br />
<br />
<u><b>Next step :-  </b></u>click on IDLE(Python GUI) to start coding with python.<br />
<br />
in Next post we will take a look at the IDLE and understand it's functions.</div>

Lets Install Python

Linux an Mac are preloaded with python. On this blog post i am going to write method for windows only and please let me know if you are fac...

Inroduction to Python

Unknown 0 all, Python Tuesday, March 11, 2014

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: left;">
</div>
<div style="text-align: right;">
</div>
<div style="text-align: right;">
</div>
<div style="text-align: right;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkxXou0zdjtsw_fVnRrwVDo0FQ_mv7wPPNjUfwdZPTj9Cc9ZfLmHUWX4bwMqKbKYtznlhOdT8eY1Y4gbhXC0KJ3S2a34TFHAGSqBc8SHIorKES3N2hYSb1NB6zh6mhwsPNaUEaHVS36hNY/s1600/python-logo-master-v3-TM.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="108" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkxXou0zdjtsw_fVnRrwVDo0FQ_mv7wPPNjUfwdZPTj9Cc9ZfLmHUWX4bwMqKbKYtznlhOdT8eY1Y4gbhXC0KJ3S2a34TFHAGSqBc8SHIorKES3N2hYSb1NB6zh6mhwsPNaUEaHVS36hNY/s1600/python-logo-master-v3-TM.png" width="320" /></a></div>
<br />
<br />
Python is a great programming language to choose if you are a beginner.<br />
 Let me tell you some point , why you should choose python as your first programming language (as a learner).<br />
<br />
<br />
<br />
<ol style="text-align: left;">
<li>Learning Pythnon is easy and fun</li>
<li>No Boilerplate like #include or using  or import just start coding</li>
<li>Less line of code , you can write a simple hello world program in just one line but other languages take 10-15 line to write the same hello world program.( Fewer lines of code=fewer bugs. )</li>
<li>It's Free </li>
<li>Free doesn't mean no or less support. There are countless communities and forum on internet where you can get help.</li>
<li>Tons of modules to jump start a new project.</li>
<li>Python codes are 1001 % more readable than any other programming languages .</li>
<li>Python is flexible no matter which OS you are using Linux , windows , mac , free BSD or any other Python codes supper flexible the same code will run on any OS with no or  little change.</li>
<li>Good quality documentation is there.</li>
<li>It's easy to start up and light weight, but can add a ton of value.</li>
</ol>
</div>

Inroduction to Python

Python is a great programming language to choose if you are a beginner. Let me tell you some point , why you should choose py...

Understanding the core markup - Writing Codes

Unknown 0 all, HTML5, Python Monday, March 10, 2014

<div dir="ltr" style="text-align: left;" trbidi="on">
<div>
Hello all ! In this post we will understand the structure module of webpages.Please note that while creating web pages (or should i say beautifull web pages ) developers follow the three main modules<br />
<br />
<ol style="text-align: left;">
<li><span style="color: red;">Structure  [HTML]</span></li>
<span style="color: red;">
</span>
<li><span style="color: red;">Styling  [CSS]</span></li>
<span style="color: red;">
</span>
<li><span style="color: red;">Behaviour [JavaScript]</span></li>
</ol>
I know it's kind of confusing if it is new to it but don't get confused [at least have a little faith in me man ] </div>
we will start from the Structure Module the HTML and i am not going to write that what HTML can do and all blah blah blah stuff lets just jump start to coding.<br />
<br />
open your notepad++ and choose from language >> H >> HTML.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuU7kf8GJhAKW8dw09wWYdg0ND7csaOFepHeOdVa-rDWw1dtg9AEIjec8TEEL5la8HFCo5wYV388gj8xvHthJB8_J_E-q3xBpf0Z15kwsAvotyUuEeDc1PffZISQXLOwnHTKkjwv7ZMXs5/s1600/Snap+2014-01-21+at+09.23.32.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuU7kf8GJhAKW8dw09wWYdg0ND7csaOFepHeOdVa-rDWw1dtg9AEIjec8TEEL5la8HFCo5wYV388gj8xvHthJB8_J_E-q3xBpf0Z15kwsAvotyUuEeDc1PffZISQXLOwnHTKkjwv7ZMXs5/s1600/Snap+2014-01-21+at+09.23.32.png" width="400" /></a></div>
 and start typing your code<br />
<br />
<pre class="prettyprint lang-html"><!doctype html>

<html>
 <head>
  <title>
  This is my first webpage
  </title>
 </head>
 <body>
  <p>
   Hello Coder Baba
  </p>
 </body>
</html>
</pre>
<br />
save that file as .html and open that file in a browser like Mozilla Firefox or Google chrome.<br />
open it and  you will see something like that.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxnovHrOIvWwIASE_bQStk9UAIE1vSbm8vqXwVHjrwYxxKu3Kp-q0jazNPERvphD9JSK0YtAodyoBUxqlWir2rYLzDsCzbvK5N0Ml_vwn-a3zvaNkBSS6cHisDWbWVeTikIkzNhOCWLPeM/s1600/Snap+2014-01-22+at+21.55.52.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxnovHrOIvWwIASE_bQStk9UAIE1vSbm8vqXwVHjrwYxxKu3Kp-q0jazNPERvphD9JSK0YtAodyoBUxqlWir2rYLzDsCzbvK5N0Ml_vwn-a3zvaNkBSS6cHisDWbWVeTikIkzNhOCWLPeM/s1600/Snap+2014-01-22+at+21.55.52.png" /></a></div>
Cheers ! You've created your very own web page with HTML.<br />
now let us understand what does that code means. Since HTML is the language of tags and in HTML5 There are more than 400 tags. keep that in mind that<br />
<br />
<span style="color: red;">This is the opening tag ----- <tag></span><br />
<span style="color: red;">and this is the closing tag ------ </tag></span><br />
<br />
Did you get the difference ? yes to close a tag just simply type a '/'.<br />
<br />
and yeas there are some tag without closing, like <img>,<br><hr>. You don't have to put a closing tag for that.<br />
<br />
And now let us understand a very basic and Important RULE while writing HTML.<br />
The RULE is "<span style="color: red;">Close the current tag before opening a new tag</span> ".<br />
For example you've open a tag <head> and after <head> you want to start <title> tag but remember before opening <title> you have to close the <head> with this </head>.<br />
<br />
You must follow that rule because as you keep learning the HTML you'll write more complex code as shown in that picture below and you'll get stuck many time if you forget to close the tags properly. <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqsJtMK_CRB3xxIAAA6vOfi1_rUV8vsY-sCdcgwHuQEqidtwXerxrwHWQePMUue7zjIVNzj-Gbkz4qeQm6WIVQDmbbaYbk4YBwHc0i-6QX_6XX01eH_PPSqsDQJwzMN-08-7hCj3c_yABH/s1600/Snap+2014-01-22+at+21.53.06.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqsJtMK_CRB3xxIAAA6vOfi1_rUV8vsY-sCdcgwHuQEqidtwXerxrwHWQePMUue7zjIVNzj-Gbkz4qeQm6WIVQDmbbaYbk4YBwHc0i-6QX_6XX01eH_PPSqsDQJwzMN-08-7hCj3c_yABH/s1600/Snap+2014-01-22+at+21.53.06.png" /></a></div>
<br />
<br />
In Next Post we will understand the tags deeply Thank you for reading Keep coding :)</div>

Understanding the core markup - Writing Codes

Hello all ! In this post we will understand the structure module of webpages.Please note that while creating web pages (or should i say be...

Understanding the core markup - The DOCTYPE Element

Unknown 0 all, HTML5, Python Monday, March 10, 2014

<div dir="ltr" style="text-align: left;" trbidi="on">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjucP6kteet77bbg9uuykfG8t572dT0QhGMd9Vp4ZMdVGPE6uVFOBHboj48KEnH9GC2d5fD17VL2E8lSNbzd5xMHuS69PXWqaRSve9pmxq04Et2C334rt6egDUE0OmXE5Ih7wKcWfQEUJkj/s1600/doctype.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjucP6kteet77bbg9uuykfG8t572dT0QhGMd9Vp4ZMdVGPE6uVFOBHboj48KEnH9GC2d5fD17VL2E8lSNbzd5xMHuS69PXWqaRSve9pmxq04Et2C334rt6egDUE0OmXE5Ih7wKcWfQEUJkj/s1600/doctype.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">The <!doctype html> </td></tr>
</tbody></table>
<br />
<h2 style="text-align: left;">
The !DOCTYPE Elemnt</h2>
<div style="text-align: left;">
Every HTML document starts with a doctype specification. The doctype element tells the browser that which version of html is used in that specific HTML document. This element does not have the closing tag .<br />
<blockquote class="tr_bq">
<div style="text-align: left;">
Let me clear one very special thing that HTML is the language of TAGS 
and in html5 there are more than 400 tags are there. we will encounter 
them in next blog post</div>
</blockquote>
To declare  the docctype you have to write this :-<br />
<pre class="prettyprint lang-html"><!doctype html></pre>
<br />
and you are good to go<br />
<br /></div>
<h2 style="text-align: left;">
</h2>
</div>

Understanding the core markup - The DOCTYPE Element

The <!doctype html> The !DOCTYPE Elemnt Every HTML document starts with a doctype specification. The doctype element tells th...

Choosing a IDE

Unknown 0 all, HTML5, Python Monday, March 10, 2014

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqmbR4I1r00LRpHGP79RSMaIDwJK_mcVYU0pOKyRoTst5rBN1vWzDjrdiB1o6ZkauJ4_guF6DWMX4burPign6vyII3PG_-w4W_nIII9QJSr12lXgkzpEZil0spdXnoLFTYCooDwi7jBhhK/s1600/aptana_512x512x32.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqmbR4I1r00LRpHGP79RSMaIDwJK_mcVYU0pOKyRoTst5rBN1vWzDjrdiB1o6ZkauJ4_guF6DWMX4burPign6vyII3PG_-w4W_nIII9QJSr12lXgkzpEZil0spdXnoLFTYCooDwi7jBhhK/s1600/aptana_512x512x32.png" width="200" /></a><br />
<h2 style="text-align: left;">
The Dilemma of choosing IDE  </h2>
Choosing a right IDE (Integrated Development Environment) for you could be a tough decision because of Internet there are many IDE who claims that they are best and blah blah blah....<br />
don't be confused i will tell you which IDE is good for you to code HTML since you are a beginner <br />
<br />
<br />
<br />
<br />
<h2 style="text-align: left;">
The best IDEs (According to me) </h2>
<ol style="text-align: left;">
<li>Sublime Text  ( <a href="http://www.sublimetext.com/3" target="_blank">Download Here</a> )</li>
<li>Notepad++ ( <a href="http://notepad-plus-plus.org/" target="_blank">Downlaod Here</a> )</li>
<li>Aptana Studio 3 ( <a href="http://www.aptana.com/" target="_blank">Downlaod Here</a> )</li>
</ol>
</div>
You are free to use any Other IDE but i am going to use notepad++.<br />
If there is any problem please comment below and i will sort it out ASAP<br />
<div>
<div style="text-align: left;">
</div>
<br /></div>
</div>

Choosing a IDE

The Dilemma of choosing IDE Choosing a right IDE (Integrated Development Environment) for you could be a tough decision because of I...

All hail HTML5

Unknown 0 all, HTML5, Python Monday, March 10, 2014

<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
Welcome to the great new HTML5</h2>
<div style="text-align: left;">
html5 is the latest version of HTML. Yes the same almighty HTML. No website can be coded without HTML weather it's a dynamic website , static website or custom web application.</div>
<div style="text-align: left;">
So let us back to the point ,why every web developer/designer is going with HTML5 ?</div>
<div style="text-align: left;">
The are countless reasons behind that.   HTML5 is opening new dimensions to web developers by giving them new and powerful weapons like AUDIO,VIDEO, CANVAS , DRAG & DROP and some other useful JavaScript APIs.</div>
<div style="text-align: left;">
so lets explore the new features of  HTML5.</div>
<div style="text-align: left;">
<br /></div>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="http://www.w3.org/html/logo/downloads/HTML5_1Color_Black.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="320" src="http://www.w3.org/html/logo/downloads/HTML5_1Color_Black.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">HTML5 LOGO, normally it's of color orange but hers the logo is in black</td></tr>
</tbody></table>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<h2 style="text-align: left;">
What's new in HTML5</h2>
<div style="text-align: left;">
Here's the list below:</div>
<ul style="text-align: left;">
<li>New elements</li>
<li>New attributes</li>
<li>Link relations</li>
<li>Microdata</li>
<li>ARIA(Accessible Rich Internet Applications)</li>
<li>Wen forms 2.0</li>
<li>Multimedia</li>
<li>2D and 3D drawing support</li>
<li>offline web applications</li>
<li>Client side storage</li>
<li>Web Sockets and web Workers </li>
<li>Drag and Drop API</li>
<li>GeoLocationn</li>
<li>Modernizr</li>
</ul>
and more............................................................................<br />
<br />
so i hope you can understand now that how powerful is html5.In next blog posts we will learn the core markup till then bye :)<br />
<br />
</div>

All hail HTML5

Welcome to the great new HTML5 html5 is the latest version of HTML. Yes the same almighty HTML. No website can be coded without HTML wea...

codinggiri

Coding and running your first python code

Lets Install Python

Inroduction to Python

Understanding the core markup - Writing Codes

Understanding the core markup - The DOCTYPE Element

Choosing a IDE

All hail HTML5

Popular Posts

Labels

Blog Archive