Home

Awesome

<div dir=rtl markdown=1> <h1 align="center" dir="rtl" lang="he"> <br> <a href="https://github.com/leonardomso/33"><img src="https://i.imgur.com/dsHmk6H.jpg" alt="33 Concepts Every JS Developer Should Know" width=200" /></a> <br> <br> 33 עקרונות שכל מפתח גאווה סקריפט צריך להכיר <br><br> </h1>

הקדמה

המאמר הזה נוצר במטרה לעזור למפתחים להתמחות בעקרונות בגאווה סקריפט. זאת אינה דרישה, אלא מדריך ללימודים עתידיים. זה מבוסס על מאמר שנכתב על ידי Stephen Curtis תוכלו לקרוא אותו כאן.

** 🚀 נחשב על ידי GitHub כאחד פרוייקטי קוד פתוח המוצלחים לשנת 2018! **

קהילה

תרגישו חופשי להגיש PR ע"י הוספת לינק לתקצירים או לסקירות שלכם. אם תרצו לתרגם את המאמר לשפת האם שלכם, תרגישו חופשי לעשות זאת.

כל התרגומים של המאמר יופיעו להלן:


<img align= center width=50px height=50px src="https://media4.giphy.com/media/3hoLIVAJYkz6T0Ichp/giphy.gif?cid=6c09b952m4j3poopinf91rquev6qy4e8avu0bflq1e0vh4gp&ep=v1_internal_gif_by_id&rid=giphy.gif&ct=s"> <a id="table-of-contents">תוכן עניינים</a>

  1. Call Stack
  2. Primitive Types
  3. Value Types and התייחסויות Types
  4. Implicit, Explicit, Nominal, Structuring and Duck Typing
  5. == vs === vs typeof
  6. Function Scope, Block Scope and Lexical Scope
  7. Expression vs Statement
  8. IIFE, Modules and Namespaces
  9. Message Queue and Event Loop
  10. setTimeout, setInterval and requestAnimationFrame
  11. JavaScript Engines
  12. Bitwise Operators, Type Arrays and Array Buffers
  13. DOM and Layout Trees
  14. Factories and Classes
  15. this, call, apply and bind
  16. new, Constructor, instanceof and Instances
  17. Prototype Inheritance and Prototype Chain
  18. Object.create and Object.assign
  19. map, reduce, filter
  20. Pure Functions, Side Effects, State Mutation and Event Propagation
  21. Closures
  22. High Order Functions
  23. Recursion
  24. Collections and Generators
  25. Promises
  26. async/await
  27. Data Structures
  28. Expensive Operation and Big O Notation
  29. Algorithms
  30. Inheritance, Polymorphism and Code Reuse
  31. Design Patterns
  32. Partial Applications, Currying, Compose and Pipe
  33. Clean Code

1. Call Stack

התייחסויות

<img align= center width=40px height=40px src="https://cdn-icons-png.flaticon.com/512/1945/1945940.png"> מאמרים

<img align=center width="40" height="40" src="https://img.icons8.com/dusk/64/video.png" alt="video"/> סרטונים

⬆ חזרה למעלה


2. Primitive Types

התייחסויות

<img align= center width=40px height=40px src="https://cdn-icons-png.flaticon.com/512/1945/1945940.png"> מאמרים

<img align=center width="40" height="40" src="https://img.icons8.com/dusk/64/video.png" alt="video"/> סרטונים

⬆ חזרה למעלה


3. Value Types and התייחסויות Types

<img align= center width=40px height=40px src="https://cdn-icons-png.flaticon.com/512/1945/1945940.png"> מאמרים

<img align=center width="40" height="40" src="https://img.icons8.com/dusk/64/video.png" alt="video"/> סרטונים

⬆ חזרה למעלה


4. Implicit, Explicit, Nominal, Structuring and Duck Typing

<img align= center width=40px height=40px src="https://cdn-icons-png.flaticon.com/512/1945/1945940.png"> מאמרים

<img align=center width="40" height="40" src="https://img.icons8.com/dusk/64/video.png" alt="video"/> סרטונים

ספרים

⬆ חזרה למעלה


5. == vs === vs typeof

<img align= center width=40px height=40px src="https://cdn-icons-png.flaticon.com/512/1945/1945940.png"> מאמרים

<img align=center width="40" height="40" src="https://img.icons8.com/dusk/64/video.png" alt="video"/> סרטונים

⬆ חזרה למעלה


6. Function Scope, Block Scope and Lexical Scope

Books

<img align= center width=40px height=40px src="https://cdn-icons-png.flaticon.com/512/1945/1945940.png"> מאמרים

<img align=center width="40" height="40" src="https://img.icons8.com/dusk/64/video.png" alt="video"/> סרטונים

⬆ חזרה למעלה


7. Expression vs Statement

<img align= center width=40px height=40px src="https://cdn-icons-png.flaticon.com/512/1945/1945940.png"> מאמרים

<img align=center width="40" height="40" src="https://img.icons8.com/dusk/64/video.png" alt="video"/> סרטונים

⬆ חזרה למעלה


8. IIFE, Modules and Namespaces

התייחסויות

<img align= center width=40px height=40px src="https://cdn-icons-png.flaticon.com/512/1945/1945940.png"> מאמרים

<img align=center width="40" height="40" src="https://img.icons8.com/dusk/64/video.png" alt="video"/> סרטונים

⬆ חזרה למעלה


9. Message Queue and Event Loop

<img align= center width=40px height=40px src="https://cdn-icons-png.flaticon.com/512/1945/1945940.png"> מאמרים

<img align=center width="40" height="40" src="https://img.icons8.com/dusk/64/video.png" alt="video"/> סרטונים

⬆ חזרה למעלה


10. setTimeout, setInterval and requestAnimationFrame

<img align= center width=40px height=40px src="https://cdn-icons-png.flaticon.com/512/1945/1945940.png"> מאמרים

<img align=center width="40" height="40" src="https://img.icons8.com/dusk/64/video.png" alt="video"/> סרטונים

⬆ חזרה למעלה


11. JavaScript Engines

<img align= center width=40px height=40px src="https://cdn-icons-png.flaticon.com/512/1945/1945940.png"> מאמרים

<img align=center width="40" height="40" src="https://img.icons8.com/dusk/64/video.png" alt="video"/> סרטונים

⬆ חזרה למעלה


12. Bitwise Operators, Type Arrays and Array Buffers

<img align= center width=40px height=40px src="https://cdn-icons-png.flaticon.com/512/1945/1945940.png"> מאמרים

<img align=center width="40" height="40" src="https://img.icons8.com/dusk/64/video.png" alt="video"/> סרטונים

⬆ חזרה למעלה


13. DOM and Layout Trees

ספרים

<img align= center width=40px height=40px src="https://cdn-icons-png.flaticon.com/512/1945/1945940.png"> מאמרים

<img align=center width="40" height="40" src="https://img.icons8.com/dusk/64/video.png" alt="video"/> סרטונים

⬆ חזרה למעלה


14. Factories and Classes

<img align= center width=40px height=40px src="https://cdn-icons-png.flaticon.com/512/1945/1945940.png"> מאמרים

<img align=center width="40" height="40" src="https://img.icons8.com/dusk/64/video.png" alt="video"/> סרטונים

⬆ חזרה למעלה


15. this, call, apply and bind

התייחסויות

<img align= center width=40px height=40px src="https://cdn-icons-png.flaticon.com/512/1945/1945940.png"> מאמרים

<img align=center width="40" height="40" src="https://img.icons8.com/dusk/64/video.png" alt="video"/> סרטונים

⬆ חזרה למעלה


16. new, Constructor, instanceof and Instances

<img align= center width=40px height=40px src="https://cdn-icons-png.flaticon.com/512/1945/1945940.png"> מאמרים

⬆ חזרה למעלה


17. Prototype Inheritance and Prototype Chain

התייחסויות

<img align= center width=40px height=40px src="https://cdn-icons-png.flaticon.com/512/1945/1945940.png"> מאמרים

<img align=center width="40" height="40" src="https://img.icons8.com/dusk/64/video.png" alt="video"/> סרטונים

Books

⬆ חזרה למעלה


18. Object.create and Object.assign

התייחסויות

<img align= center width=40px height=40px src="https://cdn-icons-png.flaticon.com/512/1945/1945940.png"> מאמרים

<img align=center width="40" height="40" src="https://img.icons8.com/dusk/64/video.png" alt="video"/> סרטונים

⬆ חזרה למעלה


19. map, reduce, filter

<img align= center width=40px height=40px src="https://cdn-icons-png.flaticon.com/512/1945/1945940.png"> מאמרים

<img align=center width="40" height="40" src="https://img.icons8.com/dusk/64/video.png" alt="video"/> סרטונים

⬆ חזרה למעלה


20. Pure Functions, Side Effects, State Mutation and Event Propagation

<img align= center width=40px height=40px src="https://cdn-icons-png.flaticon.com/512/1945/1945940.png"> מאמרים

<img align=center width="40" height="40" src="https://img.icons8.com/dusk/64/video.png" alt="video"/> סרטונים

⬆ חזרה למעלה


21. Closures

התייחסויות

<img align= center width=40px height=40px src="https://cdn-icons-png.flaticon.com/512/1945/1945940.png"> מאמרים

<img align=center width="40" height="40" src="https://img.icons8.com/dusk/64/video.png" alt="video"/> סרטונים

⬆ חזרה למעלה


22. High Order Functions

Books

<img align= center width=40px height=40px src="https://cdn-icons-png.flaticon.com/512/1945/1945940.png"> מאמרים

<img align=center width="40" height="40" src="https://img.icons8.com/dusk/64/video.png" alt="video"/> סרטונים

⬆ חזרה למעלה


23. Recursion

<img align= center width=40px height=40px src="https://cdn-icons-png.flaticon.com/512/1945/1945940.png"> מאמרים

<img align=center width="40" height="40" src="https://img.icons8.com/dusk/64/video.png" alt="video"/> סרטונים

⬆ חזרה למעלה


24. Collections and Generators

התייחסויות

<img align= center width=40px height=40px src="https://cdn-icons-png.flaticon.com/512/1945/1945940.png"> מאמרים

<img align=center width="40" height="40" src="https://img.icons8.com/dusk/64/video.png" alt="video"/> סרטונים

⬆ חזרה למעלה


25. Promises

התייחסויות

<img align= center width=40px height=40px src="https://cdn-icons-png.flaticon.com/512/1945/1945940.png"> מאמרים

<img align=center width="40" height="40" src="https://img.icons8.com/dusk/64/video.png" alt="video"/> סרטונים

⬆ חזרה למעלה


26. async/await

התייחסויות

Books

<img align= center width=40px height=40px src="https://cdn-icons-png.flaticon.com/512/1945/1945940.png"> מאמרים

<img align=center width="40" height="40" src="https://img.icons8.com/dusk/64/video.png" alt="video"/> סרטונים

⬆ חזרה למעלה


27. Data Structures

<img align= center width=40px height=40px src="https://cdn-icons-png.flaticon.com/512/1945/1945940.png"> מאמרים

<img align=center width="40" height="40" src="https://img.icons8.com/dusk/64/video.png" alt="video"/> סרטונים

⬆ חזרה למעלה


28. Expensive Operation and Big O Notation

<img align= center width=40px height=40px src="https://cdn-icons-png.flaticon.com/512/1945/1945940.png"> מאמרים

<img align=center width="40" height="40" src="https://img.icons8.com/dusk/64/video.png" alt="video"/> סרטונים

⬆ חזרה למעלה


29. Algorithms

<img align= center width=40px height=40px src="https://cdn-icons-png.flaticon.com/512/1945/1945940.png"> מאמרים

<img align=center width="40" height="40" src="https://img.icons8.com/dusk/64/video.png" alt="video"/> סרטונים

⬆ חזרה למעלה


30. Inheritance, Polymorphism and Code Reuse

התייחסויות

<img align= center width=40px height=40px src="https://cdn-icons-png.flaticon.com/512/1945/1945940.png"> מאמרים

<img align=center width="40" height="40" src="https://img.icons8.com/dusk/64/video.png" alt="video"/> סרטונים

⬆ חזרה למעלה


31. Design Patterns

Books

<img align= center width=40px height=40px src="https://cdn-icons-png.flaticon.com/512/1945/1945940.png"> מאמרים

<img align=center width="40" height="40" src="https://img.icons8.com/dusk/64/video.png" alt="video"/> סרטונים

⬆ חזרה למעלה


32. Partial Applications, Currying, Compose and Pipe

ספרים

<img align= center width=40px height=40px src="https://cdn-icons-png.flaticon.com/512/1945/1945940.png"> מאמרים

<img align=center width="40" height="40" src="https://img.icons8.com/dusk/64/video.png" alt="video"/> סרטונים

⬆ חזרה למעלה


33. Clean Code

<img align= center width=40px height=40px src="https://cdn-icons-png.flaticon.com/512/1945/1945940.png"> מאמרים

<img align=center width="40" height="40" src="https://img.icons8.com/dusk/64/video.png" alt="video"/> סרטונים

⬆ חזרה למעלה

</div>