BC JAVASCRIPT

Saved by @IamKishor_P

$Mohammed Junaid \U0001f3af$

Mohammed Junaid 🎯
@mdjunaidap 2 years, 10 months ago 323 views

Save to PDF Share See On Twitter

Javascript Roadmap for Beginners in 2021.

Thread 🧵

➩ Running Javascript

➙ Script tag
➙ Link external file
➙ Browser console
➙ with node

➩ Variables

➲ Declarations
➙ var
➙ let
➙ const
➙ Scope
➙ Global
➙ function
➙ Block
➙ Hoisting

➩ Data types & Data Structures

➲ Primitive Datatypes
➙ undefined
➙ boolean
➙ Number
➙ BigInt
➙ String
➙ Symbol

➙ Null
➙ Object
➙ Function

➲ Data Structures
➙ Array
➙ Map/ Weak map
➙ Set/ Weak Set
➙ Date

➩ Type Conversion
➙ Explicit Function
➙ Implicit Function

➩ Equality
➙ == & ===

➩ Loops
➙ while
➙ do..while..
➙ for
➙ break/continue
➙ for...in
➙ for...of

➩ Control flow
➙ if...else
➙ switch
➙ try/catch/throw

➩ Expressions & Operators

➙ Assignment Operators
➙ Arithmetic Operators
➙ Logical Operators
➙ Conditional Operators
➙ Comparison Operators
➙ Relational Operators
➙ Bitwise Operators
➙ String Operators
➙ Comma Operator
➙ Unary Operators

➩ Functions

➙ Function Declarations
➙ Function Expressions
➙ Calling Functions
➙ Parameters & Arguments
➙ Scope
➙ Arrow Functions

Advanced Javascript
➩ Advanced

➲ Advanced Scope
➙ Nested Functions
➙ Lexical Scoping
➙ IIFE
➙ Revealing Module Pattern

➲ Closure

➲ Currying

➩ this
➙ Implicit Binding
➙ Explicit Binding
➙ new Binding
➙ Lexical Binding
➙ Default Binding

➩ Prototype
➩ Prototypal Inheritance
➩ Class
➩ Iterators
➩ Generators
➩ Event Loop

➩ Asynchronous Javascript

➙ setTimeout
➙ setIntervals
➙ callbacks
➙ Promises
➙ async await

➩ Module System

➙ CJS
➙ ESM
➙ Import/Export
➙ Default & Named Exports

Inspiration🙏: https://t.co/03Gqs6EWoU

🚨 700+ Tools & Resources 🤩
Goldmine🌟 for Developers, Designers, and Creators.

Learn.
Build.
Sell.

I've Curated incredible tools and learning resources for developers, designers & content creators.
https://t.co/2XaQR6ASYw

More from Mohammed Junaid 🎯

$Mohammed Junaid \U0001f3af$

Mohammed Junaid 🎯...
@mdjunaidap

Master Java for FREE.

🧵

Videos:

1. Programming with Mosh

🔗

2. Telusko

🔗

3. Edureka

🔗

Websites:

1.

$Mohammed Junaid \U0001f3af$

Mohammed Junaid 🎯...
@mdjunaidap

React Roadmap for Beginners in 2022.

Thread: 🧵

➪ Before Jumping into React make sure that you're good at Javascript Fundamentals.

⇝ Fundamentals ⇜

➙ Create React app
➙ Function Components
➙ Class Components
➙ JSX
➙ Props
➙ State
➙ useState and useEffect Hooks
➙ Conditional Rendering
➙ Lists and Keys
➙ Building Simple Forms
➙ Composition and Inheritance

⇝ Advanced Topics ⇜

➪ HTTP Requests
➙ Context Refs
➙ Refs
➙ Error Boundaries
➙ Portals

➙ GET
➙ POST

➪ Hooks
➙ useContext
➙ useReducer
➙ useRef
➙ useMemo
➙ useCallback
➙ Custom Hooks

➙ Higher-Order Components
➙ Render Props
➙ Reconciliation

Advertisement

$Mohammed Junaid \U0001f3af$

Mohammed Junaid 🎯...
@mdjunaidap

40+ Resources to Learn..
Data Structures & Algorithms 🔥🤩🚀

From:
⭕Youtube.
🆓Free Courses.
💰 Paid Courses.
🤩 Websites.
📚 Books.

Mega Thread 🧵🤯 👇

⭕ Youtube.

⭕ Data Structures and Algorithms | How to master DSA for coding interviews?
🔗 https://t.co/pt8y650bub

⭕ Data Structures and Algorithms for Beginners
🔗

⭕ Data Structures Easy to Advanced Course - Full Tutorial from a Google Engineer
🔗 https://t.co/uKgpRpj9Hf

⭕ Introduction to Data Structures
🔗 https://t.co/2zO5jFru8G

⭕ Algorithms and Data Structures - Full Course for Beginners from Treehouse
🔗

⭕ Data Structures - Full Course Using C and C++
🔗 https://t.co/pcWKANq5Ko

⭕ Data Structures and Algorithms in JavaScript - Full Course for Beginners
🔗

⭕ Data Structures & Algorithms By CS Dojo
🔗 https://t.co/n9U44GjLMt

⭕ Algorithms & Data Structures Full Crash Course
🔗

$Mohammed Junaid \U0001f3af$

Mohammed Junaid 🎯...
@mdjunaidap

Build your personal brand online.

Everything you need to know: 🧵

Index:

∎ Who is telling your story?
∎ Define your personal brand
∎ Discover your reason for being
∎ Articulate your mission
∎ Complete your social profile
∎ Nurture your community

∎ Who is telling your story?

➵ Stories are fundamentals of human understanding.
➵ Don't let someone tell your story.
➵ You should tell your story.
➵ Do things, tell people.
➵ People will be connected to your story.

➽ Zeigarnik Effect

➵ This effect states that people remember incomplete or interrupted tasks better than completed tasks.

∎ Define your personal brand.

What is a brand?
➵ The brand is really an Idea.

Ex:
☞ Apple - They are selling creativity and simplicity.
☞ Nike - Selling Performance.
☞ Disney - They are selling Happiness, nostalgia, smiles.
☞ Coco-Cola - They are selling Refreshment.

$Mohammed Junaid \U0001f3af$

Mohammed Junaid 🎯...
@mdjunaidap

Master Frontend Development for Free.

Thread: 🧵

Note: Choose one or two resources and concentrate on building projects.

Building projects are the one & only way to excel in web development.

1️⃣ Internet:

1. How does Internet work?
🔗 https://t.co/xzyO8cMfRw

2. What is HTTP?
🔗

3. How do Browsers Work?
🔗 https://t.co/3mwSrLhXvY

4. What is Domain?
🔗

5. What is Hosting?
🔗 https://t.co/wdTzfhh00C

6. DNS and How it Works?
🔗

More from Javascript

Suhail Kakar
@SuhailKakar

JavaScript is hard, I know it and you know it 😅

But do you know, how to learn it in a very quick and effective way?

A thread on "5 Quick and Effective Ways to Learn JavaScript" in 3 hours.

Stay tuned 🕑

It is out

JavaScript is hard, I know it and you know it

But here are 5 Quick and Effective Ways to Learn JavaScript

A Thread \U0001f9f5 pic.twitter.com/NZZb08GVXq
— Suhail Kakar (@SuhailKakar) December 3, 2021

Suhail Kakar
@SuhailKakar

JavaScript is hard, I know it and you know it

But here are 5 Quick and Effective Ways to Learn JavaScript

A Thread 🧵

Google shows 7,930,000,000 results on "Why JavaScript is hard to learn", Many developers don't learn JavaScript and jump to some other alternative language ( Though each language has its own specialty ) because they think JavaScript is hard. But you shouldn't be among those devs.

Here are some tips, which I personally used in order to learn JavaScript, which I hope it helps you too :D

💠 Follow a Well-structured Curriculum

As a self-taught developer, it's your responsibility to find a standard structure to follow. Avoid learning anything that comes your way at all costs. You must stick to a set of guidelines.

This ensures that you are not leaving out anything you should know on the subject. @freeCodeCamp is non-profile organization that has the best and well-structured curriculum which can help you learn JavaScript. You can start with any of their courses and continue it till the end

Advertisement

Ekjot
@ekjotkalra5

JavaScript is the most popular language and is widely used for web development, app development, blockchain development, and whatnot!

Learning JavaScript is the best decision you can make in 2022, so check this out ↓

50 resources to learn JavaScript - absolutely free!🧵

The resources in this tweet will include:

- Documentation
- Websites
- Books
- YouTube Videos
- Courses
- GitHub repositories
- Twitter threads
- Projects

Documentation

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

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

3. JavaScript Info
https://t.co/VaeozoUbis

4. DevDocs
https://t.co/syn5ROwIsQ

5. JavaScript Garden
https://t.co/UuRyIijW9R

6. Free Code Camp

Websites

7. Geeks For Geeks
https://t.co/btdFhHx0Bl

8. The Odin Project
https://t.co/NNcAgVvrsI

9. JavaTpoint
https://t.co/Sv1AvL8Nfb

10. Learn Javascript
https://t.co/TWzQsRpAmW

11. Java5cript
https://t.co/6oOx4rHA5v

12. Scotch io

Books

13. Eloquent JavaScript
https://t.co/wDxo8azUdZ

14. You Don't Know JS
https://t.co/FsHsbzIr0e

15. JavaScript For Cats
https://t.co/A3K72iobpL

16. JavaScript the good parts
https://t.co/ETfK1bky3c

17. JavaScript

$Kent C. Dodds \U0001f680$

Kent C. Dodds 🚀...
@kentcdodds

Hey folks, just want to remind you of the 40% off deal going on at https://t.co/He56i6S4yS. Here's a thread of what some folks have said about it recently:

https://t.co/6xJthkhc88

Just finished https://t.co/DnXRSJcRaM from @kentcdodds . Though I had quite a ride with JS Testing, it provided me lots of useful solutions to testing scenarios I lost much time working around in the past.

I'd definitely recommend it to get your testing skills to the next level.
— Federico Alecci (@FedericoAlecci) November 5, 2020

https://t.co/AJqzs3Am3q

@kentcdodds your Testing JS full course was money well-spent! Your videos are content-rich yet concise and perfectly paced. I can\u2019t imagine how long it took you to record all this. Thank you for your efforts.
— Osama (@abmorni) November 9, 2020

https://t.co/ACiOF5uDuu

I you wanna learn how to build accessibility into your tests, checkout https://t.co/pKwhSyw1ZK -- it is seriously worth every penny. You will also learn how to harness the awesome and magical power of jest.
— Alex (@alexUX_UI) November 19, 2020

https://t.co/LQcz3jh1i8

3. Testing. Many jr frontend devs don't' have experience with testing. This is a baseline at many places - often on interviews.@freeCodeCamp has good articles: https://t.co/tyZtMlsTqu.

The most "rounded" resource is https://t.co/4H4eA3nHg7 by @kentcdodds. Expensive, but good.
— Gergely Orosz (@GergelyOrosz) November 16, 2020

$Swastika Yadav \U0001f33b$

Swastika Yadav 🌻...
@swastika0015

Javascript projects (beginner and intermediate), tools, resources, books!!🎈✨
Compiled all of it in one thread👇

📌Beginner Level

JavaScript projects for beginners\U0001f469\u200d\U0001f4bb

\U0001f447A thread\U0001f9f5
— Swastika Yadav \U0001f33b (@swastika0015) June 13, 2021

📌Intermediate Level

Intermediate level Javascript projects

\U0001f447A thread\U0001f9f5
— Swastika Yadav \U0001f33b (@swastika0015) June 16, 2021

📌HTML & CSS

HTML and CSS Projects for beginners\U0001f3a8

\U0001f4ccInteractive Resume
\U0001f4ccBuild a Form
\U0001f4ccBasic animations
\U0001f4ccParallax Effect
\U0001f4ccDesign Social app clones
\U0001f4ccDocumentation page
\U0001f4ccClone minimal templates
\U0001f4ccDesign E-commerce site
\U0001f4ccCollege Fest website
\U0001f4ccPortfolio website
\U0001f4ccVideo Background
— Swastika Yadav \U0001f33b (@swastika0015) July 4, 2021

📌Resources and

12 lesser known websites, resources and tools for Web Developers\u26a1\U0001f6f9
A thread\U0001f9f5\U0001f447
— Swastika Yadav \U0001f33b (@swastika0015) November 23, 2021

You May Also Like

$\uc2e0\ub150\uc758\uc0ac\ub098\uc774$

신념의사나이...
@Belposto_korea

What does Gold- Backed mean?
The Chinese Elders have been accumulating gold for hundreds of years. They are gold-rich. Some of their gold was loaned to the Central Banking System so that it could fund the rebuilding of Europe after the many war-torn years from World Wars I and II

BTW they never returned it but used it to start their financial empire to enslave humanity. This is the Central Bank Banking System./2

Maybe this is why one of the conditions to use their gold for the QFS is the demise and full disclosure of the Central Bank banking system before the RV can take place./3

The Elders have caves of hidden gold and are now using it to gold-back the currencies in the QFS for every country in the world. It is important to understand that the QFS and the money it is about to release is all brand-new currency./4

It was designed by the Alliance to fund the new financial system that will reset all Currencies of the world to Gold-Backed currency./5

$Anu Satheesh \U0001f1ee\U0001f1f3$

Anu Satheesh 🇮🇳...
@AnuSatheesh5

Eri Katha Ramar Temple
Maduranthakam

Eri Katha Ramar temple is located at Maduranthakam near Chengalpattu of Tamil Nadu. Beautiful Kodanda Ramar of about 8ft holding Ma Sita's hand & with Lakshmana. This temple story is connected with Sri Ramanujar.
@LostTemple7

It was here Periya Nambigal performed Pancha Samskaaram to Ramanujar under Magizham tree.
Sri Ramanujar was on his way from Kanchipuram to meet Sri Periya Nambigal at Sri Rangam to become his disciple. Sri Periya Nambigal also started towards Kanchipuram to meet Ramanujar.

They both met here at Madurantakam.
Small Mandapam where Ramanujar undertook Pancha Samskaaram is seen in the temple. Separate sannidhi is for Periya Nambigal & Ramanujar & this is the only temple where Ramanujar is seen as a Grahastha (married person) and not in Sanyasa kolam.

Story says about an incident which occurred during British rule. The Madurantakam lake bund was about to breach, due to heavy rain & village will be flooded if it happened. Dt collector was Cl. Lionel Blaze who took efforts to protect the bund & asked for the piles of stones

in the temple to protect it. But it was meant for Janakavalli ( sita) Thayar sannidhi which faced shortage of fund. Lionel Blaze prayed Sri Ramar to save the bund and if so he will provide fund to construct.
That night he saw in the lightning, Sri Rama & Lakshmana walked along

Advertisement

Sam Rocha
@SamRochadotcom

THREAD

I get asked for writing tips a lot. Of all the ones I’ve given, here are a few of the ones that seem to hold true and remain somewhat universal or at least mostly unobjectionable:

#amwriting #writingtips

1. If you are a fast writer (i.e., if you compose first drafts very quickly) then you absolutely must become a slow editor. Much of what I call “writing” is really, for me, editing.

2. If you don’t read you cannot write a lot or well. Sure, maybe you can read like a maniac for a decade and then read less after that, but without some large volume of intake, there will never be a meaningful output.

2.1 I sometimes say that I feel like writing without reading is like trying to run a marathan on a cracker. And sadly I see many students struggling to write when they have simply never read enough to fuel that demand of the task at hand.

3. All writing is writing if one decides to treat it that way. If one takes some degree of intentional will when sending emails, posting on social media and writing notes and marginalia, then all of that can count as meaningful daily writing.

katya adler
@BBCkatyaadler

Again, at such a key moment in UK and at such high political levels, evidence of deep misunderstanding of EU: The PM is under pressure in some quarters to delay #Brexit vote to allow her first to “improve” deal in Brussels BUT EU is determined not to budge at this stage

2) All EU leaders watching tomorrow’s vote. Of course they want to avoid a no deal #Brexit BUT they feel the deal - so painfully negotiated between EU and UK - is too fresh to re-open. Clarifications, yes but fundamental renegotiations, no.

3) The EU’s international reputation as a tough deal-maker is at stake here too. If Brussels now suddenly “gives in” to U.K. on EU red lines (eg backstop) then that would weaken the EU’s reputation in future trade negotiations with other non EU countries

4) Also on backstop the EU is unlikely to cave in to favour a relationship with a leaving member state (UK) against the explicit wishes and ignoring the deep concerns of a continuing member: Ireland.

5) Both the EU and the PM signed up to a guarantee to protect the border between Northern Ireland and the Republic of Ireland. If either the U.K. or EU can leave the backstop unilaterally then this clearly is no longer a guarantee.

Zen Black
@z3nblack

1/ Thread: "A Silicon Valley Ponzi Scheme"

Thanks to @chamath for laying this out in Social Capital's 2018 annual letter.

I've always appreciated his outspokenness.

2/ The hardest thing for most startups today is the path to market: first finding product-market fit & a way to reach customers, then building a ruthless machine to acquire, monetize & retain them.

3/ Because of this, when the VC industry invests capital into fast growing startups today, the plurality (if not majority) of invested capital will go into user acquisition and ad spending, for better or worse— usually worse.

4/ Todays massive venture-backed advertising, sales, and user acquisition playbook has morphed into one that champions growth at any cost.

This is creating a big bill that will soon come due...

5/ Ad impressions and click-throughs are bid up to outrageous prices by startups flush with venture money, and prospective users demand more and more subsidized products to gain their initial attention.