BC ALL
Saved by @DrewKakinda

Web development resources for free

Mega Thread 🧵 👇🏻

 1️⃣ Online learning platforms 📘

- Udemy
- FreeCodeCamp
- Treehouse
- Frontend masters
- Coursera
- Traversy media
- SoloLearn
- Codecademy
- Udacity
- Alison
- Code college
- LinkedIn Learning
- Skillshare
- EdX
2️⃣ Editors and share code snippets ✍🏻

- PlayCode
- JSFiddle
- CodePen
- StackBlitz
- JSBin
- Codesandbox
- Codeinterview .io
- godbolt .org
- wandbox .org
- carbon .now.sh
- pastebin .com
- ideone .com
- ide .judge0.com
3️⃣ Documentations and notes 📄

- w3 schools
- mdn
- Devdocs
- geeksforgeeks
- tutorialspoint
- javapoint
4️⃣ Competitive programming 👩‍💻

- CodeChef
- HackerEarth
- HackerRank
- AlgoExpert
- LeetCode
- TopCoder
- Codewars
- Codeforces
- Coderbyte
- Exercism
5️⃣ Learn by playing game 🎮

- Grid garden
- Flexbox defense
- Codecombat
- Unfold
- Ruby warrior
- Screeps
- coding game
- CodeMonkey
- CSS diner
- Flexbox froggy
- Check IO
- Cyber-dojo
- Untrusted
6️⃣ Colors 🎨

- Colorhunt
- Paletto
- Design Seeds
- Coolors
- Bootflat
- 0 to 255
- uiGradients
- BrandColors
- Image color picker
- Colour Lovers
- WebGradients
- Egg gradient
- Gradient Hunt
- Color-hex
- FlatUIColors
- CSS gradients
7️⃣ Background

- Repeat-X Repeat-Y
- Texture King
- Pattern8
- Subtle Patterns
- Patternico
- BG Patterns
- Lost and Taken
- Freepik
- Cool backgrounds
- BG generator
8️⃣ Icons ♠

- Icons8
- Captain Icon
- Iconmonstr
- Linear Icons
- Pixeden
- Perfect Icons
- Font Awesome
- flaticon
- Fontello
- The Noun Project
- Endless Icons
- Round Icons
- Iconfinder
- Freeicons
- Icon-icons
- Findicons
9️⃣ Illustrations

- Undraw
- Freepik
- IRA design
- DrawKit
- Absurd Illustrations
- Handz
- freeillustrations .xyz
- Freebie Supply
- ManyPixels
- Vivid.js
- Humaaans
- Open Doodles
- Icons8
- Glazestock
- Paper illustrations
- illlustrations .co
- isometric .online
🔟 Fonts 🆎

- Google fonts
- Font Bundles
- Behance
- Dafont
- Font Squirrel
- Abstract Fonts
- 1001 Fonts
1️⃣1️⃣ Photos 📷

- Unsplash
- Pixabay
- PicJumbo
- IM Free
- Pexels
- Flickr
- Gratisography
- Stock Up
- Cupcake
- Adobe Stock
- Icons8
- Rgbstock
- Pikwizard
- Stocksnap
- Shutterstock
- Freestocks
1️⃣2️⃣ Testing 🧪

- Pingdom
- Website Speed Test
- SEO Site Checkup
- Uptrends
- Dotcom-Tools
- GTmetrix
- WebPageTest
- Dareboost
- SEO tools
- Nibbler
- BrowserStack
1️⃣3️⃣ Hosting 🌐

- Github pages
- Netlify
- Firebase
- AWS
- Vercel
- Heroku
1️⃣4️⃣ JavaScript visual libraries

- Chart.js
- D3.js
- React-vis
- Three.js
- Victory
- Chartkick
- Google Charts
- Flexmonster
- ApexCharts
- Echarts
- Frappe Charts
- ReCharts
1️⃣5️⃣ CSS generators

- coolbackgrounds .io
- css3buttongenerator .com
- neumorphism .io
- glassmorphism .com
- css3generator .com
- Fancy-border-radius
- bennettfeely .com/clippy
- cssgradient .io
- blobmaker .app
- getwaves .io
- cssgenerator .org

CONT...
- csssbuttongenerator .com
- svgator .com
- cssbuttoncreator .com
- cssgenerators .net
- svgbackgrounds .com
- bgjar .com
- cssboxshadow .com
- css3generator .com
- cssfiltergenerator .com
- neumorphic .design
1️⃣6️⃣ Code snippets

- Codepen
- Codesandbox
- CSS-Tricks
- Hakim .se
- Code My UI
- CreativesFeed
- Bootsnipp
- 30 seconds of code
- 30 Seconds of CSS
- Stackoverflow
- Code to go
- Tweetsnippet
- GitHub
- W3 Schools
- EnjoyCSS
- Web Code Tool
1️⃣7️⃣ Interview preparation

- CodeChef
- HackerEarth
- LeetCode
- HackerRank
- Interview Cake
- InterviewBuddy
- glassdoor
- AlgoExpert
- interviewing .io
- Interview camp
- Coderbyte
- InterviewBit
- GeeksForGeeks
- AmbitionBox
1️⃣8️⃣ Chrome extensions

- Wappalyzrer
- CSS Scan
- Marmoset
- Pesticide
- Ghostery
- HTML Validator
- Keyframes
- ColorZilla
- Page Ruler
- UX Check
- Checkbot
- LambdaTest
- JSONView
1️⃣9️⃣ Apply for internships

- angel .co
- indeed .com
- chegg .com
- letsintern .com
- perfectintern .com
- remoteok .io
- nodesk .io
- remoteinternships .com
- internhq .com
2️⃣0️⃣ Apply for jobs

- angel .co
- dice .com
- hiring .careerbuilder.com
- devsnap .io
- freshersworld .com
- flexjobs .com
- remote .co
- whoishiring .io
- remoteml .com
- weworkremotely .com
- simplyhired .com
- remoteok .io
- upwork .com
- freelancer .com
Ahh! That's pretty much it. It seems that it took me 100 hours to write this

If you like this thread, please share it with your connections ❤️

More from Pratham 👨‍💻🚀

Pratham
Pratham
@Prathkum
You can learn 90% of CSS using these 10 threads

🧵👇

1. All you need to know about CSS


2. Getting started with CSS animations


3. Z-index is tricky but this thread solve all your doubts


4. CSS positioning concepts
ALL
Pratham
Pratham
@Prathkum
5 best color palette for every web developer and designer 🎨

🧵👇


1. Color hunt

- Color Hunt is a free and open platform for color inspiration with thousands of trendy hand- picked color palettes

🖇️ https://t.co/xR0FVTjK0L


2. Adobe color wheel

Explore and create accessible color palettes using color wheel, in variety of color variations and contrast levels. It will tell you automatically if two colors are not accessible

🖇️ https://t.co/ndsgBauTEc


3. Palette Ninja

Palette ninja is an online color scheme generator that allows you to create harmonious color schemes in seconds

🖇️ https://t.co/cuzP21tn2Z


4. My color space

Here you can find the perfect matching color scheme for your next project! Generate nice color palettes, color gradients and much more! Your space for everything that has to do with color

🖇️ https://t.co/kmjrXOceAj
ALL
Advertisement
Pratham
Pratham
@Prathkum
5 amazing GitHub repositories for every self taught developer

A Thread 🧵

1️⃣ Computer Science

🎓 Path to a free self-taught education in Computer Science!

🔗 https://t.co/67jB5zqIes


2️⃣ Free Certifications

Curated list of free courses & certifications

🔗 https://t.co/4XtlAVlovs


3️⃣ Free Programming Books

📚 Freely available programming books

🔗 https://t.co/eOWLCtwtIV


4️⃣ JavaScript Question

A long list of (advanced) JavaScript questions, and their explanations ✨

🔗 https://t.co/UvEl1Esvh3
ALL
Pratham
Pratham
@Prathkum
My 8 handmade sketch notes you won't want to miss (learn web development for free):

1. What is semantic HTML


2. CSS Positioning


3. CSS Box-model


4. JavaScript Array Methods
WEBDEV
Pratham
Pratham
@Prathkum
Everything you need to know about useState hook of React

A beginner's guide

Thread🧵👇


Hey👋

Hooks are powerful but confusing. Don't worry, I'll try to explain each hook in the easiest way in this thread series of React hooks

Let's start with useState, the most useful and simple hook in my opinion

Working with React hooks, first thing you need to do is to import the particular hook

It's quite easy👇

📌 import { useState } from "react";

useState hook takes a parameter as initial value of state and return an array having two values

- The first value is the current state
- The second value is the function that allow us to change our state

Let me show you the return value by printing it out on console👇


Now we know what useState hook return, it's time to destruct our value

const [currentState, setCurrentState] = useState(0);

🔹 currentState is the value of our state
🔹 setCurrentState is the function using which we can change our state value
USESTATE

More from All

\U0001f1ee\U0001f1f3
🇮🇳
@Aamani_03
॥ॐ॥
अस्य श्री गायत्री ध्यान श्लोक:
(gAyatri dhyAna shlOka)
• This shloka to meditate personified form of वेदमाता गायत्री was given by Bhagwaan Brahma to Sage yAgnavalkya (याज्ञवल्क्य).

• 14th shloka of गायत्री कवचम् which is taken from वशिष्ठ संहिता, goes as follows..


• मुक्ता-विद्रुम-हेम-नील धवलच्छायैर्मुखस्त्रीक्षणै:।
muktA vidruma hEma nIla dhavalachhAyaiH mukhaistrlkShaNaiH.

• युक्तामिन्दुकला-निबद्धमुकुटां तत्वार्थवर्णात्मिकाम्॥
yuktAmindukalA nibaddha makutAm tatvArtha varNAtmikam.

• गायत्रीं वरदाभयाङ्कुश कशां शुभ्रं कपालं गदाम्।
gAyatrIm vardAbhayANkusha kashAm shubhram kapAlam gadAm.

• शंखं चक्रमथारविन्दयुगलं हस्तैर्वहन्ती भजै॥
shankham chakramathArvinda yugalam hastairvahantIm bhajE.

This shloka describes the form of वेदमाता गायत्री.

• It says, "She has five faces which shine with the colours of a Pearl 'मुक्ता', Coral 'विद्रुम', Gold 'हेम्', Sapphire 'नील्', & a Diamond 'धवलम्'.

• These five faces are symbolic of the five primordial elements called पञ्चमहाभूत:' which makes up the entire existence.

• These are the elements of SPACE, FIRE, WIND, EARTH & WATER.

• All these five faces shine with three eyes 'त्रिक्षणै:'.
ALL
\u0936\u094d\u0930\u0940\u092e\u093e\u0932\u0940 \u0939\u093f\u0924\u0947\u0936 \u0905\u0935\u0938\u094d\u0925\u0940
श्रीमाली हितेश अवस्थी...
@HiteshAwasthi89
#Thread
12 Most Powerful Hanuman Mantras

Hanuman ji is the Hindu God of strength, valor, agility, and wisdom. He is considered as the incarnation (avatar) of bhagwan Shiva. Hanuman ji is the symbol of devotion and dedication. He is the greatest devotee of Prabhu Shri Ram. 1/n


Hanuman ji is known by several names such as Bajrangabali, Mahabali, Maruti Nandan, Pawanputra, Mahaveer, and Anjaneya. Hanuman ji is the son of Bhagwan Vayu, the wind god.

God Hanuman played a prominent part in rescuing Mata Sitafrom the bondage of demon King of Lanka, Ravana.


One can worship Hanuman ji by chanting Hanuman Mantras. There are many different types of Hanuman Mantras, each fulfilling a specific purpose. Hanuman Mantras help to beget the blessings of Mahabali Hanuman for success. 3/n


Let’s explore these powerful Hanuman Mantras one by one. Here’s the list for you:

1. Hanuman Moola Mantra
!! Om Hanumate Namah !!
ऊँ हनुमते नम:

You can chant the “Hanuman Moola Mantra if you usually face problems and obstacles in your life.4/n
#hanumanjanmotsav


However, the Human Moola Mantra is also a very powerful success mantra.

It’s a Kaarya Siddhi Mantra.

It is highly advised that all those who usually face obstacles and problems in their life should chant the Hanuman Moola Mantra. 5/n
#hanumanjanmotsav
ALL
Advertisement
itrade(DJ)
itrade(DJ)
@ITRADE191
Here is the detailed information of about strategy,

Entry time : 9.30 - 10
Exit : Upto you

Strategy :
Sell weekly ATM CE & PE at almost equal price
For ex : Sell Nifty 17250 CE at 50 and Nifty 17250 PE at 48 so it will become short straddle

Buy monthly ATM or near ATM CE & PE at matching price (5-10 points diff should be fine) as hedge
For ex : Buy Nifty 17250 CE at 150 and Nifty 17300 PE at 155 so it will become long straddle.

Weekly Short straddle + Monthly Long straddle

Adjustment:

• If you feel slightly bullish/bearish then no adjustment needed
• If Nifty moves 50 up or down and sustain then just simply roll up or down half of qnty and keep rest of the quantity. If market goes up or down further then roll up or down rest.

• If Nifty moves one side or about to breach BEP then add equal amount of lot. This can balance tested side. For ex: If I bought 17300 CE 4 lot as hedge then add 4 lot so you will have only one side risk . Note: Remember to keep SL at cost price (only for additional lot bought)

Capital requirement:
2.2 L for 4 lot
Adjustment requires additional capital upto 1L

Note : High risk high reward strategy, please don’t execute until you fully understand. Kindly do paper trading or backtest.
RR : 1:1
POP : 45-55%
OPTIONSLEARNINGS , ALL
Ax
Ax
@AchuthArora
@AJA_Cortes @buzz_chronicles @rattibha @SaveToBookmarks save as Workouts
ALL
Buzz Chronicles
Buzz Chronicles
@buzz_chronicles
@SaveToBookmarks Hola! Saving all night and all day :) Original tweet by @AchuthArora: "@aldothetrainer @Artofphysique_ @buzz_chronicles @rattibha @SaveToBookmarks save...". See You soon! ✌

Hola! There you go! Original tweet by @SaveToBookmarks: "@AchuthArora @aldothetrainer @Artofphysique_ @buzz_chronicles @rattibha Gotcha, ...". Enjoy ✌
ALL

You May Also Like

Trader knight
Trader knight
@Traderknight007
Pyramiding 2.0

A thread-


What is pyramiding?

It is simply adding to your winners.

Why use pyramiding?

1. It makes your winners bigger than your losers.

• Because you are adding positions when your trades are going your way, you are increasing your gains but your losers will be small comparatively.

2. You lose less during Draw-down time ( it saves you from losing big during whipsaws )

• Many times when the market is in sideways mode, Entering a trade with full risk might not be the best idea.

• So, you test the waters with a small position first, it could be ⅓ or ¼ of your total risk.

• So if the Breakout fails or whipsaws come, then you will only lose a small part of your overall risk.

• Then when position starts to go in your favor you can add to it.

3. It helps you to concentrate on a few trades,

They say that don’t put all your eggs in one basket, but don’t put them in too many either.

• See, Everyone can see charts and find breakouts, pullbacks etc.
ALL , SWING TRADING , PYRAMIDING
Jaya_Upadhyaya
Jaya_Upadhyaya
@Jayalko1
SRI BANKEY BIHARI JI, VRINDAVAN (UP)

Very famous Krishna Mandir where Bankey Bihari Ji is worshipped and looked after as a child.
Bankey means “Bent at three places”.
Thakur Ji was worshipped in Nidhivan till 1863. This mandir was constructed in 1864 by Goswamis.
@LostTemple7


Legend says that Swami Haridas used to worship Krishna in Nidhivan.
Once, his curious disciples entered the forest but they were almost blinded by bright, intense light. Upon knowing this, Swamiji himself went there and after his requests, Krishna appeared with his consort.


Krishna, then, left back this black charming murti,which we see now, before disappearing.
A curtain is drawn before the murti after every 15-30 second. It is said that if one stares long enough into the eyes of Shri Banke Bihari, the person would lose his self consciousness.


Bankey Bihari Ji sports a flute only once a year on the eve of Sharad Purnima.
Darshan of His lotus feet can be done only on Akshay Tritiya every year.
There are no loud bells here and
no early morning Darshan can be done so that child Krishna’s sleep is not disturbed.
ALL
Advertisement
History Of Rajputana
History Of Rajputana
@KshatriyaItihas
**Thread on Bravery of Sikhs**
(I am forced to do this due to continuous hounding of Sikh Extremists since yesterday)

Rani Jindan Kaur, wife of Maharaja Ranjit Singh had illegitimate relations with Lal Singh (PM of Ranjit Singh). Along with Lal Singh, she attacked Jammu, burnt - https://t.co/EfjAq59AyI


Hindu villages of Jasrota, caused rebellion in Jammu, attacked Kishtwar.

Ancestors of Raja Ranjit Singh, The Sansi Tribe used to give daughters as concubines to Jahangir.


The Ludhiana Political Agency (Later NW Fronties Prov) was formed by less than 4000 British soldiers who advanced from Delhi and reached Ludhiana, receiving submissions of all sikh chiefs along the way. The submission of the troops of Raja of Lahore (Ranjit Singh) at Ambala.

Dabistan a contemporary book on Sikh History tells us that Guru Hargobind broke Naina devi Idol Same source describes Guru Hargobind serving a eunuch
YarKhan. (ref was proudly shared by a sikh on twitter)
Gobind Singh followed Bahadur Shah to Deccan to fight for him.


In Zafarnama, Guru Gobind Singh states that the reason he was in conflict with the Hill Rajas was that while they were worshiping idols, while he was an idol-breaker.

And idiot Hindus place him along Maharana, Prithviraj and Shivaji as saviours of Dharma.
HISTORY
Pat Walls
Pat Walls
@thepatwalls
And here they are...

THE WINNERS OF THE 24 HOUR STARTUP CHALLENGE

Remember, this money is just fun. If you launched a product (or even attempted a launch) - you did something worth MUCH more than $1,000.

#24hrstartup

The winners 👇

#10

Lattes For Change - Skip a latte and save a life.

https://t.co/M75RAirZzs

@frantzfries built a platform where you can see how skipping your morning latte could do for the world.

A great product for a great cause.

Congrats Chris on winning $250!


#9

Instaland - Create amazing landing pages for your followers.

https://t.co/5KkveJTAsy

A team project! @bpmct and @BaileyPumfleet built a tool for social media influencers to create simple "swipe up" landing pages for followers.

Really impressive for 24 hours. Congrats!


#8

SayHenlo - Chat without distractions

https://t.co/og0B7gmkW6

Built by @DaltonEdwards, it's a platform for combatting conversation overload. This product was also coded exclusively from an iPad 😲

Dalton is a beast. I'm so excited he placed in the top 10.


#7

CoderStory - Learn to code from developers across the globe!

https://t.co/86Ay6nF4AY

Built by @jesswallaceuk, the project is focused on highlighting the experience of developers and people learning to code.

I wish this existed when I learned to code! Congrats on $250!!
MAKERS
Anu Satheesh \U0001f1ee\U0001f1f3
Anu Satheesh 🇮🇳...
@AnuSatheesh5
#Guruvayur_Krishna_Bhakthi  🕉
#Guruvayur
#Storytime
Beautiful Story of Guruvayurappan

Poonathanam Namboothiri was a great devotee of Guruvayurappan. One day Poonthanam was going to Guruvayur Kshetram. It was night time and eventhough Namboothiri was tired he continued to walk


Suddenly some thieves came and blocked his way. Poonthanam cried for Shri Krishna to help. Thieves snatched all valuables from him, but Namboothiri holding his Bhaghavatam book called Shri Krishna to help. That time a man came in a horse back and fought with thieves and protected


Namboothiri. Poonthanam thanked Krishna for helping him from danger and said to the man that "Shri Krishna has send you here and I don't know how to thank you".  The man smiled and told that he is Mangattachan, minister of  samoodhiris. Poonthanam once again thanked him and


gave his ring to Mangattachan as a token of thanks and continued his journey. He reached Guruvayur early morning for Nirmalya Darshan. Temple poojari came near him and told that Guruvayurappan came in his dreams and asked to hand over the ring to poonthanam.


When he opened Kshetra Nada poonthanam was surprised to see his ring on Guruvayurappan, which he gifted to Mangattachan. He understood that it was Guruvayurappan who came as Mangattachan to protect him. This is how Bhagwan treat his devotees.

Hare Krishna
🙏🕉🙏
ALL