How to create your first website, real fast!

Mohd Muneeb — Mon, 17 Oct 2022 16:10:15 +0000

Getting into the ocean of web development.

Firstly, If you are reading this blog, I want you to congratulate yourself. Thank yourself for doing something productive with your time. Now let's get into the meat of the topic. How do I make my first website real fast. Well, I'll go over the method which I used while making my first website.

The HTML `<div>`ision

Hyper text markup language, or HTML is a language that define the the structure of content on a webpage. If you want to know a quick over view of this piece of technology, I highly suggest you watch this video by Fireship.io . He is my inspiration for programming, in the simplest terms(No paid promotions). Now that you know what HTML is, let's learn how to use it.

Firstly, create a new folder in your Desktop or Documents folder. This is the place you will write the code for your first website.
Now that the work space is settled, let's write some code.

Create a new file and name it as index.html. Remember, it is not necessary to name your file index.html, it's just how the naming convention works. Now, open the index.html file in Leafpad/Notepad/TextEdit. This is just for the time being, If you want to get serious about making websites, you should install an IDE, I suggest you to use VS Code because I personally use a lot of extension available on VS Code. For now, let's carry on with Notepad/Leafpad/TextEdit. Make sure it is index.html and not index.html.txt.
Great, let's type the first line of code. Start with the following.

This is how any webpage, as far as I know looks like. There is a <html> tag which acts like parent to all the other upcoming content. Anything in this <html> tag is displayed in the browser when the html file is open
Save the file, copy it's location and paste the location of the file in the browser. When done correctly. It should show a blank white page.
Next step is to remove this boring, empty white page and add something cool to it. Update the code to the following.

Save this and refresh the page in the browser. It should show First Website at the top of the page. Now that you have tasted the magic, let's get real!

The title tag appends a title to the document when open in the browser. There are several other such tags which have their own purposes to serve in making of a website. Now that we have a title, let's go to update our code to show some text!

Save this and refresh the browser to get an amazing look at your first website. If you were along with me until this point, it should look something like this.

This may not seem impressive at first, but I was extremely happy when I first made my website.
Now that we have our site, we need to show it to the world. Get your google drive account ready for this.

"Hosting" the website!

Now, make a folder in your google drive. Upload the index.html file to the newly created folder. Now, select the index.html file and right click it.
Among the several options shown, chose the Get link option. Set the link to be public (anyone can view) and share the link with your friends. You should have the same website in any browser, up and running to perfection.

Congrats on you journey with me! Have a great day!

My journey in the land of Linux!

Mohd Muneeb — Thu, 08 Sep 2022 13:33:40 +0000

Before we learn about my Linux journey, let us take a glimpse at my past! It was probably year 2016 when I got my first computer, and like any classic teenager would, I stuck to playing games. It taught me several things to be honest. The one's that top the list are File Management, Torrent, How to not get ~~click-baited~~ and such things. This was the beginning of my using tech, never knew that the stuff I did back then would influence me to this extent.

Beginning of Linux

Around 2018, I was reading an article by NullByte and that was the bloom of linux in my mind. I, like many other linux enthusiast started my journey with the Debian based Kali Linux distro. To my surprise, It was excellent. Of course I wiped off the hard disk from the family computer while installing a new operating system on bare metal, but the sense of accomplishment was much greater to be honest. So I stuck with it for a while until high school happened

Welcome to the High School

In my country, secondary high school is a big deal since we have highly competitive exams to attempt and crack. Unfortunately, I didn't make it but that's a different story for a different blog.
Now that High school was over, I had alot of free time and I mean Alot, it was around this time I made my First Website, but this free time allowed me to experiment!

Let the Experiment begin

Oh boy this was a really fast paced time, I went from Kali linux to Parrot Security OS real fast. Parrot was really good. I had similar UI (ofc I use GNOME), easier installation and best of all was the fact that it had all the pentesting tools like burp, metasploit, aircrack-ng, Zenmap, Ettercap and many other in built. The cherry on top was that it connected to Wi-Fi drivers without a hassle. Soo this was something I loved. The came Pop OS! to the story. Pop!OS was clean, it was really beginner friendly. I really should have tried it a long time ago. But hey we were here. Then I went to Garuda Linux. This was too cool, trust me. The Dragonised theme was top notch, it was an eyecandy. The boot-time was fast but not as fast as PopOS or any other's. It was not the most user friendly distro, but it was alright because I already had gotten a hang of Linux by now. A few other distro's were Ubuntu, Manjaro, I tried Gentoo but miserably failed and CuteFish OS

I use Arch btw!

As you guessed, I ofc stumbled upon Arch, I love it. It has arguably the fastest boot time I have ever seen. I know exactly what to install or update whenever anything goes wrong. I also fell in love with r/unixporn and Arch was perfect for testing ever single dot file I could get my hands on. Now, currently I am on Arch and I think I will continue to experiment with it!

DEV Community: Mohd Muneeb