DEV Community: Raghav Khanna

Twitter automatic name changer based on your followers!

Raghav Khanna — Wed, 08 Jul 2020 14:58:00 +0000

Twitter automatic name changer based on your followers
Example-

Usage

Github link - https://github.com/raghavkhanna30/twitter-auto-name-changer

Step 1 - Getting twitter API keys

go to the twitter developers page. In the Create an app enter the informations like app name, app description and so on. it asked me to clearly explain the reason of how I'm going to use the app After reviewing the terms,] app will be created. Note down the Consumer API key, Consumer API Secret key and Access token & access token secret keys!

Step 2 - updating config.py

in config.py enter your Consumer API key, Consumer API Secret key and Access token & access token secret keys. after that save it.

In mainbot.py Edit your username and you are all done !

Heroku deployment

for this you need to create a procfile with worker as mainbot.py and that's it !

Instagram bot written in python.

Raghav Khanna — Thu, 25 Jun 2020 08:38:50 +0000

Instagram-bot

instagram bot written in python.
it will work on hashtags.

features

1) following section
2) Likes based on tags
3) Blacklist words function
4) Auto comment

## Usage

python bot.py

make changes in credentials

note- it uses firefox and selenium

if you use headless_browser=true then it will not open browser and work in background

Github Link

https://github.com/raghavkhanna30/instagram-bot

## Speed-up

if you increase speed it may lead to restriction by INSTAGRAM

## Like section

GIVE A STAR IF YOU LIKE THIS!!

## About

Find me on twitter @erraghavkhanna

or https://twitter.com/erRaghavKhanna

The Mystery has been solved after 1000s of years

Raghav Khanna — Sat, 20 Jun 2020 07:14:49 +0000

Egg or hen?
Who came first?

Give a like and for more check my twitter - https://twitter.com/erRaghavKhanna/status/1274237550056534016?s=19

Replacing your website background with live videos. : 3 LINES OF CODE

Raghav Khanna — Fri, 19 Jun 2020 12:01:36 +0000

Look at this

If you find this pretty amazing then go ahead!
This article is for you🥳

Playing a YouTube Video in HTML

To play your video on a web page, do the following:

1) Upload the video to YouTube
Take a note of the video id
2) Define an element in your web page
3) Let the src attribute point to the video URL
4) Use the width and height attributes to specify the dimension of the player
5) Add any other parameters to the URL (see below)

Define the HTML TAG AS-

Tag open (iframe width="420" height="315"
src="https://www.youtube.com/embed/Your_URL">
/iframe) Tag Close

For AUTOPLAY JUST ADD

autoplay=1 IN THE URL.

At last if you find this interesting give it a like!

😍

WHAT IS A SUPERCOMPUTER AND HOW DOES IT WORK?

Raghav Khanna — Mon, 15 Jun 2020 10:26:42 +0000

Walking

among the rows of
supercomputer cabinets in Argonne National Laboratory’s Leadership Computing Facility, located about 25 miles from Chicago, is kind of like wandering through a high-tech version of “The Shining’s” Overlook Maze — minus the axe-wielding madman.

The two primary supercomputers in that steel labyrinth, named Mira and Theta, comprise 101 cabinets the size of standard refrigerators that contain stacks of racks and weigh between 3,450 and 4,390 lbs. each. Their combined total: 160 tons — much of that heft due to water-cooling systems that prevent overheating. Along with several other smaller systems, the machines are housed in a 25,000-square-foot data center with low ceilings and a white tile floor. With all of that equipment whirring away, it is not a quiet place. Nearest the computers, visitors must speak-shout in order to be heard above a constant loud hum.

TOP 10 FASTEST SUPERCOMPUTERS IN THE WORLD-

WHAT ARE SUPERCOMPUTERS USED FOR?
JUST SIMULATING REALITY, THAT'S ALL??

Supercomputers are basically used by corporations and government organizations to simulate outcomes. These blazing fast computers can be used for everything from finding new oil repositories to developing new life-saving medicines. In fact, supercomputers all over the world are being used to assist in research and development of a vaccine for COVID-19.

How i made a blog using my Dev.to Posts

Raghav Khanna — Fri, 12 Jun 2020 04:44:43 +0000

How To Generate A Site With Stackbit

Dev.to teamed up with Stackbit to make it easier for you to deploy your DEV posts to a personal website. This service will pull in all your existing DEV posts and make sure they stay up-to-date. Your future posts will also be pulled in automatically.

Sounds cool.😍

The demo live blog - https://raghav-blog.netlify.app

1) Visit the Stackbit site creation flow.
https://app.stackbit.com/create?ref=devto

2) A new page should open up. The first step is to pick the theme of your new site

3) Next, you’ll choose the static site generator of your preference.

4) Last, you’ll want to connect both your GitHub and DEV accounts. A repository for your new site will automatically be created in your GitHub account.

5) Click “Create Your Project” and that’s it! Be patient, this might take a few minutes. Especially if you have lots of post. After Stackbit finishes its magic, you should have a link to your new site ✨

Note: you’ll need to create or connect your Netlify account to keep the site live

Mini Project - Random Password generator tool (JavaScript)

Raghav Khanna — Tue, 09 Jun 2020 19:05:47 +0000

Random #password generator tool.
Simply build with math.random #function From #javascript #Html #CSS.

Live website link - https://random-password-generator.netlify.com

(I never store passwords 😂)

Open Source on #Github

https://github.com/raghavkhanna30/Random-password-generator

DEVCommunity #100DaysOfCode

webdevelopment

Twitter Auto Reply bot (JavaScript)

Raghav Khanna — Tue, 09 Jun 2020 15:00:20 +0000

Twitter auto reply bot made with JavaScript

Check out github for full usage instructions. 😍

Https://github.com/raghavkhanna30/Twitter-auto-reply

If you like it please give a ⭐

Cheers..!!!

Twitter 🔗

https://twitter.com/erRaghavKhanna/status/1270370751028383745?s=19

What is Data Science?

Raghav Khanna — Sun, 07 Jun 2020 13:45:33 +0000

What is data science?

Hmmm..

Sometimes writing paragraphs don't say much but pictures says alot.

Pics says alot. 😊

https://twitter.com/erRaghavKhanna/status/1269625540530499584?s=19

Pass by value/reference :EXPLAINED WITH SINGLE GIF (Believe me it's true)

Raghav Khanna — Fri, 05 Jun 2020 04:47:15 +0000

Look at this GIF and i bet you will understand the basic difference between pass by value vs. Pass by reference.

Give a like!
If you find this amazing 😄

JavaScript Best Practices for Beginners

Raghav Khanna — Tue, 02 Jun 2020 13:08:15 +0000

Use === Instead of ==

JavaScript utilizes two different kinds of equality operators: === | !== and == | != It is considered best practice to always use the former set when comparing.

"If two operands are of the same type and value, then === produces true and !== produces false." - JavaScript: The Good Parts

However, when working with == and !=, you'll run into issues when working with different types. In these cases, they'll try to coerce the values, unsuccessfully.

Don't Use Short-Hand

Technically, you can get away with omitting most curly braces and semi-colons. Most browsers will correctly interpret the following:
'''js

if(someVariableExists)
x = false

However, consider this:

if(someVariableExists)
x = false
anotherFunctionCall();
One might think that the code above would be equivalent to:

if(someVariableExists) {
x = false;
anotherFunctionCall();
}
Unfortunately, he'd be wrong. In reality, it means:

if(someVariableExists) {
x = false;
}
anotherFunctionCall();

'''
As you'll notice, the indentation mimics the functionality of the curly brace. Needless to say, this is a terrible practice that should be avoided at all costs. The only time that curly braces should be omitted is with one-liners, and even this is a highly debated topic.

if(2 + 2 === 4) return 'nicely done';
Always Consider the Future
What if, at a later date, you need to add more commands to this if statement. In order to do so, you would need to rewrite this block of code. Bottom line - tread with caution when omitting.

The Fastest Way to Build a String

Don't always reach for your handy-dandy "for" statement when you need to loop through an array or object. Be creative and find the quickest solution for the job at hand.

Comment Your Code

It might seem unnecessary at first, but trust me, you WANT to comment your code as best as possible. What happens when you return to the project months later, only to find that you can't easily remember what your line of thinking was. Or, what if one of your colleagues needs to revise your code? Always, always comment important sections of your code.

Embrace Progressive Enhancement

Always compensate for when JavaScript is disabled. It might be tempting to think, "The majority of my viewers have JavaScript enabled, so I won't worry about it." However, this would be a huge mistake.

Have you taken a moment to view your beautiful slider with JavaScript turned off? (Download the Web Developer Toolbar for an easy way to do so.) It might break your site completely. As a rule of thumb, design your site assuming that JavaScript will be disabled. Then, once you've done so, begin to progressively enhance your layout!

Always Use Semicolons

Technically, most browsers will allow you to get away with omitting semi-colons.

var someItem = 'some string'
function doSomething() {
return 'something'

Self-Executing Functions

Rather than calling a function, it's quite simple to make a function run automatically when a page loads, or a parent function is called. Simply wrap your function in parenthesis, and then append an additional set, which essentially calls the function.

Memory Game : Based on JavaScript

Raghav Khanna — Sat, 30 May 2020 04:36:59 +0000

Memory Game

Live - https://memorygamebyraghav.netlify.app/

A retro grid-based game in vanilla JavaScript, HTML and CSS

For full description visit.
https://github.com/raghavkhanna30/Memorygame/blob/master/README.md

Script/code.

//create your board
function createBoard() {
for (let i = 0; i < cardArray.length; i++) {
var card = document.createElement('img')
card.setAttribute('src', 'images/blank.png')
card.setAttribute('data-id', i)
card.addEventListener('click', flipCard)
grid.appendChild(card)
}
}

Check for match function

// function checkForMatch() {
var cards = document.querySelectorAll('img')
const optionOneId = cardsChosenId[0]
const optionTwoId = cardsChosenId[1]
//if(optionOneId == optionTwoId) {
cards[optionOneId].setAttribute('src', 'images/blank.png')
cards[optionTwoId].setAttribute('src', 'images/blank.png')
alert('You have clicked the same image!')
}
else if (cardsChosen[0] === cardsChosen[1]) {
alert('You found a match')
cards[optionOneId].setAttribute('src', 'images/white.png')
cards[optionTwoId].setAttribute('src', 'images/white.png')
cards[optionOneId].removeEventListener('click', flipCard)
cards[optionTwoId].removeEventListener('click', flipCard)
cardsWon.push(cardsChosen)
} else {
cards[optionOneId].setAttribute('src', 'images/blank.png')
cards[optionTwoId].setAttribute('src', 'images/blank.png')
alert('Sorry, try again')
}
cardsChosen = []
cardsChosenId = []
resultDisplay.textContent = cardsWon.length
if (cardsWon.length === cardArray.length/2) {
resultDisplay.textContent = 'Congratulations! You found them all!'
}
}

Flipcard

//flip your card
function flipCard() {
var cardId = this.getAttribute('data-id')
cardsChosen.push(cardArray[cardId].name)
cardsChosenId.push(cardId)
this.setAttribute('src', cardArray[cardId].img)
if (cardsChosen.length ===2) {
setTimeout(checkForMatch, 500)
}
}

createBoard()
})

For full code you can visit
https://github.com/raghavkhanna30/Memorygame/blob/master/app.js