Forem: Arunava Ch.

DOM for Beginners: 6 minutes tour

Arunava Ch. — Thu, 10 Dec 2020 18:58:52 +0000

🛎️*I am writing this article to help my brother, Avi with his journey in web development.
You can find him on Twitter and on Minecraft @avipopo(he is a damn consistent Minecraft player 😍). *

Representation

DOM📑🪨🧩
HTML🌐
CSS🎽
JS/JavaScript🍵📃

What is DOM📑🪨🧩?

The Document Object Model(DOM) creates a structure or a view of the web page so that other scripts or programming languages can connect to the page for different applications.

There are 3 main aspects of developing a website.

HTML🌐

HTML is the language of the web and has a specific set of rules and syntax.

HTML stands for HyperText Markup Language
HTML is the standard markup language for creating Web pages
HTML describes the structure of a Web page
HTML consists of a series of elements
HTML elements tell the browser how to display the content
HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc.

CSS🎽

CSS stands for Cascading Style Sheets
CSS describes how HTML elements are to be displayed on screen, paper, or in other media
CSS saves a lot of work. It can control the layout of multiple web pages all at once
External style sheets are stored in CSS files

JS🍵📃

JavaScript is the Programming Language for the Web.
JavaScript can update and change both HTML and CSS.
JavaScript can calculate, manipulate and validate data.

How does JavaScript🍵📃, a programming language interact with HTML🌐, a markup language😕?

As HTML is not a programming language, the interaction between HTML and JavaScript is done via the process called DOM.

DOM refers to the Document Object Model.

Why do you need to implement Javascript🍵📃 on your website😖?

Because there are some very important functions of a properly working website that can only exist if JavaScript is implemented properly.

Example😮:-

Animation💨🔜 after you click a button
Something happened(event🪃) after you clicked a button
Creating🗃️ new forms or elements on a static page based on user's inputs without reloading the site on client's device
Gathering📂 form input data for further usage.

etc.

These are all the common things expected from a well-made website.

You need JavaScript for that.

How does the browser convert an HTML🌐 document into a DOM📑🪨🧩?

As you can see, here is an example of how the HTML document looks like while running in a web browser.

In the picture above you can see on the left is the browser view of the HTML document and on the right side is the actual code.

You can see that h1 tag is inside the body tag which helps the browser display the heading in the format we wanted. This is how other tags in this HTML document works.

Tags are defining how there inner elements or texts should be displayed in the browser. Differences in the hierarchy of different tags are used for a different way of displaying them on the browser.

Now when the HTML document is loaded on the browser, another representation of that document is created by the browser known as DOM.

Actual representation of HTML to DOM conversion

In the image below you can see a very basic HTML🌐 document.

There is an HTML tag up there. An indented head tag. That head tag has a title tag in it. Again in that same way, HTML tag has a body tag in it and the body tag also has some other tags inside of it. The pattern here is the hierarchy of different tags based on how they are used.

The concept DOM📑🪨🧩 uses this hierarchy of tags to create the model for JavaScript's🍵📃 integration.

Document📃 in DOM refers to the HTML document that we write.
Object🪨 in DOM is the tags in the HTML document that we write.

Tags like head, HTML and title tag are all converted into objects by the browser. Because JavaScript🍵📃 doesn't understand those tags. JavaScript🍵📃 understands objects. JavaScrip🍵📃t can work with objects. So after the browser converts the tags into objects, using JavaScript🍵📃 we can easily manipulate the tag, there events and the tag itself.

Model🧩 is created based on the hierarchy of tags been implemented in the HTML document that we write.

Tags are converted into objects in the DOM tree on the right-hand side. those objects are placed based on the tag's hierarchy in the HTML document.

The HTML document you write is not different than it's DOM version. DOM is a different representation of the same HTML document you made.

For example in the image above, you can see on the left side that there is a title tag with a title name inside of it.

Normally to change that tag you will need to go back to source code and change it manually from there. But if we want to utilize the DOM representation of the HTML document, we can access the corresponding object of the title tag in the DOM using javascript and then change the inner content of the tag using a function.

Similarly, you can change colour, add colour and add a background image to any element using the objects in this DOM.

How can JavaScript🍵📃 use these objects🪨 in the Document Object Model📑🪨🧩?

So the way it works is that JavaScript🍵📃 looks at this document in terms of nodes▪️. So the concept of nodes▪️ is used over here.

The yellow💛 text is the element node, the blue💙 one is the inner HTML or text node and the green💚 one is the attribute node. There are many other nodes but these three are the most basics and the most common ones.

Again here you can see that a little bit of hierarchy is going on here. The element tag is at the top and then there is in the second level, the attributes inside another nested div element tag. "My title" is inside a different nested tag. These elements are all objects in the DOM.

For those who don't know what an object🪨 is, the object🪨 is something which has an attribute and a function that can operate on that attribute.

Javascript uses methods on these methods to access these nodes for manipulation.

We can refer DOM as a JS view too.

Fundamental data types📊

As DOM is a model, it has it's own data types and various objects.

Document The document is the root object itself that needs to be accessed first to access other objects inside of it.
Node Every object inside a document can be a node. In an HTML document, a node can be an element tag, an attribute or a simple text node.
Nodelist A novelist is an array of nodes. This kind of nodes is returned bu the method document.querySelectorAll(). As this novelist is an array, items in it are accessed by indexing.
Attributes A returned Attribute node is an object reference that exposes a special interface for attributes. Generally, an Attribute is referred to as simply an attribute we know. Attributes like id and classes are the identifiers and then there are styling that is inline CSS attributes.

Core interfaces in DOM📑🪨🧩

This is a small list of common APIs used by JavaScript🍵📃 and XML scripts📃.

document.querySelector(selector)
document.querySelectorAll(name)
document.createElement(name)
parentNode.appendChild(node)
element.innerHTML
element.style.left
element.setAttribute()
element.getAttribute()
element.addEventListener()
window.content
window.onload
window.scrollTo()

Obsolete☠️ DOM📑🪨🧩 interfaces

The definitions and explanation in this article are highly simplified for the sake of beginner's ease of understanding. The following interfaces are considered as obsolete. This list will be updated based on any future changes.

DocumentTouch
DOMConfiguration
DOMErrorHandler
DOMImplementationList
DOMImplementationRegistry
DOMImplementationSource
DOMLocator
DOMObject
DOMSettableTokenList
DOMUserData
ElementTraversal
Entity
EntityReference
NameList
Notation
TypeInfo
UserDataHandler Actual representation of HTML to DOM conversion

Conclusion✊: DOM📑🪨🧩 is not a seperate document, rather it's a representation of what you wrote in that `.html` format

Inspite of being a huge topic, you don't need to learn a hole lot of things about this concept. To use this DOM, you need to utilize some common API methods over those objects in the models. These APIs are common to XML and JavaScript.

Learn the concept of DOM
Learn how to use JavaScript And that's it. That's a you need.

I will be exploring the methods more deeply in another writing. I will link to the article here.

Thank you🙇‍♂️🙏

I am soo happy☺️ that you read all of it and now you are here. We can connect on Facebook☹️📘 and Twitter🐦.
You can check out my profile for more of my writings.

HTTP🌐 Methods🔨: GET 📖 and POST 📝 in 5 Minutes

Arunava Ch. — Sun, 29 Nov 2020 12:06:28 +0000

🚧I am writing this because I, myself have been really confused about how GET, POST methods works at all. This article is mainly an explanation of what I have learnt so far. This article solidifies my knowledge. If anyway this article turns out to be helpful to you, please let me know in the comment section below.
Thank you!🚧

Contents:📃

What is HTTP
HTTP Methods
Small talk about CRUD
What is:
- GET
- POST
- PUT
- DELETE
Safe methods and Unsafe methods
Idempotent methods

What is HTTP?🌐

HTTP means Hypertext Transfer Protocol. HTTP is a protocol used to fetch resources like HTML documents. This client-server protocol is the foundation of any data exchange on the Web. Using this protocol a complete document is reconstructed by fetching sub-documents like images, texts, videos and scripts.

Clients and servers usually communicate using messages and these messages are named depending on what action they are performing. If the message was sent from the client's side to the server then it is called a request and if it is received from the server-side on the client-side, then it is called a response.

⚠️Spoiler alert, GET and POST are both related to this request and response things.

HTTP🌐 Methods🔨

HTTP methods or to be more precise HTTP request methods are a defined set of request method used to indicate the desired action to be performed on a given resource.

It doesn't matter if the name of the methods are specifically noun or not, but sometimes these methods are also referred to as HTTP verbs(as they are performing an action from the client's side).

The most common methods are as follows:

* GET
* POST
* PUT
* DELETE

Are you aware of CRUD: it's related 🤔

Create Read Update Delete

CRUD is essentially refereed to as a structural reference for building a service or an application.

A CRUD application should be able to create, read, update and delete data. The reason why I am talking about CRUD here is that the four HTTP methods that I mentioned before are just CRUD enabler.

Create = POST

Read = GET

Update = PUT

Delete = DELETE

GET Method📖🔨

The GET method bundles the submitted data into a string and uses
this to compose a URL. That URL contains the address where the data
must be fetched from. The sent data also contains the data keys and
values. Requests using GET should only retrieve data.

For example in a <input> tag you have entered a value and clicked the submit button. Now if the method of the form is GET, the form will create a URL using that value you entered. That URL will also contain the key-value pair of the data for locating the data.

POST Method📝🔨

The POST method bundles up the form data, encodes it for
transmission and sends it to the server followed by receiving a
response. POST method often causes a change in state or side effects
on the server.

Any request that could be used to change the state of the system - for example, a request that makes changes in the database - should use POST. GET should be used only for requests that do not affect the state of the system.

PUT Method📤🔨

The PUT method, just like the GET and POST methods works from
the client's side. PUT method sends a request with a key and value to
locate the position the data the needs to be updated. PUT does
not create new data. PUT updates existing data with new passed on
value.

DELETE Method🗑️🔨

DELETE method, as the name suggests, deletes the specified data.

Based on the type of actions being performed by these different methods, there are 2 types of methods.

Safe methods🛡️ and Unsafe☣️ methods🔨

⚠️By safe or unsafe I don't mean that you shouldn't use the unsafe methods. Unsafe method is a name given to particular types of methods for there working nature. Use it where you must need it.⚠️

Methods that, after sending the request from the client to the server, doesn't change the state of the data is called Safe method. This kind of methods is used to only fetch a specified data without updating or deleting the original data in real-time.

GET is a Safe method because GET is used to fetch the data, nothing else.

Methods used to send a request to change the state of the original data on the server is called Unsafe methods. Unsafe methods don't just fetch data but also can delete, update or create new data.

PUT, DELETE, POST are Unsafe methods.

Idempotent methods🪤🔨

Scenario: Suppose there are 8 data sets. Data sets about 3 dogs and there ages.

data_set = {
"dog1": 12,
"dog2": 5,
"dog3": 10
}

You send 5 requests using PUT to the server to update "dog3" value from 10 to 5.
After sending the first PUT request the "dog3" key will have its value changed to 5.
But those 4 other PUT requests will not change the data as the original request was to change the value 10 to 5 and the data is already changed by the first request.

One change of state of the server data occurred in spite of making multiple requests.

Result: Same thing happens when you are using GET and DELETE methods. Several requests with the one same change of the data in the server. This is why GET, DELETE and PUT are called Idempotent methods.

But the POST method is different. Here notice the similarities between GET, PUT and DELETE methods. All three of them have the same kind of requests where they don't create new data in the server upon a request from the client's side. But POST does.

Conclusion(for me😂): `POST`📝 and `PUT`📤 are totally different

POST method is used to create new data in the server-side though the same data might already exist on the server.

So when you use POST to change the data of "dog3" from 10 to 5, it won't work. POST will create another data set with "dog3" as key and 5 as value. And 5 requests of POST will try to create 5 data-sets of the "dog3" key-value pair.

POST changes the state of the server in real-time and multiple times based on the amount of request is being pushed using POST from the client's side.

Thank you🙇‍♂️🙏

I am soo happy☺️ that you read all of it and now you are here. We can connect on Facebook☹️📘 and Twitter🐦.
You can check out my profile for more of my writings.

Privatisation of YOUR android phone: De-Google

Arunava Ch. — Sun, 01 Nov 2020 06:42:15 +0000

There can be a whole lot of reasons for you to be choosing to opt-out of any Google services. But the way different developers and companies have integrated there apps and services with google services is is a monopoly going on. But because of this kind of practice performed by these big companies have to lead the way of Open-Source and Non-google Software.

This tutorial is strictly based on The Phone Xiaomi Redmi Note 7(Lavender). This article is only for the enthusiasts and for those who know what they are doing. Please move forward with utmost caution.

Pre-Rooting process of Syncing/Backing up your data to the cloud

As soon as we start the process of unlocking the locked bootloader, we will lose all the data on this phone. So we need to first backup those data like contacts and calendar.

Now, this process of syncing contacts and calendar can be much simpler if you opt to use the Gmail account that you already have signed on to this phone because Gmail accounts sync up your calendar and contacts data to google drive by default. But if you are strongly committed to the De-googling process then you can not use the google account. You need to use a non-google account to do so. Like yahoo mail or Outlook mail. Now, I don't want to go with outlook or Yahoo for this tutorial cause I want to show you a different total open-source secure way of doing it without involving Google, Microsoft or any other big company's services.

Proton Mail is a secure end-to-end encrypted Email service based on Open-source code. It's a perfect service to go with keeping your interests in mind. You can visit there a website or install their android app to create a mail account.
After you have created the mail account we can now move forward with another fantastic alternative to another Google service, Google Drive. Nextcloud services is an open-source cloud service solution having options like being able to choose to have self-hosted cloud hub to be being able to choose other company's hosted service with different storage and amenities options with different premium options to choose from. Nextcloud services are as much flexible as you can imagine. Visit their website to choose a service provider or go with tab digital's solution that I am personally using for my needs. Sign up and get your storage access accordingly.
So now you have an Open-source Mail account along with a Cloud Service solution. Next step will be to sync your contacts, photos, files and maybe your Calendar. I will initially talk about the process of syncing your contacts and photos using the Nextcoud Android app and the syncing client DAVx5.

Taking in the fact that you have now signed up for a service provider in NextCloud and have logged in to the NextCloud Android app, we will now move forward with the syncing setup.

Open the NextCloud app and

and go to settings and click on "Sync calendar & Contacts"

now this browser windows of DAVx5 will open up where you will need to log in to your nextcloud server accountM

After a successful log in press back button untill you see a screen like this one.
wait for this screen to go away

for this screen to show up.
The account name will be your mail address by default. You can change it by tapping on it or can skip that bit and tap on creating an account.

After account's successful creation you will see these two tabs of different content synchronisation.

CARDDAV is for all the contacts in your device. By default, options will be unchecked and you will have to manually select them and click on that orange sync button to start syncing process.

CALDAV is for your primary calendars. Google account signups don't sync calendars with DAVx5 without developer account Auth setup. This auth setup process requires an entire article of its own, so I will leave this here.

WEBCAL is for you online subscriptions. If you don't have any, then that tab won't require your attention.

Now got to these settings button

and tweak these syning interval settings and others according to your own convinience.

done

Now just the way you back up your contacts, you can go to nextcloud and backup your photos and the folders containing photos to get them back when you may need them.

Bootloader Unlocking

==I assume that you have an updated Windows 10 machine with Linux Terminal installed and updated for them to work correctly. You will need to install an application on your Windows machine for this process to work out. Before you proceed with any of these steps mentioned below, remember to keep your phone charged at a minimum of 80%==

A. Prerequisites

For Windows 10 , You need to disable driver signature enforcement in windows computer incases it doesn't recognise Xioami drivers. Now you need to install ADB and fastboot tools. Download the tools here. * Now run the package using administrative permission * Press Y/Yes to install ADB and Fastboot or N/No to skip * Press Y/Yes to install ADB system-wide or N/No for current user only * Press Y/Yes to install Drivers or N/No to skip * Continue Driver installation * 15 seconds passed - finished! Now if you have older Google USB drivers installed, then uninstall the older ones from the control panel. If you want, you can download the latest Xiaomi drivers from here. For Linux, open "TERMINAL" and do the following which will help you install android tools and fastboot: sudo apt update sudo apt install android-tools-adb android-tools-fastboot This is a very basic and standard way of installing adb and fastboot in Linux. But this commands sets should do the job.
After Installation is complete, restart your computer.
Enable developer mode in your phone
Enable OEM unlocking and USB debugging
check if your bootloader is locked
- got to the folder where you have installed ADB and Fastboot tools and open a terminal in there.
- Enter your phone's fastboot mode by pressing volume down + power button and connect your phone to your computer using a USB cable
- Now enter the command fastboot devices. If you a random integer in the screen then your device was connected.
- If you see your device, enter the following command fastboot OEM device-info. If your bootloader is locked, you will get the following status or something similar. ……………………………………………………………………. (bootloader) Device tampered: false (bootloader) Device unlocked: false (bootloader) Device critical unlocked: false (bootloader) Charger screen enabled: false (bootloader) Display panel: OKAY [ 0.058s] finished. total time: 0.063s ……………………………………………………………………… If your bootloader is unlocked then you will find this kind of status or similar. ……………………………………………………………………. (bootloader) Device tampered: false (bootloader) Device unlocked: true (bootloader) Device critical unlocked: true (bootloader) Charger screen enabled: false (bootloader) Display panel: OKAY [ 0.053s] finished. total time: 0.055s ………………………………………………………………………
Now to unlock the bootloader you need to ask permission to Xiaomi for that. You need to create a MI account for that in case you already have not. And then you need to download this unlocking application provided by Xiaomi and install it in your Windows PC to proceed.
After Mi account creation, login to your MI account in your Xiaomi Phone and then go to Settings/Additional Settings/Developer Options/Mi Unlock status and check "Add account and device".

B. Bootloader Unlocking via terminal
Bootloader unlocking will erase all your data and that's please remember to back up all your data before you proceed with the below-mentioned procedures

Even though this was already mentioned above, you should check again if the USB debugging is turned on and OEM unlocking is enabled.
Your MI account must be connected/added to the phone.
Given the fact that you have followed the previous instructions and have installed the MI unlock tool properly, now enter the fastboot mode by holding down Volume down + Power button together and connect your phone to the PC using a USB cable.
Now start the MI unlock tool and then log in to the same MI account you had logged in to your phone with.
Now there will be a unlock button. Click on it to start the unlock process.
follow the process until the process is finished and then reboot your device.

you might get a message saying you need to wait till 72 to 360hrs before you can start the unlocking process. If you got this message, then you will need to wait till that time passes to start the unlock process.

Installing a custom recovery

First of all you need to download the Custom rom and the Recovery.
Store these two files safely in a single folder and then open a terminal or a command prompt if you are using a windows machine for this flashing process.
Now connect your phone to the PC using a USB cable.
On the terminal run this following command while the phone is connected. adb reboot bootloader
As the phone is now in fastboot, try this following command in the terminal fastboot device to see if your phone is recognized by your PC.
now use this following command in the terminal to flash the custom recovery onto your phone that you downloaded. fastboot flash recovery <recovery_file_name.img>
Now reboot into recovery by holding the Volume up + Power button at the same time. ## Installing LineageOS from Custom Recovery using your PC Now in the last steps, we followed we were in the custom recovery. So keeping that in mind we can move forward with the process of installing the LineageOS from recovery.
Now we need to factory reset our phone by going to Factory reset options and then
Format data, Format cache partitions and then Format system partitions to remove all the data including the whole OS from the from to make place for the new LineageOS rom.
Now return to the main menu and select Apply update/Apply from ADB
Now on the PC terminal enter the following command to flash the adb sideload filename.zip filename.zip will be replaced by the name of the LineageOS rom file you downloaded. NOTE: Additional add-ons aren’t signed with LineageOS’s official key, and therefore when they are sideloaded, Lineage Recovery will present a screen that says Signature verification failed, this is expected, please click Continue.
Now download the Magisk manager to avail root authority after you reboot the phone in it's new Custom ROM.
Now again to go to Apply update/Apply from ADB.
In your PC terminal type in that same command adb sideload filename.zip and replace the filename.zip with the magisk download file name to install the Magisk Manager. ## Now you are ready to boot into your seemingly NEW phone without any Google Play services baked onto it. Now you can make calls, text people and do every other mundane task you usually do on your phone. Right? haha Where are your contacts, applications and cloud services? Yes, you got the point. We need to work on that now. Thing from will be less technical and more of thorough follow up process.

You need AppStore before you do anything else

The open-source world of android and the world applications developed by people other than Google has got you covered here. There are plenty of options to choose from and sometimes soo many options can be overwhelming so here is a list of applications that you will ever need, at least during the time of using a phone without google's ecosystem.

APP-STORE

Aptoide is my favourite AppStore on the list because it has a huge array of applications and you may find applications not available for your region too! F-Droid places mostly known for trusted open source applications and it looks like a general AppStore but it isn't. It's like a repository of applications but not to make it more complicated, it works. Apkmirror is a fantastic place for getting the latest, beta or even alpha versions of applications, applications which sometimes even default system apps of some smartphone.

APPS for DAILY USE

1.Root Explorer

for accessing root files with root permission granted by Magisk manager.

2.Fennec F-Droid

for accessing the web. It's F-Droid fork of firefox mobile with proprietary bits and telemetry removed.

3.VLC

for media playback. Do I need to explain why should have VLC for media playback other than the fact that it's open-source software?

4.Nextcloud

for either self-host or using a service provider's server for cloud storage backups. It's open-source, secure and there is a ton of options to choose from.

5.Simple Gallery Pro

because the default gallery that is pre-installed in LineageOS is extremely basic. But this gallery app is not super complicated yet brings some subtle features to the table for ease of use when you may need it.

6.FairEmail

for all of your email accounts. The default Mail app is very basic and sometime later you might need some more horsepower.

7.System App Remover

to remove the unwanted system app with root access granted by the Magisk manager.

8.SMS Organizer

to get the best experience without rooting for Google. Fantastic auto separation of different texts, auto OTP detection and simple copying feature and there more to this application that you need to experience by your self to know better about.

9.Swiftkey keyboard

can be the best alternative to Gboard. fantastic typing experience out of the box and there is a whole lot of customization options available for you to go through to choose the best size and vibration type to choose from. And lot's of proper themes are there too.

10.Gcam and a supporting application for the Gcam to run without the Gapps that it needs to run on an android device.

11.Document Viewer

is an Open source application from F-droid. It supports PDF,DjVu, EPUB, XPS (OpenXPS),
Comic Books (cbz) (NO support for CBR (rar compressed)), FictionBook (fb2). IT DOES NOT SUPPORT DOC or DOCX files!

12.ICSx5

download this application only if you have calendar subscriptions to sync
for syncing your web calendar subscription. This is a way of syncing all your different calendars from Google calendars to any of your custom calendar provider. We will talk about this more later.

13.DAVx5

is for syncing your contacts and main calendar using your mail account. We will talk about this in more detail later in this article.

Now that we have all the essentials downloaded/installed we can now move forward to

Setting up the essentials

A: Contacts

Open nextcloud application and tap on log in
Now enter the server domain given by your nextcloud provider, and continue
Now tap on log in to log in to your account with mail and password
Now grant access to your device
now go to your nextcloud app settings to find out the sync contacts and calendar settings. Tap on it start the DAVx5 log in process.

Now a Browser window for DAVx5 log in screen will appear where you will need to log in to your nextcloud account, grant access and follow the same steps we previously followed to sync up your contacts before the bootloader unlock process. You will be able to choose contacts and calendar syncing interval times based on your preference.

B: Gcam
Gcam is no doubt the best camera application to use for getting the best possible outcome from a single random click. Extremely feature-rich application for almost every phone in the market. Download The Gcam and the supporting app that helps the Gcam run without any Gapps installed in the device.

First install the Gcam service provider app
then install Gcam app
Open the app and enjoy. as simple as that

October 22nd, 2020

Arunava Ch. — Thu, 22 Oct 2020 04:43:04 +0000

I am writing this at 8:45 AM in the morning. I am writing this because I feel
~~ I need correction~~ I need a little bit rest.

The Problem

My office work pressure has gone off the roof. It's almost every day and it's going out of control. Things that I am required to do almost daily are all that I need to do. I know that. I know that right now I shouldn't be ignoring these tasks but yet here I am complaining about these things.
In very specific I am not able to workout on a daily basis as planned. Last night I was really tired and I was yawning. I couldn't finally workout. It's not an excuse that I am sharing but rather a real scenario I am sharing that is hurting my focus.

How Make Things Correct?

By starting over and over again. Whenever I fail, I should know that I failed because I need to get started again. It is a very simple mindset that I need to keep to become more perfect. But again here is the irony, Perfection is na illusion.

What Are The Right Things The I Am Doing?

There are some things that I am doing I consider as being right. Using the calendar on a daily basis to map my day and tasks. This in reality is actually helping me a lot, I don't need to try hard to remember doing something. I just need to focus on using my calendar from my phone to look at my schedules.
Another thing that I am doing right is I regularly noting down my food intakes. I mean as much as possible. Not all the time it's possible to note down what I just had but I am trying to note whenever possible.

Final Thoughts

There should not be any final thoughts. Remember that you are just getting started.

You are motivated. Motivation gets you started. So that's a great sign.
You also should know that you are a person of extreme discipline. A disciplined person can be stopped by nothing. Discipline is the next step after motivation. A disciplined person requires no motivation.
You should know that you are strong and you don't stop when you are tried rather you stop when you are done.

October 15th, 2020

Arunava Ch. — Thu, 15 Oct 2020 16:01:50 +0000

I have been writing small writings on Tumblr for some time now but the problem with writing in there is that there are some limitations to how much content I can put in. Let's talk about the main reason behind me writing at all. I write because I want to express what I have inside me. The words that I want to express but not to people around me. I face problem in talking to people about anything and mostly if the topic is related to me. Writing an article about it and leaving out in the wild feels relieving.
Let's focus on now.
I had a focus shifting stage in my life a few months ago. I was in a roll. I was working on my small projects with good focus. I was working out daily like a mad man and I was taking my diet very seriously. But the after that month of focus shifting everything changed and I strongly believe that I am still unable to get back on track. So the reason for writing this article is that I want to communicate or rather I may say talk to my self to address what I was doing write and why I was able to do them at that time and why I am not able to do those things now.

what I was doing right before that focus shifting month

I was tracking my budget.

Yes. And very precisely. The reason why I was tracking my monthly budget was that I wanted to save some money. I wanted to direct a certain amount of money that I was having with me after all the essential expenditures, to some real reasonable places of my personal life. I wanted to full fill need of a diet, online subscription and yet after all that I wanted to save some money just for the sake of saving. The thing was of noting down my expenditures in an excel sheet I was staying in a good habit of knowing what was that I need to spend my hard-earned money on and what was that I needed. I was starting to look at things with a different eye. I was evaluating anything that my money could buy with an eye of extreme scepticism.
I was working out daily and was managing my diet with extreme precision

Working out daily maintaining a strict mindset to continue that daily is something that I miss now. I was maintaining my food intake time and my food types soo precisely that I kind of feel ashamed of my current self as compared to my past self for how I am eating these days. But trust me, the way I eat these days is health AF but if I start to compare my current self to the past self then you will know how fucked up my current diet is.
Calender management

I still do manage my calendar but again just like my past diet routine my current calendar management should not be compared to past habits. I used to edit and follow my calendar blocks with extreme precision and I was experiencing the results of it. After all, that was the very reason why I got started with calendar colour blocking.

What I am doing now

I don't exercise daily. I don't follow my calendar blockings even though maybe I had spent the whole evening planning and placing the blocks in place for my self to follow. I don't follow the timings for when I should be eating and when I should not be. If I have to add more to this then I will say that I used to at least try meditating daily. I used to try to read books daily and work on the codes daily. But these days I don't.

why is it the way it is?

Because maybe at those perfect times it was a full lockdown situation when I didn't have to think about going to work or solving any office related problems or feels extremely tired making that a reason for not working out. This is the fact that I need to accept now. The times have changed a lot. Things aren't the way they were during those perfect lockdown times. I used to plan and arrange my days according to those huge free times and weeks and months I had for the lockdown situation.

But now I have many more things that I need to focus on. I need to adapt.

I have to see that I have lesser time in hand for my self. I have lesser energy per day to focus on daily workouts. I much lesser time focus on the budget maintenance. I have to solve problems related to my office. So I have to be more realistic.

So what is the solution to this and what should I do?

First of all, I need to be more disciplined. I have to be more focused on what I want as according to my absolute needs. So to be more focused on what my needs are, I need to identify what my absolute needs are.

what are my absolute needs that I should be and I must be on large to smaller-scale daily?

I should be going to be early and getting out of bed early. This is most important and the most helpful habit I was in during the lockdown situation and I have to do it again. In bed by 10 to 10:30 pm and out of bed by 6 am.
At least 10 minutes of meditation daily. I mean is it that hard to get 10 minutes out of a day? NO. I need to meditate daily starting from tomorrow.
Read a book with 100% focus for just an hour. So out of 16 waking hours a day, I can get 1 hour to read a book with full focus. No excuse. Needs to be daily.
Diet and exercise. No eating after 8:30 pm and no eating before 12:30 pm. It should not be that hard. come on. Just pre-plan the workout time and available times to eat and whooa. That's it. Exercise should be done daily. No days off. Even if you feel tired just start skipping ropes. Feel the intensity of it and easily flow will be there to help.
Coding daily. This part should be done even if the amount is very little and insignificant. Should be done daily and managed via calendar blocking just like the others.
Journaling should be done regularly? NOPE. don't stack things up like that. Just do it on a day when you feel like really doing it or you feel like you can.
You should have a perfect time out of a day when you browse through your social media and youtube and all the entertainment staff. Don't let these entertainment staff go spread throughout your day. I am not saying that entertainment is not important. But I am saying that entertainment between staff that are important to be hard focused on can become poisonous. So gather all the entertaining staff and access them at a very specific time of the day so that they don't mess up your routine.

Okay. Now I have my mind clear and I can now focus on how to arrange my days and how to stay focused on my routine. This talking to my self through writing feels very natural. Feels like l am talking in front of a mirror. It served the purpose and cured the craving I was having. The craving of talking and sharing these problems and words and thoughts with someone. I feel relieved. I feel more sincere and more intellectual. I feel more disciplined. Or at least I feel like I know that I have to be more disciplined and I know how to be more disciplined because I talked to my self. I asked my self some important questions. I frightened my inner self soo much that it felt forced to answer all my questions. I got all my answers and now I am going to take the necessary steps needed to achieve the perfecting. But as a final statement, I like to remind myself of one thing

I can never achieve perfection in my daily life or anything. The reason is not me. The reason is perfection is an elusive goal that we all the humans try to achieve. But what matters is the steps that we take or that are necessary to be taken to reach perfection. It's the process of achieving your goals that brings the real changes not the goal itself. So never blame your self for not being able to be or make a perfect day out of every day. Remember that you honestly tried and there is always a tomorrow. So learn from the mistakes and try again tomorrow.

Forem: Arunava Ch.

DOM for Beginners: 6 minutes tour

What is DOM📑🪨🧩?

HTML🌐

CSS🎽

JS🍵📃

How does JavaScript🍵📃, a programming language interact with HTML🌐, a markup language😕?

Why do you need to implement Javascript🍵📃 on your website😖?

How does the browser convert an HTML🌐 document into a DOM📑🪨🧩?

In the image below you can see a very basic HTML🌐 document.

How can JavaScript🍵📃 use these objects🪨 in the Document Object Model📑🪨🧩?

Fundamental data types📊

Core interfaces in DOM📑🪨🧩

Obsolete☠️ DOM📑🪨🧩 interfaces

Conclusion✊: DOM📑🪨🧩 is not a seperate document, rather it's a representation of what you wrote in that .html format

Thank you🙇‍♂️🙏

HTTP🌐 Methods🔨: GET 📖 and POST 📝 in 5 Minutes

Contents:📃

Conclusion(for me😂): POST📝 and PUT📤 are totally different

Thank you🙇‍♂️🙏

Privatisation of YOUR android phone: De-Google

This tutorial is strictly based on The Phone Xiaomi Redmi Note 7(Lavender). This article is only for the enthusiasts and for those who know what they are doing. Please move forward with utmost caution.

Pre-Rooting process of Syncing/Backing up your data to the cloud

Bootloader Unlocking

Installing a custom recovery

APP-STORE

APPS for DAILY USE

Setting up the essentials

October 22nd, 2020

The Problem

How Make Things Correct?

What Are The Right Things The I Am Doing?

Final Thoughts

There should not be any final thoughts. Remember that you are just getting started.

You are motivated. Motivation gets you started. So that's a great sign.

You also should know that you are a person of extreme discipline. A disciplined person can be stopped by nothing. Discipline is the next step after motivation. A disciplined person requires no motivation.

You should know that you are strong and you don't stop when you are tried rather you stop when you are done.

October 15th, 2020

what I was doing right before that focus shifting month

I was tracking my budget.

I was working out daily and was managing my diet with extreme precision

Calender management

What I am doing now

why is it the way it is?

But now I have many more things that I need to focus on. I need to adapt.

So what is the solution to this and what should I do?

what are my absolute needs that I should be and I must be on large to smaller-scale daily?

Conclusion✊: DOM📑🪨🧩 is not a seperate document, rather it's a representation of what you wrote in that `.html` format

Conclusion(for me😂): `POST`📝 and `PUT`📤 are totally different