Forem: ABHISHEK CHANDRASENAN

Working of Web and DNS - Day 1/?

ABHISHEK CHANDRASENAN — Sun, 23 Jun 2024 18:55:17 +0000

The way I finished my last blog was sad, I was so damn tired but I wanted to finish the publishing website part, but couldn't yet still manage to skim through it and complete it. But today will be going through that again and reading more carefully

Day 1: Publishing of website and How does web works and Beyond

Web hosting is rented file space on a hosting company's web server. The web server provides website content to website visitors. You can rent your domain name for as many years as you want from a domain registrar.
For beginners I would say, GitHub pages does the magic for basic ones and even React projects if I am not wrong. Still need to investigate backend capabilities on GitHub pages

How the web works

Basic working of client(you or any user on browser) and server
Basic steps needed:
- Your internet connection
- TCP/IP
- DNS
- HTTP
- Component files
  - Code files
  - Assets
Working of the web
HTML is parsed from the response from the server and it tries to fetch any <link> for CSS and <script> for JS files and paints the screen. For clearer understanding read from this link
Real web addresses aren't the nice, memorable strings you type into your address bar to find your favourite websites. They are special numbers that look like this: 192.0.2.172. This is called an IP address.
DNS: Domain Name System. A fun website for DNS

NOTE: No coding was done, today was more like a reading day.
Have a good day, or night! :)

Basics of Web Dev + Hosting on Github Pages - Day 0/?

ABHISHEK CHANDRASENAN — Fri, 21 Jun 2024 21:07:03 +0000

This would be a very rough draft or more like pointed-down stuff of whatever I will be learning. I have been a web developer for the last 3 years, but I still feel like I am lagging in some areas.

So the plan is to read the entire MDN Guides Section, blog every day whatever I learn by remembering and jotting it down and keep updating the blog and a GitHub repo.

Day 0: Web Development

I am currently reading MDN Docs and starting from the basics.

npx http-server /path/to/project -o -p 9999 This caught my attention as to how easy it is to host a project locally
Interesting that the google search engine treats - as a word separator but doesn't do the same for _. So use - for file names and other variables 1 Anatomy of an HTML Element:
Quirk modes. Something that I had not heard before.
Comments in HTMl are between <-- {content} -->
Don't use heading elements to make text bigger or bold, because they are used for accessibility and other reasons such as SEO. Try to create a meaningful sequence of headings on your pages, without skipping levels.
Anatomy of CSS ruleset:
Understanding of different selectors becomes very useful while using JS and JQuery
Anything in CSS between /* and */ is a CSS comment.
CSS layout:
margin: 0 auto; When you set two values on a property like margin or padding, the first value affects the element's top and bottom side (setting it to 0 in this case); the second value affects the left and right side.
text-shadow details
JavaScript was invented by Brendan Eich. JS is a powerful programming language that can add interactivity to a website. It can be used to create games, animated 2D and 3D graphics, comprehensive database-driven apps, and much more!
<script> tag which loads the file, should be put just before closing of the <body>, because:
- Performance: Placing <script> tags at the bottom of the HTML document ensures that the HTML and CSS content of the page is loaded and rendered first. This can improve the perceived loading time of the page because users see the content before the JavaScript is loaded and executed.
- DOM Readiness: When a script is loaded at the bottom of the page, it ensures that the DOM (Document Object Model) is fully constructed before the script runs. This is important for scripts that need to manipulate or interact with elements on the page, as it ensures that all elements are available to the script.
- Dependency Resolution: If your script depends on any libraries or other scripts, placing it at the end ensures that any dependencies loaded in the same manner are available by the time your script runs.
- The reason the instructions (above) place the <script> element near the bottom of the HTML file is that the browser reads code in the order it appears in the file. If the JavaScript loads first and it i's supposed to affect the HTML that hasn't loaded yet, there could be problems. Placing JavaScript near the bottom of an HTML page is one way to accommodate this dependency.
Object can be anything. Everything in JavaScript is an object and can be stored in a variable. Keep this in mind as you learn.

I was getting my hands also dirty by making the webpage they were asking me to make.

NOTE: Completed from Getting started with web till Publishing the website

Here is the link to the repo and the hosted link:
Github: https://github.com/theshakeabhi/basics-of-web/tree/main/day-0/test-site
Hosted Link: https://theshakeabhi.github.io/basics-of-web/

A New Start....

ABHISHEK CHANDRASENAN — Tue, 29 Jun 2021 18:47:34 +0000

Prologue

Ohkay, My name is Abhishek Chandrasenan and this is my new journey of a new career where I will be the best of the best. Shit, that was too dramatic. Sorry for that.

Wait lemme start over.

My name is Abhishek Chandrasenan, working as a software engineer in a company who is trying to up-skill myself in web development. Now that feels more like me.

Time Travel

I have been into programming since my 11th standard because my brother was into programming and we developed same hatred for biology(not that biology though :') ).
Once I finished my 12th standard and scoring 98/100 in Computer Science I thought I was some big shot in programming, but only to realise later when I joined college that turbo C++ was outdated as fuck and people had already working on live projects and I knew some algorithms in C++. I was sad to be honest, but I was enjoying my college life so, it was all cool.

When Realisation Struck Right On My Ass

But deep down I always wanted to you know code, or program like we see in movies, I mean I know that's not coding but anyway that never happened to me.My college had some pretty good placements so I thought to myself that when I would join a company I will at least do some sort of shit. But guess what I have been doing nothing. NOTHING.

And this is exactly (it's been almost 6 months) when I decided that I needed to up-skill myself and get my shit done.

The company that I work in trained me in React JS, and oh boy, I love React. I don't know why but I just love the way React works and the interesting stuff that is there to explore.

When The stars Aligned

After a lot of procrastination and being lazy as fuck I bought a Udemy Course which basically says : The Complete JavaScript Course 2021: From Zero to Expert! and I was ready to become an expert in JavaScript. LOL

Good People

The reason why I wanted to start off with JavaScript was basically because I have a mentorish/very good friend of mine who is exceptionally well in this field, and he keeps telling the importance to learn JavaScript and I guess after multiple iterations of rewinding multiple conversation I finally decided to start my JavaScript Journey

Action Plan

If you have ever tried on a coding tutorial, you know how boring it gets and how you just are interested in the 1st 2-3 videos and then just go blaaaah, and trust me I have been mastering that and as I knew myself pretty well I decided that I would do these 3 things no matter what:

I would only and only focus on this particular course. (So what generally happens with me is that I would see a topic from the course and I would just go on searching and searching and would never come back to the course and it would go to my hall of incompleted courses.)
How much ever I know the topic, I would sit through it. (So as I studied a lil bit of programming from school and college, I have this habit of "Oh! I know this shit! I will just skip". I am not letting that happen here.)
Listen to the lecture and only then code, never together.(So, when I try to code at the same time when they teach, I just frantically rewind thinking that I missed something they said and I would end up more time in sections that I am supposed to and I feel as if I am dragging. So no more of that.)

Where Am I Now?

It's been three days since I have been putting ~7 hrs a day and those 3 points are something I am trying follow meticulously but even then I have a habit of coding and listening to lecture at the same time.

But I am happy with the progress I have been making. Actually very proud that I decided to do this.

First Output

There was a crash course on HTML and CSS on that course and I made this. It's nothing special just raw HTML and CSS and I thought I would just put it up so that I can come back and see how much I have progressed.

Future Plans

This was purely a non-technical write-up, but I am planning to write what I learn from the course on a regular basis so that it might help someone who can't afford that course and at the same time I would be able to re-enforce my learning.

If you have reached here reading this, I cannot thank you enough. Much love