Garden 🪴

All the knowledge I managed to plant

Let's Create a Free VPS Server

The process of creating a free VPS server is very simple. Some people overcomplicate the process and the ones who follow them will get frustrated. Let’s see how we can create a free VPS server in just a few steps, without complicating the process. If you got any issues while following the steps, please feel free to contact me through Telegram. Step 1: Creating An Account On VPS Provider Today in this guide, we’re using a site called Hax.

Dec 16, 2021

Git Hub Pages for Web Hosting

Introduction Github pages is one of the most used and in my opinion the best static hosting site available right now, It only has a free version and it’s all we need, let me show you how we can create and deploy a static website to github, and then how we can assign a custom domain to the site and enable SSL certificate in few minuets. Starting With git-hub First we need to goto github and login to your account.

Aug 12, 2020

Creating a Weather App Using Openweathermaps API

Introduction As I Promised, We’re doing advanced app examples today, to be specific, we’re creating a weather application using openweathermap API, owfont-regular, vivify for animation, font-awesome pack, progressbar.js for sun-timer , jquery.cookie, jquery-3.5.1 and apexcharts for weather details. We’re making this application responsible and I’ll link down the documentations off all the libraries we use, with them if you don’t understand the code, you can always copy and paste it and it would work fine without a problem at all!

Aug 11, 2020

Secure Your JavaScript Files

Introduction Let’s be real, with firebase and all these knowledge, we should protect our JS files, They can’t be wide open for a smart ass to get there and mess around with the code or so, Yeah I know the firebase provides a much secure system in the security side but the code has to be secure too! To day let’s discuss on that, let’s explore what we can do to Protect our JS files.

Aug 10, 2020

Creating a Messaging App With Firebase

Introduction Now we have covered firebase realtime and firestore databases, Authentication, Hosting and analytics, We can create a simple chat/messaging application within 15-minuets or less! Aren’t you sure of that? Let’s get started! Background and Environment I’m using what we did in firebase realtime database, authentication and hosting for this project. So if you didn’t saw them already, go ahead now. let’s explore the code and as always HERE you can download the completed project file.

Aug 9, 2020

Firebase Hosting and Analytics

Introduction We can use firebase as a hosting service, Firebase Hosting provides fast and secure hosting for your web app, static and dynamic content, and microservices, Also Firebase Hosting is production-grade web content hosting for developers, With a single command, you can quickly deploy web apps and serve both static and dynamic content to a global CDN (content delivery network), You can also pair Firebase Hosting with Cloud Functions or Cloud Run to build and host microservices on Firebase.

Aug 8, 2020

Firebase Authentication

Introduction Let’s use firebase for user authentication, you don’t need to setup custom authentications, app apis and other stupid things anymore, we have firebase on our back and few lines of codes can make the programs more efficient and more secure! today I’m only focusing Email, Google and Anonymous authentications mainly. you can browse firebase docs for more information on how to setup other authentications in advanced. Firebase Authentication Most apps need to know the identity of a user.

Aug 7, 2020

Firebase Cloud Firestore

Introduction Use our flexible, scalable NoSQL cloud database to store and sync data for client- and server-side development. Cloud Firestore is a flexible, scalable database for mobile, web, and server development from Firebase and Google Cloud Platform, Like Firebase Realtime Database, it keeps your data in sync across client apps through realtime listeners and offers offline support for mobile and web so you can build responsive apps that work regardless of network latency or Internet connectivity, Cloud Firestore also offers seamless integration with other Firebase and Google Cloud Platform products, including Cloud Functions.

Aug 6, 2020

Firebase Realtime Database

Introduction Okay, Let’s do some database actions, But without SQL or any of those table based old style databases, We’re learning how to use Firebase Realtime database with a web application, but also the codes are the same for mobile applications, so it won’t make much difference at all, And in the end of this series, After we covered Authentication, We’re creating a fully fledged Chat application and maybe a social media application to test our knowledge.

Aug 5, 2020

Getting Started With Firebase

Introduction This is a different post from what I did before, Today I’m introducing you to a technology, It’s a BaaS from google which stands for Backend As A Service and that’s weird in many ways, First It is not what you would expect out of a traditional site and Here I only speak about Modern development So Let’s get started with this new technology and make our Lives Easier!

Aug 5, 2020

Playstore Publishing Guide 101

Introduction Playstore is the king of all appstores in the world right now, It hold’s a market share of 75% around the globe and google single handedly offers the best tools for Android developers as none other, We already discussed how we can create android applications using Cordova as a hybrid app platform and today, We’re uploading our newly signed apk file to the playstore from our own account. Preparation The ingredients for this recipe

Aug 4, 2020

Creating a Network Hub for Social Medias

Introduction We all see the new instagram bio link apps are getting popular and popular day by day, and They are just a simple lines of HTML and CSS even without no JS! And I totally think I can re-create this bio link page with HTML and CSS and add some JS to the taste and also add some dynamic functionalities you can use. Today we’re discussing about how I made https://bio.

Aug 3, 2020

Let's Create a Mobile App for TECINPACT

Introduction Today we’re creating an app for our agency using Hybrid technology which we discussed in THIS ARTICLE, And if you didn’t checked it out, Go ahead and try now, I’m only showing you the codes I used here And also This is an demo on how to use the technology, Then we’re publishing it on playstore Tomorrow! How cool is that? started as a web developer and now you’re an official mobile developer.

Aug 2, 2020

Let's Create Mobile Apps With Cordova

Introduction Mobile app development is a cool thing, and most of us use android studio or swift in order to create mobile apps for Android and IOS devices, But what if I tell you that now you can create mobile apps for android and IOS with a single code base and It’s working with HTML CSS and JS? Yeah that’s true, with node.js now we’re able to create mobile apps using platforms such as Cordova.

Aug 1, 2020

Best Ways to Modern Web Hosting

Introduction Welcome to the world of modern web hosting, now why modern you ask, If you followed our course of modern web development, by now you should know it’s different from the typical web development process and here Today I’m showing you the free and paid web hosting platforms I use for my projects in a daily basis. My favorite is Netlify, before you ask, and this is only an introduction guide to what we’re going to explore in the near future.

Jul 31, 2020

How Antivirus Softwares Damage Our Hard Drives

Introduction This post is a theory I tested and got some decent results, you can’t find any evidence about is this a thing, because the anti-virus industry is a huge pile of money and if someone speaks against it, they quickly take it down and then no one can see this. But from time to time, there are articles surfacing with the same issue and again the somehow takes it down for no reason.

Jul 30, 2020

Best Password Managers 2020

Introduction Password managers are pieces of softwares which keep our passwords saved in somewhere to decrease the chances of forgetting them and resetting, some password managers also can auto fill data and sync between platforms for the user’s convenience. Today, we’re discussing about password managers, are they safe to use? what kinds of password managers we have and how to use them safely. So without further explanation, Let’s get in to the post.

Jul 29, 2020

Simple, Beautiful Modal

Introduction We all come across a situation when the default notify-the-user procedure is getting incompatible with our project theme and appearance, so in this guide I’m going to discuss about creating a beautiful modal for your web project, with a SCSS and JQuery ( a little bit ) before this, you have to master HTML CSS SCSS JS part 1 and JS part 2 guides. Now in this guide, We’re making This Beautiful modal from scratch with only 14 lines of JS codes.

Jul 28, 2020

Git Hub Version Control for Starters

Introduction Now let’s take an start on our project directories, we as programmers and developers, always run into certain problems regarding our folder structures, corrupted files, need to undo but unable to do that because we made a terrible mistake and so on. Is there a way which we can solve this? Yes it is! that’s called version controlling, Here we’ll be able to backup our codes with version numbers and retrieve anytime we want, and when working with several developers in a single project, we’ll be able to collaborate and code the same project simultaneously with these things, so without much explanation let’s get into it.

Jul 27, 2020

Js for Modern Web Development (Part 2)

Introduction We did the programming part with JS, Now let’s implement our knowledge into action, Let’s create JS which can interact with webpages, This would be a long post so hold tight and here we go. Browser environment, specs The JavaScript language was initially created for web browsers. Since then it has evolved and become a language with many uses and platforms. A platform may be a browser, or a web-server or another host, even a “smart” coffee machine, if it can run JavaScript.

Jul 26, 2020

Web Code Minification

Introduction Code minification is a process modern web developers use on developments to speed up the loading of the codes, reduce the code size and decrease the ability to reverse-engineer the code. And it’s pretty easy to use too, but sadly not most of the developers know how to do it themselves. Let’s Explore Shall we. Minification Now, We use an online tool for this process, https://www.willpeavy.com/tools/minifier/ Goto this website for the tool, and It’s pretty simple to use but highly effective.

Jul 25, 2020

Single line CSS Tricks (Part 1)

Introduction CSS is the main styler over the internet, We all can’t use everything on css and because it’s a huge base, We’re probably lost somewhere inside it, So today, Let’s explore some creative and simple to use but effective single line codes for your next project. You can visit the CSS Full course HERE And without much explanations, Let’s get in to the post. 01. Super Centered We can do so much things to make a code centered, But have you use the place-items property of the grid layout?

Jul 24, 2020

Js for Modern Web Development (Part 1)

Introduction Here we are at the end of the modern web development course, At the right basics of the language which make the web interactive and functional. JS Is the back-born of the modern Internet, Why do I say so? Because we can do literally Anything you imagine. Without further explanation, Let’s start with the course. Before getting here, Please follow HTML CSS and SCSS guides. Hello, world! Javascript is fully functional with HTML and CSS, so first, Let’s create our demo document with HTML CSS And JS.

Jul 23, 2020

Download Youtube Videos 2020

Introduction Let’s be real, We need to download Youtube Videos for so many reasons, Maybe mp3 from youtube, And we still don’t have a clear way, But today I’m here to change that, I Found some interesting apps and websites which can download From youtube directly as video or Audio. Without much details, Let’s dive in. Android For android devices, I Have an app for you. This isn’t Available on playstore because that’s how it is.

Jul 22, 2020

Scss for Modern Web Development (Supercharged CSS)

Introduction If you noticed, I Didn’t mentioned css for browser types in our previous CSS tutorial, The case is, I don’t want to, SCSS is doing everything for us so why should we even bother? Let’s get started with SCSS and supercharge our css. Pre-Setup SCSS isn’t a universal solution, it’s here to help us with variables, nesting and automatic css generation. So we need a software to compile scss into css, here I’m using VSCode and an extension called live SCSS compiler.

Jul 21, 2020

Create an Eco System With Join by joaoapps

Introduction Let’s be real, We all like to work in one place but access all of our devices, Apple has a solution for this but what if you don’t have an apple eco system? Today, Let’s discuss how we can create an ecosystem for with what we have and for a little price to pay, With Join by joaoapps. There are more services like this, Push bullet is one of them but their prices are, for my tastes, unfair.

Jul 20, 2020

Storage Free Cloud Life 2020

Introduction Storage, in other words, Information had evolved in to almost to be a basic need of modern human life, Everything form studies, household things, social awareness programs and pretty much anything you name, has a digital counterpart that stored somewhere in the world, And as humans, we have to constantly phrase and read them to keep up with the modern society, and sometimes, It’s a pain. But most of us are creating and storing a massive amounts of data within our life time, and for most of us, there are times which we struggle to keep up with the amount of information that we make.

Jul 19, 2020

CSS for Modern Web Development (Zero-To-Hero)

Introduction Well well, here we are in the section of styling our HTML Page, if you don’t know what HTML is, Check HERE for the HTML Course on modern web development, Today we’re using CSS and HTML knowledge to create a beautiful looking website. Today we’re creating Adding to HTML There are three ways we can add a css file to our HTML Document and you can use unlimited css files in a single HTML page, Let’s Explore.

Jul 18, 2020

Ultimate Adobe Softwares List With Universal Crack 2020

Introduction We all have used adobe software in some point of our lives and wandered how many others there are to explore. While none of the internet has a proper guide on this topic, I managed to create a complete solution for this case. and I Made a Universal crack for all adobe softwares. If you came for the crack itself. Adobe Universal Crack (Windows / Mac) Download You can crack up-to CC 2020 Adobe softwares from this crack and Rest of us, Let’s explore the options.

Jul 17, 2020

Photoshop Trending Autumn Effect 2020

Introduction Autumn effect is something now getting in trend on social medias, It’s a simple filter but most of the softwares get it wrong and making a messed up look but untrained eye isn’t going to notice that until doing some post processing. Here Let’s re-create that effect on photoshop so it’s more versatile for more adjustments. Here’s a before and after photo of me (Not the prettiest one but it worked) with the effect applied

Jul 17, 2020

Python Ultimate Crash Course (Zero-To-Hero)

Introduction Python is one of most popular and most powerful and one of the fastest programming languages until now, Millions upon millions developers use python in their projects to script easily. also python is one of the easiest languages to learn and master. But there are some differences between python 2 and 3, and most beginners get confused and leave python because they can’t understand how these work. So let’s begin with python 2 and 3 at the same time shall we?

Jul 16, 2020

Google Drive Serverless Web Hosting 2020

Introduction Serverless web hosting getting popular day by day, with the rise of static websites, So here today, I’m going to show you how to host your created website ( HTML JS And CSS files ) In the google drive, and setting up a proper domain name for it using Freenome and netlify. If you are a typical follower of my blog, this would be awkward because I didn’t completed the web development course just yet.

Jul 15, 2020

HTML for Modern Web Development (Zero-To-Hero)

Introduction HTML is the structural markup language for the web development community, there are more than HTML in markup community but for websites, we use mainly HTML. I’ll explain HTML from ground level so if you’re a absolute beginner, you can follow up easily. If something went wrong, just contact me from the links provided. Environment HTML doesn’t need a specific environment to run, but Modern web development required you to host the main files.

Jul 14, 2020

Royalty Free Internet Resources

Introduction No matter what profession you are in, in a certain period of time, you are going to face a situation which you need some materials royalty free for your projects, maybe Images, videos, sound clips etc.. So in this article, let me show you my pics for royalty free Resource collections. But, first, let’s go over some basic royalty-free terms. Royalty-Free: This allows you to use intellectual property without having to pay royalties or license fees.

Jul 13, 2020

VS Code for Web Developers

Introduction Visual studio code is a powerful and a user-friendly code editor, It has extended functionality, which makes it an all-in-one solution for most of the web developers and This would be a follow up guide to a Web and Hybrid app development course I’m planning forward to. Installation VS Code is available for Windows, Mac and linux, so pretty much It’s a cross platform code editor. one of my favourite.

Jul 12, 2020

Free Top Level Domain Names 2020

Introduction I Was surprised and wasn’t sure is this a spam or not, Top Level domains for free? that’s Odd to be exact, But yeah, Freenom offers top level domains for no cost at all! and that’s weird. In this article, I’ll show you how you can get a Freenom top level domain for free and in the correct way. Follow this guide very carefully because anyone can f*ck it up in no time.

Jul 11, 2020

Budget Online Radio Station Guide 2020

Introduction Youtube is the main source of entertainment these days, but people still want to enjoy radio streams for no reason, online radio stations are costy and it’s nearly impossible for a normal person to start an online radio station without getting in to any of the top stupid costing radio stream services. In this article, let me show you how I made an online radio station without wasting a single penny, or without sacrificing the quality

Jul 11, 2020

Best Media Players 2020

Introduction In this post, I would like to present to you with the best media players according to technologies they use. This is a weird post to make in this time period but I’m creating this as a follow-up for a new post I’m planning to post in the future about Online Radio Broadcasting Technologies. What I’m Considering Here Well, While I’m Preparing the list, I was considering about several features to back it up with.

Jul 10, 2020

Windows 10 Speedup Registry Tweaks

Introduction Windows based PCs have a registry system to take control over the system wide operations and most of the times windows default operations are useless to most of us and somewhat annoying. So to be cleared, I made this easy to install Registry file to speed up your PC in matter of seconds. What Does It Do? Well, here comes the boring part. If you don’t want to know what this file does to your PC, just skip this section and use the link below to download the program.

Jul 9, 2020

The Package Manager for Windows [ Chocolatey ]

Introduction Do you ever thought about a single command to install, uninstall or update softwares in Windows? How about a script automatically do everything for you? Guess what, you’re in the perfect place! Chocolatey is a package manager for Windows, which you can install by a single command and do everything with a single command! Showcase Install softwares > choco install vlc Updated softwares > choco upgrade vlc Uninstall softwares

Jul 8, 2020

Best Code Editors of 2020

Introduction Code editors are usually overpowered text editors. Mainly they are used for editing codes, but in the modern world, code editors are playing a role of complete development environments for some frameworks, with the help of extensions. In this article, I would like to present you my most favourite code editors and also some download links, and typical extensions I use. #1 Visual Studio Code Visual studio code is a multi talented and an open source project by Microsoft.

Jul 8, 2020

First Post

Introduction Hello There My Gorgeous friends! From today on, this would be my hobby, blogging about technology and solving your IT Related Anything! What I’m Posting? As we speak, I’m planning to blog about Web dev PC / Android Software New technologies Security and Tips Coding and Programming And so much more on modern technologies. Stay Tuned With RSS Feed Subscription Don’t forget to ask me anything through out my Social media links And E-Mail.

Jul 8, 2020