DEV Community: Alestor Aldous

What are the 2 main methods for authentication

Alestor Aldous — Mon, 02 Jan 2023 15:21:11 +0000

This article is a part of a new series of articles called "Short Notes" which allows beginners to understand different concepts about webdev within 5 minutes .

So What Are Those

Different Approaches : There are 2 main ways to implement user authentication. There are others but for we are going to mainly focus on this methods. Short notes for other authentication methods will be released soon.

1 . Cookie Session

Cookie Session is one of the conventional methods. This authentication mechanism begins when users fill out their credentials and submit them to a server, which is validated by the server and if the provided credentials are valid, then the server creates a session in the database and responds with a session id and the session id will be saved in a place where the browser stores key-value pairs called the cookie jar. This id is sent back to the server as the key to the server on every subsequent request and if all goes right, the server will respond back with appropriate data. But it has some drawbacks as you need to store session IDs in the database because most modern applications scale horizontally and this can be a huge pain.

2. Token Authentication

This approach solves the issue of scaling . As the client submits the credentials to the server instead of storing a session id it generates a JSON Web Token with a private key stored in the server. Then it is sent back to the browser and it is usually stored in the local storage for any request requiring authentication. The JSON Web Token will be added to the authorization header prefixed by a bearer . The only thing the server has to do is to validate the signature . It is more efficient than searching for tokens in the db . At the end, all you have to remember is that in session authentication state is handled by the server while tokens are handled by the client side. If you want to know more you can give MDN DOCS a visit.

Conclusion : Don't Worry Just Stay Awesome :D & Happy New Year

Keep Coding !!!

🙏 Share with your friends on Twitter

CORS Error in 5 minutes

Alestor Aldous — Sun, 25 Dec 2022 16:42:39 +0000

So What is CORS ?

CORS stands for Cross Origin Resource Sharing is mechanism that allows a website on one url to request data from another url . This error has been a pain for both front end and backend developer from start . Your webpage might be trying to fetch data from another url and end up with a error in the console

Trust me sometimes CORS Error is a huge pain for web dev out there :

Something like this :

Well this happen because of the browser's security policy

Well what is this policy in simple words :

This policy allows a webpage from its own url but blocks anything from another url unless certain conditions are met.
Well if you open up the devtools you might be able to view the headers of request in which there is a origin header which specifies origin url if that request goes to the server in the same origin then its allowed by the browser

What happens when request goes to a different url :

This type of request is known as Cross Origin Requests
After reciving the request by the server it adds a
Access-Control-Allow-Origin header in the response .

If Access-Control-Allow-Origin does not match with Origin Header then browser prevents the response from being used by the client side app

So What's the solution ?

Well we can solve this issue at the backend side . We only need to set backend to respond with the proper header

If your express.js this issue can be solved using cors module

Install module by npm :

npm i cors

Usage :

var cors = require('cors')

We can set express js to respond with a proper header with a 1 line middleware code

app.use(cors({origin:'http://yourawesomeurl.net'}))

When facing a CORS Error

Step 1 :
Open up network tab of devtools find the response and check for

Access-Control-Allow-Origin

header . If it doesnt exist then you have to enable cors on server side
other wise the url might be a mismatch

Well if you dont own the server then you're doomed

And thats CORS Error in 5 minutes hope this articles helps you out

Conclusion :

Don't Worry Just Stay Awesome :D & Merry Christmas!!

Keep Coding !!!

🙏 Share with your friends on Twitter

After A Long Break

Alestor Aldous — Sun, 31 Jul 2022 06:47:00 +0000

So What Is It About ?

There are some situations where we need to take a long break( whether it's 1 week or a month or years maybe) from your career/hobby, maybe due to some unavoidable situations, but when it comes to getting back to work after a long break can be, little frustrating some times may be because you may have lost your flow to work or may be you get overwhelmed where to started or your mind just went blank all of a sudden . Well, here are some tips that can help you with that. :

Don't get depressed :

After a long break, there is a chance that you might have lost your productivity and it's totally fine. We will forget stuff if we don't revise it every now and then, such as best practices or basic stuff . Just try implementing 1 or more projects and that will give you some relief.

Stick on to a specific topic :

Instead of trying to revise all the things, just concentrate on one topic.

Polishing your skills :

Polish your skills by implementing your projects one by one. It can be a pain at first. Try implementing more projects through this process. You can brush up your skills.

Set A Schedule :

Try to be more punctual . Try creating ergnomic schedule for yourself so that you can be more productive and try to stick to that schedule for a while.

Try to catch up with the current situation :

We are students of life . We never stop learning new stuff . It is really important to learn new stuff and to stay updated on the once that you have already learned . Developer community is growing day by day new and awesome technology emerge try learning something new . Try watching some tutorial or read articles or books or anything that will feed your mind :D .

Start a side project :

Start to do something on your own preferably something that you are interested . When building a side project you run into different issues have to debug and figure out the solutions own your own and thats a great was to polish your skills as a developer

Socialising :

Talking to other developers and sharing your experiences is a great way to get you back into to the mood or mindset for coding

Dont Push Your Self Too Hard :

Take frequent breaks through the day . Try spending some quality time with your family

Conclusion :

Don't Worry Just Stay Awesome :D

Keep Coding !!!

🙏 Share with your friends on Twitter

Usage of git stash

Alestor Aldous — Fri, 07 May 2021 16:31:05 +0000

So Whats The Matter ?

from somewhere in the internet

Will It ?

Imagine this, you were working on some feature that hasn’t been completed and something important came up and you dont want to commit this partial feature with that urgent feature that you added and during this situations, there are a few options :

Horrible one

Reset all the changes and clean out un-tracked stuff

git reset HEAD --hard git clean -fd
You can do this if there isn’t much that you have done since the last commit. But if you ve spent hours working on it and you are about to complete that? Not a good idea then.

The Correct Way :

You should use git-stash

git stash
Just consider it like a clipboard, running this command will move all your changes to stash. After that you can start working upon that urgent feature, commit that and once you are ready to start working upon that partial feature that you were working upon back at the point when you had to stash the changes, you can get your stashed changes back to your working copy by :

git stash apply
You can clear your stash by using :
git stash -u
and no it will not stash your untracked file

for stashing untracked files you need to run :
To stash untracked files as well, you need to do

git stash -u

Time for some meme's

from multiple sources :

commit your thoughts in the comment section

# Conclusion

Keep Coding !!!

🙏 Share with your friends on Twitter

So Where Do I Deploy My App ??

Alestor Aldous — Tue, 04 May 2021 17:14:44 +0000

So Where Do I Deploy My App ??

There are serveral platofroms to deploy your app

It depends on the complexity and use of your app

If you just want to show case your app you can use one among these 👇

Heroku

Heroku is a cloud platform to host your apps simply
You only need to know basic git commands
It comes with no cost but you can deploy 5 app max
Widely used by Developers

Netlify

You can deploy unlimited deploys
Widely used by Developers

Github Pages

You can deploy unlimited apps
Can use github actions for automations

When It comes to Scalability

AWS

You can deploy unlimited Apps for an developer or an enterprise plan
Recommended By Developers
Even Dev.to is deployed on AWS # Azure
You can deploy unlimited Apps for an developer or an enterprise plan

And More ..

Conclusion

Every Service has its own pros and cons

Keep Coding !!!

🙏 Share with your friends on Twitter

Clean Your Code

Alestor Aldous — Tue, 04 May 2021 07:40:42 +0000

So What Is It About

Just chill and read

So i was fixing some messy code as i dig deeper i noticed a set of code that could have been easily made better had the developer put a little effort into fixing it during the inception instead of leaving it “Latter ... ”. Legacy code is mostly the result of developers not trying to “stay clean” . Small things that may seem little while you are doing them, could easily pile up and haunt you or the next developer at later time.you should have the habbit to keep it clean while you are coding.

If you dont follow the rules you'll end like this :

(from yoyo code) :

What about cleaning up the messy code that you wrote while waiting for the PR approval ?

Ans : Bad code is going to attract more bad code and force you to refactor it “later..”. Do it yourself teach yourself the habit of clean coding instead of leaving it for “refactoring later”.

Fell free to discuss about you refactoring methods

Conclusion

Keep Coding !!!

🙏 Share with your friends on Twitter

You'r afraid of what ?

Alestor Aldous — Mon, 03 May 2021 15:59:38 +0000

So Whats the matter ?

As Developers we have a lot of projects flying around other hoping its gonna take over the world. Some of them do their work we wont get the same excitement after we are starting a project and you'll end in second thoughts and you will come up with thoughts of scrapping them thus not getting anything out of them except the loss of time. These excuses,mostly start with, it won’t work because (some excuse) Like :

..I don’t have enough money

..no body is going to invest

..it ain’t worth the risk

All of us have questions like this when we think of accomplishing something new. And it is usually the questions like this which hinder our way to the success. In my experience, I have come to terms with the fact that it all depends on your reaction whether you take the excuses like these as challenges to be tackled or as the reasons for why you will fail.

Thinking success conditions your mind to create plans that produce success. Thinking failure does the exact opposite.

Failure thinking conditions the mind to think other thoughts that create failure.

I have done so many side projects and put them on the shelf, staying in the safe zone . And you should change that.

And thats it. What are you afraid of? What is it that is holding you back? What is your excuse to not start? put your the comment section below

Conclusion

Keep Coding !!!

🙏 Share with your friends on Twitter

After A Long Time

Alestor Aldous — Sat, 01 May 2021 17:34:07 +0000

After A Long Time

Hey i wasnt here for a while. But im back and i can assure you that i will fill your brain with knowledge and i will be creating a podcast for sharing my experiences with the community and an awesome newsletter and im currently developing a project that will help you reach your blog to the world via twitter . Its a long time i have written blog but i can assure you that now on ownwards i will be filling you brain juicy knwoledge. I can assure you that my blogs will not make you bored

So Declare Code War

Alestor Aldous — Sat, 01 May 2021 17:26:07 +0000

So What Is Code Wars ??

Code Wars is a learning platform where developers improve their skills by coding challenges Code Wars

So What Should I Do Now ??

DEV Community: Alestor Aldous

What are the 2 main methods for authentication

So What Are Those

1 . Cookie Session

2. Token Authentication

Conclusion : Don't Worry Just Stay Awesome :D & Happy New Year

Keep Coding !!!

🙏 Share with your friends on Twitter

CORS Error in 5 minutes

So What is CORS ?

Well what is this policy in simple words :

What happens when request goes to a different url :

So What's the solution ?

Conclusion :

Keep Coding !!!

🙏 Share with your friends on Twitter

After A Long Break

So What Is It About ?

Don't get depressed :

Stick on to a specific topic :

Polishing your skills :

Set A Schedule :

Try to catch up with the current situation :

Start a side project :

Socialising :

Dont Push Your Self Too Hard :

Keep Coding !!!

🙏 Share with your friends on Twitter

Usage of git stash

So Whats The Matter ?

Will It ?

Horrible one

Reset all the changes and clean out un-tracked stuff

The Correct Way :

Time for some meme's

commit your thoughts in the comment section

Keep Coding !!!

🙏 Share with your friends on Twitter

So Where Do I Deploy My App ??

So Where Do I Deploy My App ??

There are serveral platofroms to deploy your app

It depends on the complexity and use of your app

If you just want to show case your app you can use one among these 👇

Heroku

Netlify

Github Pages

When It comes to Scalability

AWS

And More ..

Conclusion

Every Service has its own pros and cons

Keep Coding !!!

🙏 Share with your friends on Twitter

Clean Your Code

So What Is It About

If you dont follow the rules you'll end like this :

What about cleaning up the messy code that you wrote while waiting for the PR approval ?

Fell free to discuss about you refactoring methods

Conclusion

Keep Coding !!!

🙏 Share with your friends on Twitter

You'r afraid of what ?

So Whats the matter ?

Thinking success conditions your mind to create plans that produce success. Thinking failure does the exact opposite.

Failure thinking conditions the mind to think other thoughts that create failure.

Conclusion

Keep Coding !!!

🙏 Share with your friends on Twitter

After A Long Time

After A Long Time

So Declare Code War

So What Is Code Wars ??

Code Wars is a learning platform where developers improve their skills by coding challenges Code Wars

So What Should I Do Now ??

Go to the Code Wars webpage and sign up and start coding try accepting different challenges

So What Are The Benefits ??

It will siginificantly increase your coding skills

Conclusion

Keep Coding !!!

🙏 Share with your friends on Twitter