BC CS

Saved by @inertia_m

Pratham
@Prathkum 4 years, 10 months ago 651 views

Save to PDF Share See On Twitter

Top 5 free APIs for web developers

🧵👇

1️⃣ Custom Search API

- Create your own custom search engine. You can search for image, videos, and news.

🔗 https://t.co/nTvv3c3W06

2️⃣ Movie Database API

- Access movie and TV information similar to that of IMDB.

🔗 https://t.co/1aFRtq7Lef

3️⃣ Dad Jokes API

- Get random endless dad jokes

🔗 https://t.co/VCWmVS6P6H

4️⃣ COVID-19 Data API

- Every 15 minutes updated statistic about Coronavirus. Latest stats by country, are collected from several reliable sources.

🔗 https://t.co/3oxrm2X4kR

5️⃣ Face Detection API

- Use our Face Detection API to detect the location of human faces in your images with optional extra features like Age and Gender.

🔗 https://t.co/dxrIoACuZk

Visit @Rapid_API in order to use more than 35,000 APIs. Majority of them are free. 😉

More from Pratham

$Pratham \U0001f468\u200d\U0001f4bb\U0001f680$

Pratham 👨‍💻🚀...
@Prathkum

A complete beginner's guide to CSS Grid layout 👇🏻

Thread🧵

Grid is used for making complex web design layouts more easily as it's not so hard to master

Using Flex you can make only 1D layout but Grid gives you full power of creating 2D layout

Let's start

{ 2 / 21 }

First things first, start with giving the display property "grid" to the container element or parent element

{ 3 / 21 }

Nothing will change after adding display: flex; in the parent container becuase we need to define the width of columns. In order to set that columns width we have gird-template-columns property

{ 4 / 21 }

Let's start with defining the width of our columns.

For example, let's say I need two columns of width 60% and 40% respectively

grid-template-columns: 60% 40%;

{ 5 / 21 }

$Pratham \U0001f468\u200d\U0001f4bb\U0001f680$

Pratham 👨‍💻🚀...
@Prathkum

10 HTML and CSS tips that you need to know😉

🧵👇🏻

1️⃣ Customize the text selection

- The ::selection pseudo-element matches the portion of an element that is selected by a user.

2️⃣ Range Input

- You can change the styling of input type="range"

3️⃣ Custom Scrollbar

- Customize the scrollbar of your website in few minutes

4️⃣ Scrollable element

- If you have some fixed size element then use overflow: auto. It will convert your element into scrollable element

Advertisement

$Pratham \U0001f468\u200d\U0001f4bb\U0001f680$

Pratham 👨‍💻🚀...
@Prathkum

Let's create Phineas using CSS in few simple steps😄

THREAD🧵

STEP 1. Create a head

create a triangle and rotate it so that it looks like a head

STEP 2. Create smile and ear

We have a pseudo elements in CSS, so we can create smile and ear using head::after and head::before

STEP 3. Create eyes

This is the most trickiest part because in order to make an eye we have to create

- One bigger white circle
- then a small black pupil inside white circle
- then a small white reflection in black pupil

Let's create a outer white circle first

STEP 3(I). Create a black pupil

We can create pupil using pseudo element

Pratham
@Prathkum

React Hooks are the functions which "hook into" React state and lifecycle features from function components. Hooks allows you to manipulate state and other React feature without writing a class. Let's talk about widely used hook

useEffect hook at a glance 🧵👇🏻

useEffect hook is the heart of React functional components

If you're familiar with class components then you might know that we have various lifecycle methods but in functional components, we don't have any lifecycle methods. Instead we have a powerful hook called useEffect

By using useEffect, you tell React that your component needs to do something after render. React will remember the function you passed (we'll refer to it as our “effect”), and call it later after performing the DOM updates

So let's start by understanding the syntax first

3/15

useEffect take two parameters, first is a function and second is an array.

The function inside the useEffect will run every single time component re-render. Consider this piece of code and check the output in next tweet

{ 4 / 15 }

As you can see in the output the function is executed every single time my component re-render

{ 5 / 15 }

Pratham
@Prathkum

React Hooks are so powerful and especially some additional hooks.

Do you know there is an alternative to useState called useReducer hook? It is used to manage more complex states.

Let's look into detail 🧵👇🏻

Usually, the useState hook is used to tackle states in React where you can pass the initial state and React preserves state for you between re-renders

What if you need to manage more complex states? Here useReducers comes into play

Similar to useState, the useReducer hook also returns a pair of values. Let's see what these two things are

The first value is `undefined` which is the current state (it is undefined because we didn't pass any initial state in the useReducer hook)

The second value is a dispatch function using which we can update our state.

The useReducer hook accepts 3 parameter

1. reducer
2. Initial state
3. init

You May Also Like

Devdutta
@Devdutta96

Please please please take your cyber security seriously even if you don’t consider yourself a high risk person. Here are a few easy things to start with. 1/n

Switch from WhatsApp to Signal and enable disappearing messages. Most of us cannot stop using WhatsApp entirely but at least turn off back ups to Google Drive or iCloud. 2/n

Do not have private conversations using the messaging service on any social media platform like Facebook, Instagram or Twitter. 3/n

Switch from Gmail to ProtonMail or any other secure email service provider. 4/n

Switch from Google Docs to CryptPad or RiseUp Pad.

Erik Torenberg
@eriktorenberg

1/“What would need to be true for you to….X”

Why is this the most powerful question you can ask when attempting to reach an agreement with another human being or organization?

A thread, co-written by @deanmbrody:

Next level tactic when closing a sale, candidate, or investment:

Ask: \u201cWhat needs to be true for you to be all in?\u201d

You'll usually get an explicit answer that you might not get otherwise. It also holds them accountable once the thing they need becomes true.
— Erik Torenberg (@eriktorenberg) February 27, 2018

2/ First, “X” could be lots of things. Examples: What would need to be true for you to

- “Feel it's in our best interest for me to be CMO"
- “Feel that we’re in a good place as a company”
- “Feel that we’re on the same page”
- “Feel that we both got what we wanted from this deal

3/ Normally, we aren’t that direct. Example from startup/VC land:

Founders leave VC meetings thinking that every VC will invest, but they rarely do.

Worse over, the founders don’t know what they need to do in order to be fundable.

4/ So why should you ask the magic Q?

To get clarity.

You want to know where you stand, and what it takes to get what you want in a way that also gets them what they want.

It also holds them (mentally) accountable once the thing they need becomes true.

5/ Staying in the context of soliciting investors, the question is “what would need to be true for you to want to invest (or partner with us on this journey, etc)?”

Multiple responses to this question are likely to deliver a positive result.

Advertisement

$\u0936\u094d\u0930\u0940\u092e\u093e\u0932\u0940 \u0939\u093f\u0924\u0947\u0936 \u0905\u0935\u0938\u094d\u0925\u0940$

श्रीमाली हितेश अवस्थी...
@HiteshAwasthi89

Sri Maha Bhairavar Rudhra alayam, Chengalpet, Tamilnadu

This temple is being constructed merely on the instructions from Bhairava by his devotee Shri Bhairava Siddhantham Swamy. The Temple is fully enshrinedin a transparent glass enclosure..1/n

with Rudrakshas on both the sides of the entrance This temple has a circular Sanctum Sanctorum which has twelve stepseach representing a sign of zodiac and after that twelve steps we find the supreme deity of this temple Sri Kshetra Paata Bhairava. 2/n

Beneath the Bhairava, in the lower level are installed the Ashta Bhairavas, SapthaRishis in the form of stones, and Saptha Kannis in the form of brass lamps. Thereare a number of little blue and white lights in the ceiling that is shaped like a dome.. 3/n

which give an ethereal atmosphere when switched on. The steps representthe twelve signs of the zodiac and when one steps over them to reach thesanctum sanctorum all the doshas pertaining to the horoscope are cleared onceand for all..4/n

The Sthala Vriksham ”Peepal Tree” which is grown on a pedestal, a trident which is considered as Bhairavi, Pancha Mukha Anjaneya, Prathyankara Devi, Subramanya, Rudra Vinayaga, Vaishnavi Devi, Naga Rudra, Eswara, Vana Durga etc. 5/5

#IncredibleBharat
#DekhoApnaDesh

$Tej Dosa \U0001f602\U0001f9e0$

Tej Dosa 😂🧠...
@ComedicBizman

(A THREAD)

18 Things I Would Do At 18:

I was a dumb 18-year-old. I thought I had the world figured out. I didn't.

I stayed up till the wee hours. Drank every liquor invented.

Partied non-stop. Woke up after noon.

Surfed the web aimlessly.

Read BS self-help.

Repeat.

If I could do it all over again, here's 18 things I would do...

PHASE ONE: GET MY MIND RIGHT

ACTION #1: Break the chains - I wish I made the decision earlier. I didn't. I was scared. Anxious. Nervous. I knew once I made the decision, there was no going back.

Don't be like me.

Make the decision at 18. The decision to pave your own path in life. To go against the herd. To choose your own adventure. To commit to whatever sets your heart on fire.

ACTION #2: Cut off every negative person in your life.

Scroll through the contacts in your phone...

Notice how the names make you feel.

Delete any and all names that fill you with doubt and negativity.

ACTION #3: Condition your mind to embrace the producer mindset instead of the consumer mindset.

Consume 20% of the time. Produce 80% of the time.

Case closed.

ACTION #4: Set an intention to make $10k a month and write it out every MORNING and NIGHT as if you already achieved it (in the past tense).

Visualize yourself already having the money as you write.

Cheesy?

Yes.

Does it work?

Yes.

PHASE TWO: EDUCATION

SK
@sk_diary1

Margatha Natarajar murthi - Uthirakosamangai temple near Ramanathapuram,TN
#ArudraDarisanam
Unique Natarajar made of emerlad is abt 6 feet tall.
It is always covered with sandal paste.Only on Thriuvadhirai Star in month Margazhi-Nataraja can be worshipped without sandal paste.

After removing the sandal paste,day long rituals & various abhishekam will be https://t.co/e1Ye8DrNWb day Maragatha Nataraja sannandhi will be closed after anointing the murthi with fresh sandal paste.Maragatha Natarajar is covered with sandal paste throughout the year

as Emerald has scientific property of its molecules getting disturbed when exposed to light/water/sound.This is an ancient Shiva temple considered to be 3000 years old -believed to be where Bhagwan Shiva gave Veda gyaana to Parvati Devi.This temple has some stunning sculptures.