50 resources for learning JavaScript in 2021👇

Thread🧵

In this tweet you will find resources in various form

- Documentation
- Courses
- Websites
- YouTube Videos
- Books
- GitHub Repos
- Interactive learning
- Projects
📌 DOCUMENTATION

1. MDN
https://t.co/XkMlZQOF0h

2. W3 Schools
https://t.co/eUYCudNHc8

3. DevDocs
https://t.co/sVwCCrYKwA

4. JavaScript Info
https://t.co/GLcMZmyfC9

5. JavaScript Garden
https://t.co/0YRzjuNZKx
📌 COURSES

6. Code Academy
https://t.co/cvQ6YhUTi1

7. Udemy
https://t.co/5HhRs4nCcJ

8. Coursera
https://t.co/JBpYAC02pT

9. Plural Sight
https://t.co/oBJ2K7kYni

10. Scrimba
https://t.co/lFRBDcQIJk
📌 WEBSITES

11. Geeks For Geeks
https://t.co/KSZIFLQInp

12. Java Point
https://t.co/M9IzGpeRs0

13. Tutorial Points
https://t.co/WE10KtxVd7

14. The Odin Project
https://t.co/aikkB3sJ0H

15. Learn JS
https://t.co/m7LkJejVqR
16. JavaScript Wikipedia
https://t.co/dd2mJ2ByLv

17. JavaScript 30
https://t.co/X2e6T9qFW5

18. JavaScript for Cats
https://t.co/wxd0BhSLya

19. Java5cript
https://t.co/2gdB6LdfQ8

20. Scotch io
https://t.co/iBKDaHSkIu
📌 YOUTUBE VIDEOS

21. JavaScript Mastery
https://t.co/1zcSeu4zKE

22. Clever Programmer
https://t.co/GcIIDzek7r

23. Edureka
https://t.co/YCCITWKlaL

24. Coursera
https://t.co/YCCITWKlaL

25. Freecodecamp
https://t.co/WbI9QnTOj2
26. Web Dev Simplified
https://t.co/WY7MNKOull

27. Traversy Media
https://t.co/h1iStFlpLY

28. Edureka
https://t.co/W1gZFjmQ8k

29. Hitesh Choudhary
https://t.co/Y5rOtj9Khj

30. Simon Høiberg
https://t.co/SJ6DhbNdvw
📌 BOOKS

31. Eloquent JS
https://t.co/IvMFOzDhjB

32. JS Design pattern
https://t.co/gmV3oi6nDQ

33. The JavaScript Beginner's Handbook
https://t.co/v0Ed5EJPJD

34. Learn JavaScript with Ease
https://t.co/a5PE7fNg2D

35. Human JavaScript
https://t.co/USz02nuHFw
📌 GITHUB REPOS

36. Modern JavaScript tutorials
https://t.co/vDgTJKbz74

37. Awesome JS Learning
https://t.co/CUCBjfJEcY

38. JS by example
https://t.co/VLT6dRwLSp

39. 33 JS concepts
https://t.co/F5KDOSaACD

40. 30 seconds of code
https://t.co/zWcmMtg2xa

More from Pratham 👨‍💻🚀

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

More from Tech

A brief analysis and comparison of the CSS for Twitter's PWA vs Twitter's legacy desktop website. The difference is dramatic and I'll touch on some reasons why.

Legacy site *downloads* ~630 KB CSS per theme and writing direction.

6,769 rules
9,252 selectors
16.7k declarations
3,370 unique declarations
44 media queries
36 unique colors
50 unique background colors
46 unique font sizes
39 unique z-indices

https://t.co/qyl4Bt1i5x


PWA *incrementally generates* ~30 KB CSS that handles all themes and writing directions.

735 rules
740 selectors
757 declarations
730 unique declarations
0 media queries
11 unique colors
32 unique background colors
15 unique font sizes
7 unique z-indices

https://t.co/w7oNG5KUkJ


The legacy site's CSS is what happens when hundreds of people directly write CSS over many years. Specificity wars, redundancy, a house of cards that can't be fixed. The result is extremely inefficient and error-prone styling that punishes users and developers.

The PWA's CSS is generated on-demand by a JS framework that manages styles and outputs "atomic CSS". The framework can enforce strict constraints and perform optimisations, which is why the CSS is so much smaller and safer. Style conflicts and unbounded CSS growth are avoided.
The 12 most important pieces of information and concepts I wish I knew about equity, as a software engineer.

A thread.

1. Equity is something Big Tech and high-growth companies award to software engineers at all levels. The more senior you are, the bigger the ratio can be:


2. Vesting, cliffs, refreshers, and sign-on clawbacks.

If you get awarded equity, you'll want to understand vesting and cliffs. A 1-year cliff is pretty common in most places that award equity.

Read more in this blog post I wrote:
https://t.co/WxQ9pQh2mY


3. Stock options / ESOPs.

The most common form of equity compensation at early-stage startups that are high-growth.

And there are *so* many pitfalls you'll want to be aware of. You need to do your research on this: I can't do justice in a tweet.

https://t.co/cudLn3ngqi


4. RSUs (Restricted Stock Units)

A common form of equity compensation for publicly traded companies and Big Tech. One of the easier types of equity to understand: https://t.co/a5xU1H9IHP

5. Double-trigger RSUs. Typically RSUs for pre-IPO companies. I got these at Uber.


6. ESPP: a (typically) amazing employee perk at publicly traded companies. There's always risk, but this plan can typically offer good upsides.

7. Phantom shares. An interesting setup similar to RSUs... but you don't own stocks. Not frequent, but e.g. Adyen goes with this plan.

You May Also Like

Хајде да направимо мали осврт на случај Мика Алексић .

Алексић је жртва енглеске освете преко Оливере Иванчић .
Мика је одбио да снима филм о блаћењу Срба и мењању историје Срба , иза целокупног пројекта стоји дипломатски кор Британаца у Београду и Оливера Иванчић


Оливера Илинчић је иначе мајка једне од његових ученица .
Која је претила да ће се осветити .

Мика се налази у притвору због наводних оптужби глумице Милене Радуловић да ју је наводно силовао човек од 70 година , са три бајпаса и извађеном простатом пре пет година

Иста персона је и обезбедила финансије за филм преко Беча а филм је требао да се бави животом Десанке Максимовић .
А сетите се и ко је иницирао да се Десанка Максимовић избаци из уџбеника и школства у Србији .

И тако уместо романсиране верзије Десанке Максимовић утицај Британаца

У Србији стави на пиједестал и да се Британци у Србији позитивно афирмишу како би се на тај начин усмерила будућност али и мењао ток историје .
Зато Мика са гнушањем и поносно одбија да снима такав филм тада и почиње хајка и претње која потиче из британских дипломатских кругова

Најгоре од свега што је то Мика Алексић изговорио у присуству високих дипломатских представника , а одговор је био да се све неће на томе завршити и да ће га то скупо коштати .
Нашта им је Мика рекао да је он свој живот проживео и да могу да му раде шта хоће и силно их извређао