DEV Community: DONAL

LOCAL STORAGE

DONAL — Mon, 17 Jan 2022 12:44:46 +0000

localstorage A GUIDE

Yes! My 2 posts reach to >500 posts, so here’s my new font and I am using dark theme and I am very happy 😃 so this is a video to make at will ! About localStorage how to use it and at first what localStorage is exactly is ?

local storage is simply one of the value storing method in JavaScript. So actually when you create Variable and give it a value 10. So you create a button and when you click it you give a function and the that function creates is that it just increases the value of our previously created variable’s value with 1 so , you like this clicking this button you reached the value to hmm 🤔 15 right! And now refresh it. Check the value of the variable in the console oh what! It is again 10 why not 15 it is 10 because Javascript did not store it’s value. So there are many ways to store them like cookies 🍪, Servers & ofcourse localStorage.

Ok 👍 now good we understood what is localStorage right ! So know what is it ? It is just a method to store values in Javascript so now where does all our values go ?

localStorage can be used very simply so now we can store values right and where do they get stored ? Yes.... they get stored in the browser so if a value is stored in localStorage it can be used in any of the webpages in the whole whole World Wide Web 🌍

Yeah! So know I teached you what is localStorage ! So in the article you are going to see how to use it and in one of the upcoming articles we will also see how to create a chat app with it obviously we can’t messages from one COMPUTER to OTHER but can store them. So alright folks we’ll meet again

BUGS!!!!🐞

DONAL — Mon, 10 Jan 2022 04:12:04 +0000

BUGSSSSSSS!!!!!!!!!!!!!!!!!!!!!

*THE MOST SCARIEST ANIMAL OF A PROGRAMER IS A BUG 🐞 *

AND OH THIS ARTICLE* WILL HELP YOU BECAUSE WE WILL HELP YOU KNOW WHAT ARE BUGS IN JUST THIS ARTICLE. and oh no 🤦‍♂️

THERE IS A BUG

CAN YOU DETECT THE BUG IN THE PARGRAPH

HMM.... hmm... 🤔

After an half’n hour:
Oh yes!!!! THE ARTICLE WORD IS IN BOLD

YEAH!!!!

Ok so maybe you detected it fast can you do it spilt second here are some tips

WHILE WRITING CODE REFRESH YOUR CONSOLE, WEBSITE OR WHAT EVER YOUR USING SO AS TO CHECK EVERYTHING IS RIGHT
WHILE WRITING CSS NEVER EVER FORGET WRITE THESE FOUR LINES OF CODE ON THE TOP

*{
margin: 0px;
padding: 0px;
}

LESSER THE LINES OF CODE SO THAT IT GOES SMOOTH... AND OF COURSE YOU CAN USE FRAMEWORKS TO DO THAT WORK AND I RECOMMEND VUE...

SO THESE ARE THE TIPS

AND ONCE AGAIN WHAT ARE BUGS AFTER ALL

THERE ARE JUST A BUNCH CREPPY DISTURBING INSECT FOR A PROGRAMER AND PRETTY GOOD AND CUTE INSECTS FOR FARMER 👨‍🌾

          🐞

MAKING YOUR FIRST WEB APP

DONAL — Mon, 10 Jan 2022 03:55:53 +0000

Ok what we are going to make today is absolutely simple but, it is not as simple as you think it is as hard as you make it so moving into today’s project is a one file project and let’s name the file Car2go.html we are going to do all coding in this file so at first look how are file looks(without css).

Ok let me explain so a few names are only so with these name any of these names we can make a card or sell a car so, next we should enter the car name & then finally we can give a description of our car and then it gets displayed. Here’s how the card looks and when scrolled how it shows the description

INTO CODING 👨🏻‍💻(IMPORTANT: I WILL ONLY SHOW THE NESSECRY YOU SHOULD ADD ALL CSS

CODING TIME TO GO !!!!!!!!!!

So at first create a three simple inputs like this with a button

 <input type="text" id="name" placeholder="name">
      <input type="text" id="car_name" placeholder="car name">
      <input type="text" id="description" placeholder="description">
      <button onclick="addn()">
        ADD
      </button>

And here goes the Tarzan css

Oh wait explaining this may take Time so,

TIME TO RELEASE ALL CODE

TARZAN OH! DUMBA DUMBA DOE!

THE HTML

 <div id="add">
      <h2 id="h2">
        CA<span id="span">R2</span>GO
      </h2>
      <input type="text" id="name" placeholder="name">
      <input type="text" id="car_name" placeholder="car name">
      <input type="text" id="description" placeholder="description">
      <button onclick="addn()">
        ADD
      </button>
    </div>
    <div id="home">
    <div id="go">
      <h2 id="h2">
        CA<span id="span">R2</span>GO
      </h2>
    </div>
    <div id="main">
      <button onclick="add()">
        +
      </button>
      <p id="h2">
      <b>CA<span id="span">R2</span>GO</b> 
      </p>
    </div>
    <div id="cars">

    </div>
    </div>