BC WEB DEV

Saved by @inertia_m

$Pratham \U0001f468\u200d\U0001f4bb\U0001f680$

Pratham 👨‍💻🚀
@Prathkum 5 years, 7 months ago 558 views

Save to PDF Share See On Twitter

6 GitHub repositories that can help you as a developer

🧵 👇🏻

📌 Art of Command Line

Learning command line interface is always beneficial for developer. In this repo you'll find different section for Linux, windows and MAC commands

https://t.co/uF2RlcUIxb

📌 Front-end Developers Bookmarks

A huge collection of resources for frontend web developers including appearance, architecture, compatibility etc

https://t.co/1G1q7mmC0t

📌 CSS Pro Tip

As the repo name suggests, In this repo you'll find a lot of tips and tricks that can help you to become a CSS pro

https://t.co/5haB2xTWuz

📌 Awesome Interview Questions

In this repo you'll find a huge list of interviews questions divided in the various section in according to the language, frameworks and libraries

https://t.co/iXNMTENv46

📌 30 Seconds of Code

Short JavaScript code snippets for all your development needs

https://t.co/zWcmMtg2xa

📌 Awesome Design Patterns

A curated list of software and architecture related design patterns divided in the various categories. Definitely check it out.

https://t.co/Cg3xHXuTuF

Feel free to add more down below ❤️

More from Pratham 👨‍💻🚀

Pratham
@Prathkum

5 great gradient background sites for every web developer and designer 🎨

🧵👇🏻

1️⃣ uiGradients

- A handpicked collection of beautiful color gradients for designers and developers.

🔗 https://t.co/EainhiePop

2️⃣ Eggradient

- Ready to use gradient background colors. ✓ Cool Gradients are prepared according to the latest design trends

🔗 https://t.co/F0uYVsZbA4

3️⃣ Mesh Gradients

- Create beautiful gradient like aurora UI in few clicks

🔗 https://t.co/MV8PT7q3Kz

4️⃣ CSS Gradient

- Create beatiful gradeint either linear or radial on different angles

🔗 https://t.co/dlCExilHAT

Pratham
@Prathkum

6 beginner friendly websites that will boost your HTML and CSS learning process 🚀

🧵👇🏻

1️⃣ Learn HTML

- The easiest way to learn HTML & CSS. Learn HTML provides an interactive tutorial that explains how to build HTML & CSS websites step by step.

🔗 https://t.co/W1XytKL1MI

2️⃣ HTML best practice

- A very well written document on HTML best practice

🔗 https://t.co/6PTcY1U5Cw

3️⃣ Learn to Code HTML & CSS

- Learn to Code HTML & CSS is a simple and comprehensive guide dedicated to helping beginners learn HTML and CSS

🔗 https://t.co/LwY9E2qUNS

4️⃣ Hex Invaders

- Hex Invaders is a fun way to learn and understand what hex codes are and how they work

🔗 https://t.co/EpQyhlN7pv

Advertisement

Pratham
@Prathkum

7 amazing websites that will help you improve your CSS skills

🧵👇

1️⃣ Learn to code HTML and CSS

- Learn how to build beautiful and intuitive websites by way of clear and organized lessons

🖇️ https://t.co/bl2rx2q8vk

2️⃣ CSS reference

- CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated content

🖇️ https://t.co/XAlj33g1Zk

3️⃣ CSS tutorial

- These tutorials on web design & CSS makes learning this stuff fun and easy

🖇️ https://t.co/y9vAj6fMGk

4️⃣ CSS Layouts

- This site teaches the CSS fundamentals that are used in any website's layout.

🖇️ https://t.co/n4EGLScpDF

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

Some of my handmade JavaScript notes and cheat sheets that can help you 🧵👇

1. JavaScript Function Anatomy

2. JavaScript Arrow Function

3. JavaScript Array Methods

4. JavaScript Date Methods

You May Also Like

Hindu Media Wiki
@HinduMediaWiki

Speech Delay is most common in children nowadays

In ancient times, our grandparents used to follow typical natural way of caring the needs of a child. All they used were more of natural products than chemical based for the growth of child.

One of major step followed was to feed Gurbach Jadd/ Vasa Kommu/ Acorus Calamus for initiating good speech ability in a child. This stem was needed to babies on Tuesdays and Sundays in mother's milk.

Vasa is feed to baby after the 1st bath on 12th day in week. Weekly only thrice it is fed and named as :

Budhwar - Budhi Vasa
Mangalwar - Vaak Vasa
Ravi Vaar - Aayush Vasa

This stem is burnt and rubbed against the grinding stone in mother's milk or warm water to get a paste

The procedure to make it is in the link

https://t.co/uo4sGp7mUm

It should not be given daily to the child. Other main benefits are

1. It clears the phlegm in child's throat caused due to continuous milk intake. It clears the tracts and breathing is effortless.
2. Digestion

For children who haven't got their speech and is delayed than usual should feed this vasa on these days in week atleast for 6months. Don't get carried away with this dialogue
"Some gain speech little late"

Erik Torenberg
@eriktorenberg

1/ Here’s a list of conversational frameworks I’ve picked up that have been helpful.

Please add your own.

2/ The Magic Question: "What would need to be true for you

1/\u201cWhat would need to be true for you to\u2026.X\u201d

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: https://t.co/Yo6jHbSit9
— Erik Torenberg (@eriktorenberg) December 4, 2018

3/ On evaluating where someone’s head is at regarding a topic they are being wishy-washy about or delaying.

“Gun to the head—what would you decide now?”

“Fast forward 6 months after your sabbatical--how would you decide: what criteria is most important to you?”

4/ Other Q’s re: decisions:

“Putting aside a list of pros/cons, what’s the *one* reason you’re doing this?” “Why is that the most important reason?”

“What’s end-game here?”

“What does success look like in a world where you pick that path?”

5/ When listening, after empathizing, and wanting to help them make their own decisions without imposing your world view:

“What would the best version of yourself do”?

Advertisement

$ArmaniTalks \U0001f399\U0001f525$

ArmaniTalks 🎙🔥...
@ArmaniTalks

Make them irrelevant > Hold a grudge

Holding a grudge is the easy thing to do.

But holding a grudge is not the right thing to do.

A grudge puts poison in your body & rewires your subconscious mind.

You consume the poison & destroy your reality while your attacker sleeps like a baby.

$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

Delilah S. Dawson
@DelilahSDawson

Hello, writers! How about a thread on LITERARY AGENTS? How to get one, how to talk to one, how to keep one happy. Spoiler alert: I am 100% pro agent and can't imagine not having one on my side. 1/

Why would you want a literary agent?
* you want to be traditionally published
* you want someone experienced to help guide your career
* you want to learn how to edit like a pro
* you want to sell foreign and movie rights
* you want answers to your newbie questions 2/

Why you might *NOT* want a literary agent:
* you want to self publish
* you're not willing to compromise on your edits
* you don't think their expertise is worth 15% of your advance
I... can't think this way. Literary agents have been crucial to my career. 3/

So, how do you get a literary agent?
1. Have a finished, revised, edited, polished manuscript.
2. Write a query letter for your book
3. Send your query to agents who rep your genre and are open to submissions
4. Repeat steps 1-4 until you're offered representation. 4/

So, let's go through those four steps. First of all, you must have a finished, revised, edited, polished book, and it must be sellable. That is, you can't sell a 600k picture book or a 40k adult Fantasy, etc. You must read extensively in the genre you're writing. 5/