DEV Community: Jagannath Krishna.P.A

I Created Counter. Just To Count Up Things

Jagannath Krishna.P.A — Fri, 18 Mar 2022 08:29:43 +0000

I created a website called Counter. Its a simple application made to count things. For Example : I created this so I can count how many sand particles are there in a spoon full of sand. Its a weird idea. But when you have so many things to count, this app may help you. You can increase and decrease count. Also if you click a button, it add or subtract when space bar is clicked.

Its Open Source on GitHub. Feel free to contribute. If this app is useful, let's add more feature (I think this app is useless).

You can find the repository here.
App is hosted here.

Thank You For You Time 🙂
Have A Nice Day.

7 Types Of JavaScript Datatypes

Jagannath Krishna.P.A — Mon, 28 Feb 2022 14:20:14 +0000

Hey Everyone, Welcome To My Post 😎
7 Types Of JavaScript Datatypes :

Numbers - Include Numerals.
Strings - Include Letters, Words, Numbers, Punctuations etc. put in a single quote or double quote.
Boolean - Two Types Of Possible Values, True or False.
Null - Represents Absence Of Value.
Undefined - Represents Lack Of Defined Value. Variables That Are Declared But Not Initialized To A Value Will Have The Value Undefined.
Symbol - When Speaking About Symbols There's Much More To Say. I Want To Keep This JavaScript Series As Light As Possible So, Beginners Can Also Understand. If You Want To Learn More About Symbols, Feel Free To Check Out These Sites : FreeCodeCamp, MDN Or You May Research On Your Own.
Object - The Object Is A Complex Data Type That Allows You To Store Collections Of Data.

Here, I Tried To Make It Simple For That Even Beginners Can Understand.
To Know More About These All Check Out : W3Schools, MDN.

Thank You For Your Most Valuable Time.
Have A Nice Day 🙂.

Top Ways To Center A DIV Using CSS

Jagannath Krishna.P.A — Sat, 19 Feb 2022 09:31:53 +0000

Welcome Friends!!

Its a bit difficult thing to position a DIV.
So here let's take a look to top 3 ways to Center DIV :

Absolute :

.class {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

But, There's more easy ways.

Flex :

Make the parent DIV a flexible column or row then align & justify the children in the center.

.class { 
    display: flex;
    align-items: center;
    justify-content: center; 
}

That's a great way. But today we can do it with less code using Grid Layout.

Grid :

Justify the parent DIV as a grid and place the items center.

.class {
    display: grid;
    place-items: center;
}

Yes, its that much simple.

Thank You For You Time. Have A Good Day 🙂.

A Simple RoadMap For A Beginner Web Developer To Become A Hero Web Developer

Jagannath Krishna.P.A — Fri, 18 Feb 2022 07:11:46 +0000

Hi!! Hope You All Are Well. Welcome to my post.

So Many Beginner Web Developers, I Mean those who are learning to code may stuck in a situation of that what to learn next or what to do next. What's Next ????

If you are in a situation like that its just because you don't know much about web development. Don't worry, I also had to go through that situation. So, here is what I learned about What's Next.

THE BASICS

First you need to know the concepts before commands. So, I prefer learning C & Java for learning the basic concepts. You don't need to know C & Java in depth, But just the simple concepts. Although if you are not focusing C & Java, it is best to learn the concepts through C & Java. If you want to know why to prefer C & Java to learn Basic coding, I will be answering to that question in a few. So Keep Updated!

Web Designing

The next step is to learn web designing.
What To learn for web designing :

HTML
CSS
Basic JavaScript

Web Development

After learning web designing you can move a further by learning back end programming.
What To learn for web Development : There are many languages & Databases to program back end. Choosing which is all up to you.

Conclusion

I haven't mentioned much because as you learn you will know more and more about more tool, more languages, Version Controller etc.. The things I mentioned is just a guide to start you journey. Hope you all understand and Comment is open for you valuable replies.

Thank You. Have A Nice Day.

TRUE WAY OF LEARNING TO CODE

Jagannath Krishna.P.A — Sat, 12 Feb 2022 08:22:13 +0000

Many Beginner programmers learn code in the wrong way. They learn to code like this:

Write all the information they learn in a notebook.
Learn all the syntax.
Learn some theories.
Learn all definitions.
etc. (You may know some other points if you are like this)

But, after all these, if someone told them to code a project, the can't. They tell so many definition, theories etc. but they can't code. They don't know how to.

So, we can understand this is not the true way of learning code. The true way of learning code is.... is... by Googling. Yah!! You read that right. Googling is the key. If you forget a syntax, just google it. If you caught an error, just google, if you forget something else, just google. So, when there is google you don't need to learn all things thoroughly. Just understand the concept. But the thing is if you forget some syntax, you can google. But you need to know where to put that in code. That is the key. No matter you copy & pasted from stack overflow or from somewhere else, you need to know where to paste it. So, Just understand the concept.

I hope you understood my message. Also Share this message to beginner programmers. This might help them.

Thank You For Reading. Have a Nice day. And comment is open for you valuable replies.

10 React Hooks Explained And How to Create You Own Hook

Jagannath Krishna.P.A — Fri, 11 Feb 2022 10:39:15 +0000

React has many Hooks. Some people doesn't know all of these and their uses. So, to help you know hooks better and create your own custom hooks, here is video link : 10 React Hooks Explained // Plus Build your own from Scratch. This video is by a YouTube channel called Fireship which is a good programming related channel.
Thank You For Your Time. Have A Nice Day.

3 Websites That Help To Understand More About Virtual Dom

Jagannath Krishna.P.A — Thu, 10 Feb 2022 12:09:25 +0000

One of the main principals of react is Virtual Dom. Many react developers know about Virtual Dom, how it works and how it helps. But Beginner react developers maybe didn't got the idea about Virtual Dom. So, here are some links that might help you understand this easy concept.

Codeacademy

Reactjs.org

Programming with mosh

Thank you for your time.

5 Websites For Programming Beginners

Jagannath Krishna.P.A — Wed, 09 Feb 2022 11:14:57 +0000

Websites that help you to Learn Programming :

W3Schools : For Learning Programming & check for reference.
Codeacademy : For Learning Programming, read docs, cheat sheets etc..
StackOverflow : For asking your doubts and answer other people's doubts
GitHub Learning Lab : Learn Coding Using Git & GitHub.
TypingClub : For Learning Touch Typing. Very Useful while coding.

Thanks For You Time. Have A Nice Day.

How To Deploy A React App Using Multiple Ways

Jagannath Krishna.P.A — Wed, 09 Feb 2022 09:13:11 +0000

It is a confusing thing to deploy a react app. Whether it is using Firebase, Azure, GitHub Pages etc.. But Don't Worry Here is the solution : Learn How to Deploy a react app using multiple ways. I am sure this document will help you to deploy your react app. So, Happy React Days...
Thank You For Reading. Have A Nice Day.

8 Tips to build a good tech profile

Jagannath Krishna.P.A — Thu, 27 Jan 2022 11:09:38 +0000

Tips to build a good tech profile from zero to hero

Building a good tech profile is a difficult thing. But it becomes easy when you work hard & smart for it.

Following are some helpful tips to build a good tech profile that may help you :

1.Domain

First you need to select a domain that suits for you. Like mobile app development, web development etc. and a suitable programming language for the domain you have chose.

2.Fundamentals

Learn the fundamentals of the domain and language you have chose.

3.First Project

Do a good project as you learn. When you do a project as your own there could a lot of errors. At this point, you can use stackoverflow.com. If you don't know stack overflow, it a website that you can ask questions about programming and other users answer it.

4.Contribute

To contribute in projects you need to learn git. After you learned git you can contribute in other people's project on GitHub. At this point, you can also answer to the questions people ask on stack overflow.

5.Networking

Networking or connecting to other people is very important because you will get many opportunities as a developer. You can connect other developers by attending Hackathons, LinkedIn , other social media apps etc.

6.Communication

You need a good communication skill as you are attending Hackathons etc.

7.Marketing

You need to market yourself as people will know that you are a developer and about the things you can do etc. You can market yourself through YouTube, Social Media etc.

8.Mentor

Find yourself a good mentor who is a step ahead of you. You can learn so many things from that mentor as he shares his experiences and he will give you tips about what you need to do etc.

So, that's some tips that may help you.
🤗 Thanks For Reading.