Posts

Introduction to Arduino: Microcontroller

Image
What is Arduino?    Arduino is a compact, cheap and beginner friendly microcontroller, which allows the hardware to interact with Software. It is kinda like a tool which allows the program you wrote to communicate with a hardware.  What can I do with Arduino?   You can literally do anything, from a small led runner circuit to massive robots. No matter who are you, This board allows you and your knowledge in programming to communicate with hardware directly. If you are too bored with programming only with software, microcontrollers will give you a new fresh up. Why Choose Arduino?    The most used reason is, Its totally Beginner Friendly. Anyone can make an automated electrical circuit Or anything. Another main reason is Its cheap when compared to other microcontrollers, which makes students to get easy access. It provides an Official IDE for free, which has tons of example projects and guides built in. Arduino Microcontrollers comes in different price range...

Introduction To Python

Image
 What is Python?      If you have some programmer friend or yourself is into to the programming field you have probably heard the language Python .   Python is a High-Level-Programming Language used for many cases, in this post, we will be seeing how to work with Python.  Installation and IDE    We must install python first to work with it. Installation is simple. You can get clear info on how to get python  here . Once you are done, Make sure you have atleast Python Version of 3.0 or greater. Because this guide follows it.    Once you are done installing Python, Now we need an IDE to work with it, an IDE is nothing but an Interageted Development Environment which makes your work smoother. To get a Clear understanding, Think of this   You need to mix somethings in a bowl, you can either use your hands itself or use a mixer, both is going to do the same job but mixer does it well and your effort will be less. Just like this...

Blog Update: 2021!

Happy 2021 Everyone!  I've abandoned this blog for some months. My apologies for that. Well this is a new year, so there will be a new beginning. This post more a blog update post than an actual blog post. I've taken some idea to take the blog into something different. From now, this blog is not going to explain only HTML and Front End Web development. We will be moving more than that. I'm going to share everything I learnt. So the future blog posts will include, several different programming concepts and totally different languages.  Like, different field of language and technology, we will be exploring different libraries, packages with some sweet bytes.  We will be targeting totally different method of approach as well. We will exploring the deep world of mini bits and mega bytes.  If you have any ideas to improve us, share it in comments below ( Don't worry of your identity, it has annoymous option too ). So we will breaking a different dawn from tomorrow. And if...

HTML: How to add image to your webpage?

Image
 Image Tag IN HTML         In this post we will see how to add images to your webpage. You can see in webpages where images are displayed, since it belongs to content layer of web, HTML is responsible for that too! The <img> Tag in HTML used to display an Image in a webpage. It has many Attributes with it! One of the main Attribute of this tag is src   Attribute. Which is used to give source of the image. The correct usage of this tag is <img src = " file path/url " > Where src is the key and its value must be a url or file path  File path is used to display an image in your device, which is especially used for local hosting. But URL is the best way to host images into a webpage. For example see the image below  You can a simple image here. The actual code behind this is:  <img  src = " https://i.postimg.cc/BZYT9f8K/20201101-092919.jpg " > So here you can actually see the what is the URL. So okay now, let's see some oth...

HTML: Subscript and Superscript Tags

Image
 Subscript and Superscript       If you are thinking what is subscript and Superscript, just reread your chemistry and maths books for reference! Confused huh? See the image below  You may got it now. (guess I reminded you of your school) Yes, it is called Superscripting and subscripting. For this we have two tags Namely  <sup> is used for Super Script <sub> is used for Sub Script Remember these two are paired tags Means they have closing tags!  Let's see the sample code below: <html>   <head> <title> Subscript And Superscript   </title>   </head>   <body>       <h1> Subscript and Superscript <h1    <p><b> Algebric Identity :</b>(a - b)<sup> 2 </sup> = a <sup> 2 </su...

HTML: Text Tags: Part 1

Image
Text Tags   If you have a question, what is a tag ? Read  this  post before you countinue.   Okay so let's get started. As I mentioned before there are dozens of tags in HTML5 Each has it's own purpose and usage. Text Tags are type of tags used to format text in a web page. Text Formatting includes styles like  Bold Italics Headings & Subheadings  Underlines Fonts Strikeout Etc      In This post we will see only some text tags. ( we will cover up everything later )   The best example to imply this text Formatting is a Newspaper! See the image below    In this image, you can see the difference of different header sizes. HTML5 Has 6 different heading tags based on size.  So there are tags Namely <h1> <h2> <h3> <h4> <h5> <h6> The biggest header tag is  <h1> And the smallest is  <h6> Also for simple text formatting like Bold & Italics  There is  <b...

HTML: Anatomy of Tags

Image
HTML Tags - Anatomy In our  previous  post, we made our First Web Page . That would gave you some understanding of Tags. Now let's see in detail about them. ( note: I assume that you have basic understanding of Tags in HTML if not read  this  post before you countinue) Attributes - Explained           As I said Tags are building blocks of HTML. It says how the content inside it should appear in webpage. To make it simple, Tags Navigate The Browser to how to display the content inside them. See this convo (may look funny but useful)  Browser: Okay, What type of file are you ? HTML File: See I have <html> tag.  Browser: so you are an HTML File. You are my Navigator. Okay, what text should I display is my title bar? HTML File: See Under My <head> tag, I have <title> Galax Coders </title>  Browser: Okay so, Galax Coders is the title right? HTML File: Yes Ofcourse! Browser: Okay, What content should I wr...