DEV Community: Rohit Singh

Why do computers suck at math?

Rohit Singh — Fri, 02 Jul 2021 11:26:20 +0000

I always thought computers were better at math than people until I tried to add 0.1 to 0.2 and got an answer of 0.3000000004 😕

JavaScript is just a toy language so I figured it was a bug and tried the same thing in python but it also gave me the same wrong answer then I discovered that these languages aren't actually broken they just do floating point arithmetic ✨

Computers have a limited amount of memory and need to make a trade-off between range and precision in JavaScript all numbers must be stored within 64 bits that means we can have integers accurate up to 15 digits and a max of 17 numbers after the decimal point it's called a floating point because there are no fixed number of digits before or after the decimal point allowing it to represent a wide range of numbers both big and small

The problem is that computers use a base 2 system binary while humans use a base 10 system that leads to rounding errors when all the memory has been used up and that's why your computer sucks at math 🤕

God Tier HTML Programming

Rohit Singh — Thu, 01 Jul 2021 03:20:44 +0000

HTML is my favorite language for programming website documents but writing it by hand ✍️ is no fun if you want to go fast there's a tool called EMMET that's built into VS Code and is like snippets on steroids 💪 !Tab and we've got a basic html page

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
<p>line 10</p>
</body>
</html>

ctrl+g go to line 10 :10 type the name of any element followed by a period to add a class or a hash to add an id like this 👉 nav.cool#awesome then hit tab to expand

<!DOCTYPE html>
<html lang="en">
<head>
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
<nav class="cool" id="awesome"></nav>
</body>
</html>

don't touch the mouse yet hit ctrl+enter for a new line this time I want a header plus a sibling article element in that article I want an unordered list that contains a list item, no 5 list items and I want to put some dummy text in each one like this 👉 header+article>ul>li*5>lorem

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
<nav class="cool" id="awesome"></nav>
<header></header>
<article>
  <ul>
    <li>Lorem ipsum dolor sit amet, consectetur adipiscing</li>
    <li>Sed ut perspiciatis unde omnis iste natus error</li>
    <li>Nemo enim ipsam voluptatem quia voluptas sit amet</li>
    <li>Duis aute irure dolor in reprehenderit in voluptate</li>
    <li>Excepteur sint occaecat cupidatat non proident, sunt</li>
  </ul>
</article>
</body>
</html>

amazing but oh no I forgot something I'll just use the balance outward command > to select the next parent element then use wrap with abbreviation to include the element that I forgot 👏

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
<nav class="cool" id="awesome"></nav>
<header></header>
<main>👈
  <article>
    <ul>
      <li>Lorem ipsum dolor sit amet, consectetur adipiscing</li>
      <li>Sed ut perspiciatis unde omnis iste natus error</li>
      <li>Nemo enim ipsam voluptatem quia voluptas sit amet</li>
      <li>Duis aute irure dolor in reprehenderit in voluptate</li>
      <li>Excepteur sint occaecat cupidatat non proident, sun</li>
    </ul>
  </article>
</main>
</body>
</html>

Making apps just got simpler 🔥

Rohit Singh — Sat, 15 Aug 2020 16:21:38 +0000

Did you know that you can makes apps using spreadsheets?
Well now you can 😎

Every app in the world is powered by data the most popular tool to manage data is the spreadsheet and so glide uses the power of spreadsheets to help you make apps.

A glide app lives on the web and can be accessed simply via a link this makes them much easier to share and update than a traditional app store app, we can start with a template from the glide gallery or we can make an app from a spreadsheet we already own, if we start with a template we'll get a copy of this app in our Glide account plus a copy of the Google sheet in our Drive now we can customize your app and add your own data in the sheet if we already have a spreadsheet with data.

We can generate a basic app as a starting point and then start to customize the way at data appears we're gonna go over the fundamentals of glide in this post but you can read and watch much more at Glide library.

Organizing your spreadsheet

How to set up your spreadsheet properly to make sure Glide recognizes the data correctly.

Before creating a Glide app, you should have a basic Google spreadsheet document containing the rows of data you'd like to display in your app.

Type sheet.new into your browser's address bar to create a new Google Sheet. Clever!

The first row should be column names. For example, if you're making an Employee Directory app, your first row could contain column names like Name, Title, Email, Phone, and Photo—these are the properties that each of your employees has:

After the first row, every following row should have values in each of those columns; every employee has their own Name, Title, Email, Phone, and Photo. It's okay to leave cells empty if, for example, an employee doesn't have a phone number.

Glide is picky about how it reads your spreadsheet. If you have cells separated by entirely empty columns, Glide may not see them.

Now you're ready to make your first app!

Creating your first app