BC JAVASCRIPT

Saved by @IamKishor_P

$Mohammed Junaid \U0001f3af$

Mohammed Junaid 🎯
@mdjunaidap 2 years, 10 months ago 322 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

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 Java for FREE.

🧵

Videos:

1. Programming with Mosh

🔗

2. Telusko

🔗

3. Edureka

🔗

Websites:

1.

Advertisement

$Mohammed Junaid \U0001f3af$

Mohammed Junaid 🎯...
@mdjunaidap

React Roadmap for Beginners in 2022.

🧵

➪ 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

$Mohammed Junaid \U0001f3af$

Mohammed Junaid 🎯...
@mdjunaidap

HTML & CSS Roadmap for Beginners in 2022.

Thread 🧵

➯ HTML

➺ What is HTML?
➺ HTML Elements
➺ Attributes
➺ Semantic HTML
➺ Accessibility

➯ CSS

✦ Fundamentals

➲ What is CSS?

➲ CSS Selectors
➺ Basic
➺ Complex
➺ Pseudo

➲ CSS Properties
➺ Color
➺ Background-color
➺ Font-family
➺ ...many more.

➲ Box Model
➺ Padding
➺ Border
➺ Margin

➲ Values & Units

➲ CSS Specificity & inheritance

➲ Display

➲ Positioning
➺ Static
➺ Relative
➺ Absolute
➺ Fixed
➺ Sticky

✦ Advanced

➲ Shadows
➲ Gradients
➲ Transforms
➲ Transitions
➲ Animations
➲ CSS Varisables
➲ Media Queries

➲Layouts
➺ Flexbox
➺ Grid

➲ CSS Preprocessors
➺ SASS
➺ LESS
➺ PostCSS

➲ CSS Frameworks
➺ Tailwind CSS
➺ Bootstrap
➺ Materialize

$Mohammed Junaid \U0001f3af$

Mohammed Junaid 🎯...
@mdjunaidap

Vue.js Roadmap for Beginners in 2022.

Thread🧵

⇝ Fundamentals ⇜

➙ Vue CLI
➙ Single File Components
➙ Binding Text & HTML
➙ Binding Attributes
➙ Conditional Rendering
➙ Lists and Keys
➙ Methods
➙ Event Handling
➙ Form Handling
➙ Computed Properties
➙ Watchers

⇝ Advanced Topics ⇜

➪ Component Architecture
➪ Component Props
➪ Custom Events
➪ Provide & Inject
➪ Slots
➪ Component Styles
➪ Dynamic Components
➪ Teleport Components
➪ HTTP Requests
➪ Lifecycle Hooks
➪ Template Refs
➪ Mixins

➪ Composition API
➙ Refs
➙ Reactive
➙ toRefs
➙ Computed
➙ watch
➙ Lifecycle Hooks.

➪ Ecosystem

➪ State Management
➙ Vuex

➪ Routing
➙ Vue Router

➪ Styling
➙ Tailwind CSS
➙ Chakra UI

More from Javascript

George Moller
@_georgemoller

🔥 Cheat sheet to some array helper methods in JavaScript.

findIndexOf should be findIndex 😅

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

Advertisement

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

$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

Priyanka (Astrology Gu...
@AstroAmigo

1

From today, we will memorize the names of 27 Nakshatras in Vedic Jyotish to never forget in life.

I will write 4 names. Repeat them in SAME sequence twice in morning, noon, evening. Each day, revise new names + recall all previously learnt names.

Pls RT if you are in.

2

Today's Nakshatras are:-

1. Ashwini - अश्विनी

2. Bharani - भरणी

3. Krittika - कृत्तिका

4. Rohini - रोहिणी

Ashwini - अश्विनी is the FIRST Nakshatra.

Repeat these names TWICE now, tomorrow morning, noon and evening. Like this tweet if you have revised 8 times as told.

3

Today's Nakshatras are:-

5. Mrigashira - मृगशिरा

6. Ardra - आर्द्रा

7. Punarvasu - पुनर्वसु

8. Pushya - पुष्य

First recall previously learnt Nakshatras twice. Then recite these TWICE now, tomorrow morning, noon & evening in SAME order. Like this tweet only after doing so.

4

Today's Nakshatras are:-

9. Ashlesha - अश्लेषा

10. Magha - मघा

11. Purvaphalguni - पूर्वाफाल्गुनी

12. Uttaraphalguni - उत्तराफाल्गुनी

Purva means that comes before (P se Purva, P se pehele), and Uttara comes later.

Read next tweet too.

5

Purva, Uttara prefixes come in other Nakshatras too. Purva= pehele wala. Remember.

First recall previously learnt 8 Nakshatras twice. Then recite those in Tweet #4 TWICE now, tomorrow morning, noon & evening in SAME order. Like this tweet if you have read Tweets #4 & 5, both.

Andrew Chen
@andrewchen

👇Thread.

Published a new essay: The red flags and magic numbers that investors look for in your startup’s metrics – 80 slide deck included!

This was a deck that I created on my (longish) interview process with @a16z. It was a long path, starting with meeting folks at the firm 10 years ago. But the purpose of the deck was to explain how I would use my superpower in an investing context

Here's what I explain in the deck. As investors (whether angel or VC) we're often confronted with an up-and-to-the-right graph. Is it going to go up? Or down?

One solution to forecast these growth curves is the Growth Accounting Framework, where you add up New+Reactivated and subtract churned users. In each time period that gives you the difference in monthly actives.

The problem with this is that it's a lagging metric, not a leading one. We need to go one level deeper and look at the underlying loops that drive these numbers, to understand the quality.

Advertisement

Mystery Grove Publishi...
@MysteryGrove

By popular demand, here is the official Mystery Grove Film Recommendations list. Watch all of these in order if you want to truly understand the world we live in today.

$ArmaniTalks \U0001f399\U0001f525$

ArmaniTalks 🎙🔥...
@ArmaniTalks

A relationship begins to get stiff when excessive patterns begin to form.

Too many patterns leads to a boring, predictable, logical lifestyle.

Get the emotions involved.

Do something spontaneous out of the blue moon & flip the script.

'What's wrong with the patterns?'

Nothing is wrong with patterns.

However, there is a problem when all you have are patterns.

It's boring.

'Can you explain why?'

Sure 👇

The thing with relationships is that it's meant to be an emotional experience.

It's very difficult to logically explain love, right?

'Right.'

Well this is where you want to steer the ship the right way.

1. Too emotional is bad.

2. Too logical is bad.

Let me break it down.

1. Too emotional

If a relationship is completely ruled by emotions, then it's too volatile.

You will never reach productivity if you are aimlessly only following each others emotions.

This lifestyle tarnishes any structure for the couple.

'So why do people do it?'

Because it's fun.

You may ruled by this stage in the honeymoon phase.

Normal.

You'll be so spontaneous that it almost becomes a lifestyle.

But it's hard to level up your life when you're too spontaneous.

Avoid.

$\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