الوقت مترقم بعدد الدروس 1. 0:36 Introduction And What Is JavaScript ? 2. 9:04 How To Study The Course ? 3. 16:15 Setting up environment and tools 4. 22:27 Work with chrome developer tools 5. 27:43 Where to put the code? 6. 32:10 Comments and bad practice 7. 36:21 Output to screen 8. 42:37 Console methods and styling and web API 9. 48:38 What is ECMAScript?
10. 55:01 Data type and typeof operator 11. 1:04:56 Variable introduction 12. 1:11:11 Identifiers name convention & rules 13. 1:15:02 Var, Let, Const compare 14. 1:22:03 String syntax & Escape 15. 1:29:18 Concatenation 16. 1:31:56 Template Literals (Template Strings) 17. 1:39:54 Variables & Concatenation challenge 18. 1:42:43 Arithmetic operators 19. 1:50:55 Unary plus and negation operators 20. 1:56:02 Type coercion 21. 2:01:43 Assignment operators 22. 2:04:42 Operators challenge 23. 2:07:48 Number 24. 2:14:44 Number methods 25. 2:22:47 Math object 26. 2:27:32 Number challenge 27. 2:29:39 String methods part 1 28. 2:37:51 String methods part 2 29. 2:50:14 String methods part 3 30. 3:02:56 String challenge 31. 3:05:32 Comparison operators 32. 3:11:51 Logical operators 33. 3:16:18 If conditions 34. 3:24:54 Nested if conditions 35. 3:29:50 Conditional Ternary operator 36. 3:36:51 Nullish coalescing operator & Logical Operators 37. 3:41:10 If conditions challenge 38. 3:43:43 Switch statement 39. 3:49:33 Switch & If conditions challenge 40. 3:52:50 Array Big introduction 41. 4:00:40 Using lenght with array 42. 4:06:10 Add and remove array 43. 4:11:14 Add and remove array 44. 4:16:35 Sorting array 45. 4:19:35 Slicing array 46. 4:26:33 Joining array 47. 4:29:59 Array challenge 48. 4:31:59 Loop For and concept fo Loop 49. 4:39:47 Looping on sequences 50. 4:47:43 Nested Loop and Training 51. 4:52:03 Loop control-Break, Continue, Label 52. 4:59:00 Loop for-advanced example 53. 5:03:23 Practice add products to page 54. 5:10:02 Loop while 55. 5:14:47 Loop do - while 56. 5:18:03 Loop challenge 57. 5:21:17 Function intro and basic usage 58. 5:29:15 Function advanced examples 59. 5:35:21 Function return statement & use cases 60. 5:42:28 Function default parameters 61. 5:46:52 Function rest parameters 62. 5:53:52 Function Ultimate Practice 63. 6:05:13 Random arguments Function challenge 64. 6:08:18 Anonymous Function and practice 65. 6:16:44 Return Nested Function 66. 6:23:01 Arrow Function syntax 67. 6:28:57 Scope - Globale and Local 68. 6:34:54 Scope - Block 69. 6:29:29 Scope - Lexical 70. 6:44:28 Arrow Function challenge 71. 6:47:01 Higher order Function map 72. 6:55:27 Higher order Function map practice 73. 7:04:04 Higher order Function fillter 74. 7:10:32 Higher order Function fillter practice 75. 7:15:50 Higher order Function reduce 76. 7:23:12 Higher order Function reduce practice 77. 7:28:44 ForEach and practice 78. 7:40:30 Higher order Function challenge 79. 7:42:37 Object introduction 80. 7:50:05 Dot notation vs Bracket notation 81. 7:56:13 Nested Object and advanced examples 82. 8:04:39 Create object with new keyword 83. 8:08:48 This keyword 84. 8:14:03 Create object with Create method 85. 8:20:21 Create object with assign method 86. 8:24:26 What is DOM ? and select elements 87. 8:35:47 Get, Set elements Content and attributes 88. 8:45:14 Check attributes and examples 89. 8:52:37 Create and append elements 90. 8:59:37 Product with title & discription practice 91. 9:05:12 Deal with childrens 92. 9:10:18 DOM events 93. 9:19:01 Validate form and prevent default 94. 9:28:51 Event simulation click, focus, blur 95. 9:33:13 Class list object and methods 96. 9:38:45 CSS styling 97. 9:45:23 Before, After, Prepend, Append, Remove 98. 9:49:51 DOM traversing 99. 9:54:39 DOM Cloning 100. 9:58:20 Add EventListener 101. 10:07:41 DOM challenge
0:36 What is new? 1:54 What is javascript. 2:49 What JS can do? 5:41 Content 6:45 What I need to learn? 9:06 How to study the course? 16:15 Setting up environment and tools 22:27 Work with chrome developer tools 27:43 Where to put the code? 32:10 Comments and bad practice 36:21 Output to srceen 42:37 Console methods and styling and web API 48:38 What is ECMAScript? 55:01 Data type and typeof operator 1:04:56 Variable introduction 1:11:11 Identifiers name convention & rules 1:15:02 Var, Let, Const compare 1:22:03 String syntax & Escape sequences 1:29:18 Concatenation 1:31:56 Template Literals (Template Strings) 1:39:54 Variables & Concatenation challenge 1:42:43 Arithmetic operators 1:50:55 Unary plus and negation operators 1:56:02 Type coercion 2:01:43 Assignment operators 2:04:42 Operators challenge 2:07:48 Number 2:14:44 Number methods 2:22:47 Math object 2:27:32 Number challenge 2:29:39 String methods part 1 2:37:51 String methods part 2 2:50:14 String methods part 3 3:02:56 String challenge 3:05:32 Comparison operators 3:11:51 Logical operators 3:16:18 If conditions 3:24:54 Nested if conditions 3:29:50 Conditional Ternary operator 3:36:51 Nullish coalescing operator & Logical Operators 3:41:10 If conditions challenge 3:43:43 Switch statement 3:49:33 Switch & If conditions challenge 3:52:50 Array Big introduction 4:00:40 Using lenght with array 4:06:10 Add and remove array 4:11:14 Add and remove array 4:16:35 Sorting array 4:19:35 Slicing array 4:26:33 Joining array 4:29:59 Array challenge 4:31:59 Loop For and concept fo Loop 4:39:47 Looping on sequences 4:47:43 Nested Loop and Training 4:52:03 Loop control-Break, Continue, Label 4:59:00 Loop for-advanced example 5:03:23 Practice add products to page 5:10:02 Loop while 5:14:47 Loop do - while 5:18:03 Loop challenge 5:21:17 Function intro and basic usage 5:29:15 Function advanced examples 5:35:21 Function return statement & use cases 5:42:28 Function default parameters 5:46:52 Function rest parameters 5:53:52 Function Ultimate Practice 6:05:13 Random arguments Function challenge 6:08:18 Anonymous Function and practice 6:16:44 Return Nested Function 6:23:01 Arrow Function syntax 6:28:57 Scope - Globale and Local 6:34:54 Scope - Block 6:29:29 Scope - Lexical 6:44:28 Arrow Function challenge 6:47:01 Higher order Function map 6:55:27 Higher order Function map practice 7:04:04 Higher order Function fillter 7:10:32 Higher order Function fillter practice 7:15:50 Higher order Function reduce 7:23:12 Higher order Function reduce practice 7:28:44 ForEach and practice 7:40:30 Higher order Function challenge 7:42:37 Object introduction 7:50:05 Dot notation vs Bracket notation 7:56:13 Nested Object and advanced examples 8:04:39 Create object with new keyword 8:08:48 This keyword 8:14:03 Create object with Create method 8:20:21 Create object with assign method 8:24:26 What is DOM ? and select elements 8:35:47 Get, Set elements Content and attributes 8:45:14 Check attributes and examples 8:52:37 Create and append elements 8:59:37 Product with title & discription practice 9:05:12 Deal with childrens 9:10:18 DOM events 9:19:01 Validate form and prevent default 9:28:51 Event simulation click, focus, blur 9:33:13 Class list object and methods 9:38:45 CSS styling 9:45:23 Before, After, Prepend, Append, Remove 9:49:51 DOM traversing 9:54:39 DOM Cloning 9:58:20 Add EventListener 10:07:41 DOM challenge
ربنا يباركلك يا استاذ أسامة أنا اتعلمت html ف اسبوع عشان كلها ف فديو واحد ٤ ساعات و اتعلمت css في أسبوعين الفديو بتاعها ١١ ساعة مع العلم اني بذاكر ساعة واحدة يوميا من الفديو و لسه هبدأ Javascript فبجد شكرا جدا وربنا يفتح عليك
you literally know the feelings of a beginner person . you repeat the same basics like setup of vs code etc for our ease , although you have did it in multiple videos . the teaching and clearing of each and every concept through examples is amazing way to let the beginner fall in love with your teaching . keep up this special way of teaching .
86. 8:24:26 What is DOM ? and select elements 87. 8:35:47 Get, Set elements Content and attributes 88. 8:45:14 Check attributes and examples 89. 8:52:37 Create and append elements 90. 8:59:37 Product with title & discription practice 91. 9:05:12 Deal with childrens 92. 9:10:18 DOM events 93. 9:19:01 Validate form and prevent default 94. 9:28:51 Event simulation click, focus, blur 95. 9:33:13 Class list object and methods 96. 9:38:45 CSS styling 97. 9:45:23 Before, After, Prepend, Append, Remove 98. 9:49:51 DOM traversing 99. 9:54:39 DOM Cloning 100. 9:58:20 Add EventListener 101. 10:07:41 DOM challenge
كل الحب و الاحترام أستاذ أسامة ، عصاميتك ملهمة لنا ، سلامي لك من أعماق بلاد المغرب ، شكرا لك على المجهودات الجبارة و نسأل الله تعالى أن يدخر لك الأجر و الثواب و أن يكفيك هموم الحياة
Q4 answer console.log(my[++zero][++counter].concat(my[zero][my.length - zero].toUpperCase())); ملاحظة بخصوص الحل : لو حليت كل سؤال في كود منفصل الحل ممكن يكون مختلف فيما لو قمت بحل جميع التمارين في كود واحد لأن قيم المتغيرات ستتبدل مع كل تشغيل لأي سطر برمجي
بسم الله توكلنا على الله 🌹❤️ ربنا يباركلك يا استاذ أسامة على الشرح الجميل والجودة العالية سواء في الفيديو أو شرح المعلومة أو الإخلاص في توصيل المعلومة شكرا جزيلا 🌹
ماشاء الله عليك عمي اسامة احب شروحاتك للدروس وطريقة تعاملك مع المواضيع. لعلمك عندما استصعب فهم شيئا من كثرة تعبي واستيعاب الكثير من المعلومات احاول ان اجد مصدرا آخر لاإستيعاب الفكرة بطريقة اخرى. لكن دائما ما اجد معلومات ضيقة الافق. تحياتي لك اسأل الله ان يفتح لك ابواب الجنة وان يرزقك السلامة والعافية
1. 0:36 Introduction And What Is JavaScript ? 2. 9:04 How To Study The Course ? 3. 16:15 Setting up environment and tools 4. 22:27 Work with chrome developer tools 5. 27:43 Where to put the code? 6. 32:10 Comments and bad practice 7. 36:21 Output to screen 8. 42:37 Console methods and styling and web API 9. 48:38 What is ECMAScript?
10. 55:01 Data type and typeof operator 11. 1:04:56 Variable introduction 12. 1:11:11 Identifiers name convention & rules 13. 1:15:02 Var, Let, Const compare 14. 1:22:03 String syntax & Escape 15. 1:29:18 Concatenation 16. 1:31:56 Template Literals (Template Strings) 17. 1:39:54 Variables & Concatenation challenge 18. 1:42:43 Arithmetic operators 19. 1:50:55 Unary plus and negation operators 20. 1:56:02 Type coercion 21. 2:01:43 Assignment operators 22. 2:04:42 Operators challenge 23. 2:07:48 Number 24. 2:14:44 Number methods 25. 2:22:47 Math object 26. 2:27:32 Number challenge 27. 2:29:39 String methods part 1 28. 2:37:51 String methods part 2 29. 2:50:14 String methods part 3 30. 3:02:56 String challenge 31. 3:05:32 Comparison operators 32. 3:11:51 Logical operators 33. 3:16:18 If conditions 34. 3:24:54 Nested if conditions 35. 3:29:50 Conditional Ternary operator 36. 3:36:51 Nullish coalescing operator & Logical Operators 37. 3:41:10 If conditions challenge 38. 3:43:43 Switch statement 39. 3:49:33 Switch & If conditions challenge 40. 3:52:50 Array Big introduction 41. 4:00:40 Using lenght with array 42. 4:06:10 Add and remove array 43. 4:11:14 Add and remove array 44. 4:16:35 Sorting array 45. 4:19:35 Slicing array 46. 4:26:33 Joining array 47. 4:29:59 Array challenge 48. 4:31:59 Loop For and concept fo Loop 49. 4:39:47 Looping on sequences 50. 4:47:43 Nested Loop and Training 51. 4:52:03 Loop control-Break, Continue, Label 52. 4:59:00 Loop for-advanced example 53. 5:03:23 Practice add products to page 54. 5:10:02 Loop while 55. 5:14:47 Loop do - while 56. 5:18:03 Loop challenge 57. 5:21:17 Function intro and basic usage 58. 5:29:15 Function advanced examples 59. 5:35:21 Function return statement & use cases 60. 5:42:28 Function default parameters 61. 5:46:52 Function rest parameters 62. 5:53:52 Function Ultimate Practice 63. 6:05:13 Random arguments Function challenge 64. 6:08:18 Anonymous Function and practice 65. 6:16:44 Return Nested Function 66. 6:23:01 Arrow Function syntax 67. 6:28:57 Scope - Globale and Local 68. 6:34:54 Scope - Block 69. 6:29:29 Scope - Lexical 70. 6:44:28 Arrow Function challenge 71. 6:47:01 Higher order Function map 72. 6:55:27 Higher order Function map practice 73. 7:04:04 Higher order Function fillter 74. 7:10:32 Higher order Function fillter practice 75. 7:15:50 Higher order Function reduce 76. 7:23:12 Higher order Function reduce practice 77. 7:28:44 ForEach and practice 78. 7:40:30 Higher order Function challenge 79. 7:42:37 Object introduction 80. 7:50:05 Dot notation vs Bracket notation 81. 7:56:13 Nested Object and advanced examples 82. 8:04:39 Create object with new keyword 83. 8:08:48 This keyword 84. 8:14:03 Create object with Create method 85. 8:20:21 Create object with assign method 86. 8:24:26 What is DOM ? and select elements 87. 8:35:47 Get, Set elements Content and attributes 88. 8:45:14 Check attributes and examples 89. 8:52:37 Create and append elements 90. 8:59:37 Product with title & discription practice 91. 9:05:12 Deal with childrens 92. 9:10:18 DOM events 93. 9:19:01 Validate form and prevent default 94. 9:28:51 Event simulation click, focus, blur 95. 9:33:13 Class list object and methods 96. 9:38:45 CSS styling 97. 9:45:23 Before, After, Prepend, Append, Remove 98. 9:49:51 DOM traversing 99. 9:54:39 DOM Cloning 100. 9:58:20 Add EventListener 101. 10:07:41 DOM challenge
Numbers Challenge: let a = 1_00; let b = 2_00.5; let c = 1e2; let d = 2.4; //find the smallest in all variables and return integer: console.log(Number.parseInt(Math.min(a,b,c,d))); //use variable a + d one time get needed output => 1000 console.log(a * Number.parseInt(Math.pow(d, 2)) * 2); //get integer "2" from d variable with 4 methods: console.log(Number.parseInt(d)); console.log(Math.round(d)); console.log(Math.floor(d)); console.log(Math.trunc(d)); //use variables b + d to get this values => 66.67 as a string and 67 as number: let str = parseInt(b) / parseInt(d * 1.5); console.log(str.toFixed(2));
حاجة روعة ان في دورة باللغة العربية بهذا الحجم وغنية بالتفاصيل بهذا الشكل . جاي هنا اراجع الجافاسكربت وكنت اتمنى لو في روابط مصغرة للفيديو نفسة يوديني على اجزا الدورة بحيث اختار الجزء الي حابب اشوفة واتخطي الي شايف اني فاهمة .
📌من طرائف الإمام الألبانى رحمه الله: ذات مرة وهو مريض ودخل عليه أحد الاطباء ليعالجه وكان الطبيب حليق اللحية وبعد أن أعطى الدواء للشيخ وهم بالإنصراف قال: ادع الله لي ياشيخ فقال الألباني رحمه الله:- جملك الله بما جمل به الرجال من كتاب الإمام الألباني دروس ومواقف وعبر صفحة رقم 96
for the last part of the challenge u can use this solution function customFun(v) { return ( v.charAt(0).toLowerCase() + v.slice(1, v.length - 1).toUpperCase() + v.charAt(v.length - 1) ); } console.log(customFun(a));
يعطيك الف عافية أستاذ ،يا ريت لو تنزل فيديوهات عن backend كمان في كتير صفحات ولكن شرحك غير الكل كتير بدي اتعلمو من حضرتك وشكرا ع كل شي ، كل شي بفضلك .🙏🙏
2:06:50 Operators Challenges /* Challenge 1 */ let a = 10; let b = "20"; let c = 80; // a = 12, b = 22, c = 81 console.log(++a + +b++ + +c++ - +a++); // 11 + 20 + 80 - 11 = 100 console.log(++a + -b + +c++ - -a++ + +a); // 13 - 21 + 81 + 13 + 14 = 100 console.log(--c + +b + --a * +b++ - +b * a + --a - +true); // 81 + 21 + 13 * 21 - 22 * 13 + 12 - + 1 = 100 /* [++a] [+] [++a] - Value: 11 - Explain: Pre-increment (increment the value first, then print it) [+] - Explain: this operator make two action 1- we can use it to make addition 2- used to convert the value from a specific type to number value / type */ /* Challenge 2 */ let d = "-100"; let e = "20"; let f = 30; let g = true; // Only Use Variables Value // Do Not Use Variable Twice console.log(-d * 10 + (+e + f) * 10 + +g * 500); // 2000 console.log(-d + +e * 2 + f + g * 3); // 173
بشمهندس اسامه انا نفسي اقابل حضرتك مره واحده في حياتي عشان ابوس دماغك رزقك الله الفردوس الأعلي بدون سابقة عذاب او حساب وجعلك من اوائل الشاربين من أيدي رسول الله
![[Arabic] Learn JavaScript In One Video - Part Two](http://i.ytimg.com/vi/FKrfis1W1tk/mqdefault.jpg)
![[Arabic] Learn JavaScript In One Video - Part Two](/img/tr.png)
الوقت مترقم بعدد الدروس
1. 0:36 Introduction And What Is JavaScript ?
2. 9:04 How To Study The Course ?
3. 16:15 Setting up environment and tools
4. 22:27 Work with chrome developer tools
5. 27:43 Where to put the code?
6. 32:10 Comments and bad practice
7. 36:21 Output to screen
8. 42:37 Console methods and styling and web API
9. 48:38 What is ECMAScript?
10. 55:01 Data type and typeof operator
11. 1:04:56 Variable introduction
12. 1:11:11 Identifiers name convention & rules
13. 1:15:02 Var, Let, Const compare
14. 1:22:03 String syntax & Escape
15. 1:29:18 Concatenation
16. 1:31:56 Template Literals (Template Strings)
17. 1:39:54 Variables & Concatenation challenge
18. 1:42:43 Arithmetic operators
19. 1:50:55 Unary plus and negation operators
20. 1:56:02 Type coercion
21. 2:01:43 Assignment operators
22. 2:04:42 Operators challenge
23. 2:07:48 Number
24. 2:14:44 Number methods
25. 2:22:47 Math object
26. 2:27:32 Number challenge
27. 2:29:39 String methods part 1
28. 2:37:51 String methods part 2
29. 2:50:14 String methods part 3
30. 3:02:56 String challenge
31. 3:05:32 Comparison operators
32. 3:11:51 Logical operators
33. 3:16:18 If conditions
34. 3:24:54 Nested if conditions
35. 3:29:50 Conditional Ternary operator
36. 3:36:51 Nullish coalescing operator & Logical Operators
37. 3:41:10 If conditions challenge
38. 3:43:43 Switch statement
39. 3:49:33 Switch & If conditions challenge
40. 3:52:50 Array Big introduction
41. 4:00:40 Using lenght with array
42. 4:06:10 Add and remove array
43. 4:11:14 Add and remove array
44. 4:16:35 Sorting array
45. 4:19:35 Slicing array
46. 4:26:33 Joining array
47. 4:29:59 Array challenge
48. 4:31:59 Loop For and concept fo Loop
49. 4:39:47 Looping on sequences
50. 4:47:43 Nested Loop and Training
51. 4:52:03 Loop control-Break, Continue, Label
52. 4:59:00 Loop for-advanced example
53. 5:03:23 Practice add products to page
54. 5:10:02 Loop while
55. 5:14:47 Loop do - while
56. 5:18:03 Loop challenge
57. 5:21:17 Function intro and basic usage
58. 5:29:15 Function advanced examples
59. 5:35:21 Function return statement & use cases
60. 5:42:28 Function default parameters
61. 5:46:52 Function rest parameters
62. 5:53:52 Function Ultimate Practice
63. 6:05:13 Random arguments Function challenge
64. 6:08:18 Anonymous Function and practice
65. 6:16:44 Return Nested Function
66. 6:23:01 Arrow Function syntax
67. 6:28:57 Scope - Globale and Local
68. 6:34:54 Scope - Block
69. 6:29:29 Scope - Lexical
70. 6:44:28 Arrow Function challenge
71. 6:47:01 Higher order Function map
72. 6:55:27 Higher order Function map practice
73. 7:04:04 Higher order Function fillter
74. 7:10:32 Higher order Function fillter practice
75. 7:15:50 Higher order Function reduce
76. 7:23:12 Higher order Function reduce practice
77. 7:28:44 ForEach and practice
78. 7:40:30 Higher order Function challenge
79. 7:42:37 Object introduction
80. 7:50:05 Dot notation vs Bracket notation
81. 7:56:13 Nested Object and advanced examples
82. 8:04:39 Create object with new keyword
83. 8:08:48 This keyword
84. 8:14:03 Create object with Create method
85. 8:20:21 Create object with assign method
86. 8:24:26 What is DOM ? and select elements
87. 8:35:47 Get, Set elements Content and attributes
88. 8:45:14 Check attributes and examples
89. 8:52:37 Create and append elements
90. 8:59:37 Product with title & discription practice
91. 9:05:12 Deal with childrens
92. 9:10:18 DOM events
93. 9:19:01 Validate form and prevent default
94. 9:28:51 Event simulation click, focus, blur
95. 9:33:13 Class list object and methods
96. 9:38:45 CSS styling
97. 9:45:23 Before, After, Prepend, Append, Remove
98. 9:49:51 DOM traversing
99. 9:54:39 DOM Cloning
100. 9:58:20 Add EventListener
101. 10:07:41 DOM challenge
up
بارك الله فيك وجازك الله خيرا
شكرا للبشمهدس اسامه علي المجهود الرائع
شكرا علي الوقت و المجهود في كتابه الوقت جزاك الله خير ❤
كتب الله لك الأجر
بارك الله فيك على هذا المجهود
0:36 What is new?
1:54 What is javascript.
2:49 What JS can do?
5:41 Content
6:45 What I need to learn?
9:06 How to study the course?
16:15 Setting up environment and tools
22:27 Work with chrome developer tools
27:43 Where to put the code?
32:10 Comments and bad practice
36:21 Output to srceen
42:37 Console methods and styling and web API
48:38 What is ECMAScript?
55:01 Data type and typeof operator
1:04:56 Variable introduction
1:11:11 Identifiers name convention & rules
1:15:02 Var, Let, Const compare
1:22:03 String syntax & Escape sequences
1:29:18 Concatenation
1:31:56 Template Literals (Template Strings)
1:39:54 Variables & Concatenation challenge
1:42:43 Arithmetic operators
1:50:55 Unary plus and negation operators
1:56:02 Type coercion
2:01:43 Assignment operators
2:04:42 Operators challenge
2:07:48 Number
2:14:44 Number methods
2:22:47 Math object
2:27:32 Number challenge
2:29:39 String methods part 1
2:37:51 String methods part 2
2:50:14 String methods part 3
3:02:56 String challenge
3:05:32 Comparison operators
3:11:51 Logical operators
3:16:18 If conditions
3:24:54 Nested if conditions
3:29:50 Conditional Ternary operator
3:36:51 Nullish coalescing operator & Logical Operators
3:41:10 If conditions challenge
3:43:43 Switch statement
3:49:33 Switch & If conditions challenge
3:52:50 Array Big introduction
4:00:40 Using lenght with array
4:06:10 Add and remove array
4:11:14 Add and remove array
4:16:35 Sorting array
4:19:35 Slicing array
4:26:33 Joining array
4:29:59 Array challenge
4:31:59 Loop For and concept fo Loop
4:39:47 Looping on sequences
4:47:43 Nested Loop and Training
4:52:03 Loop control-Break, Continue, Label
4:59:00 Loop for-advanced example
5:03:23 Practice add products to page
5:10:02 Loop while
5:14:47 Loop do - while
5:18:03 Loop challenge
5:21:17 Function intro and basic usage
5:29:15 Function advanced examples
5:35:21 Function return statement & use cases
5:42:28 Function default parameters
5:46:52 Function rest parameters
5:53:52 Function Ultimate Practice
6:05:13 Random arguments Function challenge
6:08:18 Anonymous Function and practice
6:16:44 Return Nested Function
6:23:01 Arrow Function syntax
6:28:57 Scope - Globale and Local
6:34:54 Scope - Block
6:29:29 Scope - Lexical
6:44:28 Arrow Function challenge
6:47:01 Higher order Function map
6:55:27 Higher order Function map practice
7:04:04 Higher order Function fillter
7:10:32 Higher order Function fillter practice
7:15:50 Higher order Function reduce
7:23:12 Higher order Function reduce practice
7:28:44 ForEach and practice
7:40:30 Higher order Function challenge
7:42:37 Object introduction
7:50:05 Dot notation vs Bracket notation
7:56:13 Nested Object and advanced examples
8:04:39 Create object with new keyword
8:08:48 This keyword
8:14:03 Create object with Create method
8:20:21 Create object with assign method
8:24:26 What is DOM ? and select elements
8:35:47 Get, Set elements Content and attributes
8:45:14 Check attributes and examples
8:52:37 Create and append elements
8:59:37 Product with title & discription practice
9:05:12 Deal with childrens
9:10:18 DOM events
9:19:01 Validate form and prevent default
9:28:51 Event simulation click, focus, blur
9:33:13 Class list object and methods
9:38:45 CSS styling
9:45:23 Before, After, Prepend, Append, Remove
9:49:51 DOM traversing
9:54:39 DOM Cloning
9:58:20 Add EventListener
10:07:41 DOM challenge
Thank Youuu
ربنا يكرمك ، أزاى نقدر تبعت الكومنت ده للباشمهندس يثبته أو يضيفه فى وصف الفديو ؟
🤍🤍🤍🤍🤍🤍🤍🤍🤍🤍🤍
🤍
🤍
الله يباركلك الواحد قاعد بيسمع الشرح مستمتع بطريقه مش طبيعيه ربنا يجعله في ميزان حسانتك
بعد إذنك هو المقطع دا شرح فقط ولا فيه واجبات و حل ؟
قال الله تعالى: قال الله تعالى: {وَلا تَقُولَنَّ لِشَيْءٍ إِنِّي فَاعِلٌ ذَلِكَ غَدًا * إِلَّا أَنْ يَشَاءَ اللَّهُ وَاذْكُرْ رَبَّكَ إِذَا نَسِيتَ وَقُلْ عَسَى أَنْ يَهْدِيَنِ رَبِّي لِأَقْرَبَ مِنْ هَذَا رَشَدًا}
ربنا يباركلك يا استاذ أسامة
أنا اتعلمت html ف اسبوع عشان كلها ف فديو واحد ٤ ساعات و اتعلمت css في أسبوعين الفديو بتاعها ١١ ساعة مع العلم اني بذاكر ساعة واحدة يوميا من الفديو و لسه هبدأ Javascript فبجد شكرا جدا وربنا يفتح عليك
ساعة واحد وخلصت css بي اسبوعين؟؟ مو بس تدرس اكواد لازم تعنل مشاريع لترسخ براسك
@@mohamadakkari1371 انا اتعلمتها في اسبوعين ونص وعملت مشروعين كل ال شافوهوم ضربو بهم المثل .....ف عادي مش اعجاز يعني
@@kareem- معنها راجع نفسك
@@kareem- صدقني لو
تقدم للشركة ويسالوك رح تفشل
@@محمدعكاري-ص4د مش فاهم
والله اللى انت بتعمله دا يستاهل وقفة مع تعظيم سلام ليك يبشمهندس على المجهود العالى دا❤
اول حاجه احب اني اشكرا حضرتك انا لسه مخلص كورس html وحضرتك انسان محترم وتستحق كل خير ربنا يجعلوا في ميزان حسناتك
بقدر احضر الجافا سكربت وانا مالي حضران ال css
@@alaashawa1830 لا هتبقى زى اطرش فى الزفه
ينفع الكورس لل 2024 ولا في تحديثات جديدة ؟؟
1:42:29
solution :
let is_title, is_description, is_date;
is_itle= "elzero";
is_description= "elzero description";
is_date= "25/10";
let container= `
Hello ${is_itle}
${is_description}
${is_date}
`
document.write(`${container.repeat(4)}`);
اعتقد هيبقي افضل لو حطيت الحل بتاعك علي الدرس بتاع التحدي المنفصل وهتلاقي هناك حلول الناس التانيه عشان تستفاد او الناس تصححلك لو في حاجه غلط
موجود فين دا؟
@@ayakhaled5214 سهله شوفي عنوان الفيديو بتاع التحدي وابحثي عنه علي يوتيوب هتلاقي الفيديو منفصل
شكرًا، الله يجزاك خير.
محتاج اقولك شكرا لحضرتك قبل ما انام انا مغرم بحضرتك وبمستر ابراهيم عادل انا بتابع الفديو المجمع دة خلصت ساعه ومكمل قولت اقول شكرا
بتذاكر ازاي من ابراهيم عادل
you literally know the feelings of a beginner person . you repeat the same basics like setup of vs code etc for our ease , although you have did it in multiple videos . the teaching and clearing of each and every concept through examples is amazing way to let the beginner fall in love with your teaching . keep up this special way of teaching .
86. 8:24:26 What is DOM ? and select elements
87. 8:35:47 Get, Set elements Content and attributes
88. 8:45:14 Check attributes and examples
89. 8:52:37 Create and append elements
90. 8:59:37 Product with title & discription practice
91. 9:05:12 Deal with childrens
92. 9:10:18 DOM events
93. 9:19:01 Validate form and prevent default
94. 9:28:51 Event simulation click, focus, blur
95. 9:33:13 Class list object and methods
96. 9:38:45 CSS styling
97. 9:45:23 Before, After, Prepend, Append, Remove
98. 9:49:51 DOM traversing
99. 9:54:39 DOM Cloning
100. 9:58:20 Add EventListener
101. 10:07:41 DOM challenge
الله يباركلك . ربنا يجعله في ميزان حسانتك
فهمتها 600٪ والحمدلله هذا بفضل الله و بفضلك يا أستاذ المحترم
اعطينا نصيحة كم اخذت منك وقت وشو احسن طريقة لدراستها؟
ua-cam.com/video/Lt3mJn2qC6A/v-deo.html
بفضل الله ثم بفضل الاستاذ
الصحيح قول هذا بفضل الله ثم فضلك يا فلان "لا ينبغي مساوات فضل الله بغيره او مساوات الله بمن دونه" وجزاك الله خير
كل الحب و الاحترام أستاذ أسامة ، عصاميتك ملهمة لنا ، سلامي لك من أعماق بلاد المغرب ، شكرا لك على المجهودات الجبارة و نسأل الله تعالى أن يدخر لك الأجر و الثواب و أن يكفيك هموم الحياة
اعماق يعني تحت الارض؟ صح انكن شعب همجي كانو طالع من سابع ارض حتى وجوهكن تشبه الاقزام وكل وجه بشكل
في منتصف الCSS وجاء الفيديو في وقته, مشكور جدا يا باش زيرو وان شاء الله نكمل للاخر 🔥
@@AmineFullStack اكيد نتدرب بالاول
الزيرو رقم واحد ربنا يزيدك من نعيمه الله
اكتر حاجة عجبتني في الكورس دا هو ((Function و if و else بحد الحاجاة دي بتستعمل في مجالات كتير
المعنى الحقيقي لكلمة " أستاذ " . والله العظيم أنت الافضل ❤
مجهود كبير جداً جداً ربنا يجازيك كل خير و يجعله في ميزان حسناتك
برجاء عمل تقسيم لاجزاء الفيديو ( Time Stamp ) بارك الله فيك استاذنا الفاضل
Q4 answer
console.log(my[++zero][++counter].concat(my[zero][my.length - zero].toUpperCase()));
ملاحظة بخصوص الحل : لو حليت كل سؤال في كود منفصل الحل ممكن يكون مختلف فيما لو قمت بحل جميع التمارين في كود واحد لأن قيم المتغيرات ستتبدل مع كل تشغيل لأي سطر برمجي
مجهود كبير جدا جدا يا بشمهندس اسامة.
ربنا يباركلك ويعطيك كل الخير دايما يارب.
بسم الله توكلنا على الله 🌹❤️
ربنا يباركلك يا استاذ أسامة على الشرح الجميل والجودة العالية سواء في الفيديو أو شرح المعلومة أو الإخلاص في توصيل المعلومة
شكرا جزيلا 🌹
الله يسعدك في الدنيا وفي الآخرة❤️❤️❤️❤️
جزاك الله تعالى كل الخير ❤️ بإنتظار كورس React
الله يجزيك الخير المصريين اطيب ناس
حمدالله الله يفتحا عليك وينورلك طريق 🙏
يعطيك الف عافية على الشرح الواضح و البسيط اللي مافيه اي تعقيد توصل المعلومه غصب الف شكر يابشمهندس :)❤
ولله لسا صبح صاحي قلت يا ريت لو كورس الجافا سجريبت ف فيديو واحد كدة دخلت لمسا لقيت الفيديو نزل ♥️
ماشاء الله عليك عمي اسامة احب شروحاتك للدروس وطريقة تعاملك مع المواضيع. لعلمك عندما استصعب فهم شيئا من كثرة تعبي واستيعاب الكثير من المعلومات احاول ان اجد مصدرا آخر لاإستيعاب الفكرة بطريقة اخرى. لكن دائما ما اجد معلومات ضيقة الافق. تحياتي لك اسأل الله ان يفتح لك ابواب الجنة وان يرزقك السلامة والعافية
بارك الله فيك أستاذنا أسامة
♥
جزيت خيرا ورفع الله قدرك رفعة تتعجب فيها من كرم الله
1. 0:36 Introduction And What Is JavaScript ?
2. 9:04 How To Study The Course ?
3. 16:15 Setting up environment and tools
4. 22:27 Work with chrome developer tools
5. 27:43 Where to put the code?
6. 32:10 Comments and bad practice
7. 36:21 Output to screen
8. 42:37 Console methods and styling and web API
9. 48:38 What is ECMAScript?
10. 55:01 Data type and typeof operator
11. 1:04:56 Variable introduction
12. 1:11:11 Identifiers name convention & rules
13. 1:15:02 Var, Let, Const compare
14. 1:22:03 String syntax & Escape
15. 1:29:18 Concatenation
16. 1:31:56 Template Literals (Template Strings)
17. 1:39:54 Variables & Concatenation challenge
18. 1:42:43 Arithmetic operators
19. 1:50:55 Unary plus and negation operators
20. 1:56:02 Type coercion
21. 2:01:43 Assignment operators
22. 2:04:42 Operators challenge
23. 2:07:48 Number
24. 2:14:44 Number methods
25. 2:22:47 Math object
26. 2:27:32 Number challenge
27. 2:29:39 String methods part 1
28. 2:37:51 String methods part 2
29. 2:50:14 String methods part 3
30. 3:02:56 String challenge
31. 3:05:32 Comparison operators
32. 3:11:51 Logical operators
33. 3:16:18 If conditions
34. 3:24:54 Nested if conditions
35. 3:29:50 Conditional Ternary operator
36. 3:36:51 Nullish coalescing operator & Logical Operators
37. 3:41:10 If conditions challenge
38. 3:43:43 Switch statement
39. 3:49:33 Switch & If conditions challenge
40. 3:52:50 Array Big introduction
41. 4:00:40 Using lenght with array
42. 4:06:10 Add and remove array
43. 4:11:14 Add and remove array
44. 4:16:35 Sorting array
45. 4:19:35 Slicing array
46. 4:26:33 Joining array
47. 4:29:59 Array challenge
48. 4:31:59 Loop For and concept fo Loop
49. 4:39:47 Looping on sequences
50. 4:47:43 Nested Loop and Training
51. 4:52:03 Loop control-Break, Continue, Label
52. 4:59:00 Loop for-advanced example
53. 5:03:23 Practice add products to page
54. 5:10:02 Loop while
55. 5:14:47 Loop do - while
56. 5:18:03 Loop challenge
57. 5:21:17 Function intro and basic usage
58. 5:29:15 Function advanced examples
59. 5:35:21 Function return statement & use cases
60. 5:42:28 Function default parameters
61. 5:46:52 Function rest parameters
62. 5:53:52 Function Ultimate Practice
63. 6:05:13 Random arguments Function challenge
64. 6:08:18 Anonymous Function and practice
65. 6:16:44 Return Nested Function
66. 6:23:01 Arrow Function syntax
67. 6:28:57 Scope - Globale and Local
68. 6:34:54 Scope - Block
69. 6:29:29 Scope - Lexical
70. 6:44:28 Arrow Function challenge
71. 6:47:01 Higher order Function map
72. 6:55:27 Higher order Function map practice
73. 7:04:04 Higher order Function fillter
74. 7:10:32 Higher order Function fillter practice
75. 7:15:50 Higher order Function reduce
76. 7:23:12 Higher order Function reduce practice
77. 7:28:44 ForEach and practice
78. 7:40:30 Higher order Function challenge
79. 7:42:37 Object introduction
80. 7:50:05 Dot notation vs Bracket notation
81. 7:56:13 Nested Object and advanced examples
82. 8:04:39 Create object with new keyword
83. 8:08:48 This keyword
84. 8:14:03 Create object with Create method
85. 8:20:21 Create object with assign method
86. 8:24:26 What is DOM ? and select elements
87. 8:35:47 Get, Set elements Content and attributes
88. 8:45:14 Check attributes and examples
89. 8:52:37 Create and append elements
90. 8:59:37 Product with title & discription practice
91. 9:05:12 Deal with childrens
92. 9:10:18 DOM events
93. 9:19:01 Validate form and prevent default
94. 9:28:51 Event simulation click, focus, blur
95. 9:33:13 Class list object and methods
96. 9:38:45 CSS styling
97. 9:45:23 Before, After, Prepend, Append, Remove
98. 9:49:51 DOM traversing
99. 9:54:39 DOM Cloning
100. 9:58:20 Add EventListener
101. 10:07:41 DOM challenge
يعجز اللسان عن تعبير الشكر ... ربنا يجزيك خير ويصرف عنك كل شر ويعوضك خير ويفرحك بحبايبك اللهم آمين
الله الله عليك يباشزيرو والله لو تعلم كم انتظرته
ربتا يباركلك يارب ويجعله في ميزان حسناتك ❤🥰.
ننتظر هذا الدرس بفارغ الصبر تحياتي لك استاذ اسامة ❤️
ربنا يبارك فيك ويجازيك عنا كل خير يابشمهندس اسامه ان شاء الله هخلص css وبدأ jv
محد مهتم
ربنا يباركلك و يحفظك و يُسكنك فسيح جنّاته🤍
وربنا احلى حاجة عملتها التجميعة دى...
جزاكم الله خيرا
انا خلصت 5 ساعات ولحد دلوقتي حاسس اني بتعلم بايثون بإختلاف الsyntax
،.. Thanks eng~ Osama elzero 🙏
جزاك الله كل خير وارجو عمل فيديو عن مهارة حل المشكلات
ماشاء الله يعطيك الصحة ونعم الاستاذ
مبدع بكل ماتعنيه الكلمه شكراااااا الف شكر والله
اخيرا يا هندسه هوا ده اللي كنت مستنيه❤️
Numbers Challenge:
let a = 1_00;
let b = 2_00.5;
let c = 1e2;
let d = 2.4;
//find the smallest in all variables and return integer:
console.log(Number.parseInt(Math.min(a,b,c,d)));
//use variable a + d one time get needed output => 1000
console.log(a * Number.parseInt(Math.pow(d, 2)) * 2);
//get integer "2" from d variable with 4 methods:
console.log(Number.parseInt(d));
console.log(Math.round(d));
console.log(Math.floor(d));
console.log(Math.trunc(d));
//use variables b + d to get this values => 66.67 as a string and 67 as number:
let str = parseInt(b) / parseInt(d * 1.5);
console.log(str.toFixed(2));
console.log(Math.round(str));
a huge amount of love to u Sir Osama ❤❤❤❤❤❤
اية الحلاوة دي 🌹🌹❤️
اعملنا python في فيديو واحد كمان بقا و كمل جميلك يا استاذنا 🔥❤️
عنيا
@@ElzeroWebSchool والله يا بشمهندس قناتك طاقة ايجابية انا بدخل عشان اتفرج علي فيديوهات حتي لو مش حستفيد منها حاجة في مجالي
❤❤❤❤❤شكرا كتير لكلشي عم تقدمو ويجعلو بميزان حسناتك
جزاك الله عنا خير الجزاء ورفع الله قدرك في الدارين ❤❤❤❤❤❤❤❤❤
منتضرين كثر ..................شكرآآآآآآآآآآآآآآآآآآآآآآ ♥♥💻💻♥♥♥♥♥♥💻💻🔥🔥🎉🎉✔✔
اجمد بشمهندس ربنا يبركلك♥♥
موفق أن شاء الله يا هندسه. وموفقون كل الدارسين إن شاء الله
جاء في الوقت المناسب جزاك الله خيرا ♥♥
الفيديو المنتظر,, وجاري العمل علي مرجع كامل للفيديو ده يفيد اي حد هيخلص الفيديو,,, ربنا يوفقك ويجعله في ميزان حسناتك❤❤❤
اذا عملت المرجع بتمنا تشاركوا معنا
@@Sabah_nour للاسف الكمبيوتر باظ ولسه مش هعرف اغيره دلوقت، اللي جاهز معايا html وcss
@@AhmedAdel-tp6py هو حاليا المرجع المتوفر 😢
شكرا علي مجهودك❤
مًنِ مًر صّـدٍفُـة فَـليُصَـلّي عٌلَأّأّلَنِبًيّ{ﷺ } ✨
اللهم صل وسلم وبارك على سيدنا محمد وعلى آله واصحابه وأزواجه وأمته بعدد خلقك ورضا نفسك وزنة عرشك ومداد كلماتك وسبحان ملكوتك العظيم وكما تحب وترضي ❤️❤️
عليه افضل الصلاة والسلام ❤️
عليه الصلاة و السلام 🙏❤🙏❤🙏❤🙏❤✌
اللهم صل وسلم وبارك على سيدنا وحبيبنا ونبينا الرؤوف الرحيم عبدك أحمد وعلى آله وصحبه وسلم تسليما كثيرا طيبا مباركا فيه
صلوا على رسول الله ❤
يا ليت يا أخ اسامه لو تعمل لها تقسيم للوقت حسب الموضوعات يكون ممتاز جدا
حاجة روعة ان في دورة باللغة العربية بهذا الحجم وغنية بالتفاصيل بهذا الشكل .
جاي هنا اراجع الجافاسكربت وكنت اتمنى لو في روابط مصغرة للفيديو نفسة يوديني على اجزا الدورة بحيث اختار الجزء الي حابب اشوفة واتخطي الي شايف اني فاهمة .
موجود ف اول كومنت
ربنا يبارك في حضرتك يا هندسة❤
مجهود كبير جداً, شكراً لك وربنا يجزيك ألف خير
الف الف شكر مجهود جميل وبارك الله فيك -- نتمني باقي الكورسات تتجمع في فيديوهات زي دي يا باشا مهندس
Teacher Osama Elzero you were and still are such a great impact in my coding Journey. Best tutorial series and playlists ever!
we neeeeeeedd more people like you
افضل كورس عربي ❤ بس اخر اخنبار صعب شويه 👍
لايك من قبل ما اتفرج ♥ اكيد عظمه كلعاده 🤍
📌من طرائف الإمام الألبانى رحمه الله:
ذات مرة وهو مريض ودخل عليه أحد الاطباء ليعالجه وكان الطبيب حليق اللحية وبعد أن أعطى الدواء للشيخ وهم بالإنصراف قال:
ادع الله لي ياشيخ
فقال الألباني رحمه الله:-
جملك الله بما جمل به الرجال
من كتاب الإمام الألباني دروس ومواقف وعبر
صفحة رقم 96
شكرا لحضرتك علي المجهود
for the last part of the challenge u can use this solution
function customFun(v) {
return (
v.charAt(0).toLowerCase() +
v.slice(1, v.length - 1).toUpperCase() +
v.charAt(v.length - 1)
);
}
console.log(customFun(a));
افضل شرح وافضل قناة بارك الله بك وجعلها في ميزان حسناتك ❤️
تحيات للأستاذ أسامة أتمنى لك الصحة والسلامة عيد مبارك كل عام وانتم بخير أعاده الله عليكم في اليمن والبركات
بسم الله ما شاء الله ،، مجهود جبار يا زيرو ربنا يبارك فى حضرتك 🌹🌹🌹
Operators Challenge 2 solution:
let d = "-100";
let e = "20";
let f = 30;
let g = true;
console.log(-d * e - f % g) = 2000✓
جزاك الله خيرا
يعطيك الف عافية أستاذ ،يا ريت لو تنزل فيديوهات عن backend كمان في كتير صفحات ولكن شرحك غير الكل كتير بدي اتعلمو من حضرتك وشكرا ع كل شي ، كل شي بفضلك .🙏🙏
ياليت في توقيت في الفديوهات تسهل عملية التنقل في فديو مدتة عشر ساعات ومشكور على الجهود الطيبه في هذه القناة
شكرا جدا يا بشمهندس على مجهود حضرتك
congratulations for one million sub. and i m proud being on of them
masha Allah for everything brother!
صلوا على النبي ♥️
تسلم ايدك يا هندسة وربنا يبارك فيك يارب
عجبني شرح ال if conditions
ربنا يبارك فيك و يجعلهم صدقة جارية
ربنا يحفظك استاذ اسامه ربنا يجعلك خير للامه الاسلاميه يارب العالمين ❤❤❤
اللهم صلي وسلم على نبينا محمد و على آله و صحبه أجمعين
شكرًا يا أسامه 🌹🌺
شكرا لحضرتك علي المجهود الكبير ده ربنا يزيدك من فضله
بجد يابشمعندس تسلم بعد اذنك عايزين البايثون كمان واي المكتبات المهمه فيها
بارك الله فيك .ربنا يحفظك
جزاك الله خيرا وربنا يرفع قدرك
جزاك الله خيرا يا بشمهندس ♥♥
بارك الله فيك يا هندسة
2:06:50
Operators Challenges
/*
Challenge 1
*/
let a = 10;
let b = "20";
let c = 80;
// a = 12, b = 22, c = 81
console.log(++a + +b++ + +c++ - +a++); // 11 + 20 + 80 - 11 = 100
console.log(++a + -b + +c++ - -a++ + +a); // 13 - 21 + 81 + 13 + 14 = 100
console.log(--c + +b + --a * +b++ - +b * a + --a - +true); // 81 + 21 + 13 * 21 - 22 * 13 + 12 - + 1 = 100
/*
[++a] [+]
[++a]
- Value: 11
- Explain: Pre-increment (increment the value first, then print it)
[+]
- Explain: this operator make two action
1- we can use it to make addition
2- used to convert the value from a specific type to number value / type
*/
/*
Challenge 2
*/
let d = "-100";
let e = "20";
let f = 30;
let g = true;
// Only Use Variables Value
// Do Not Use Variable Twice
console.log(-d * 10 + (+e + f) * 10 + +g * 500); // 2000
console.log(-d + +e * 2 + f + g * 3); // 173
بشمهندس اسامه انا نفسي اقابل حضرتك مره واحده في حياتي عشان ابوس دماغك رزقك الله الفردوس الأعلي بدون سابقة عذاب او حساب وجعلك من اوائل الشاربين من أيدي رسول الله
اي العظمة دي ❤❤
اللهم صلي على سيدنا محمد وعلى آله وصحبه وسلم جزاكم الله خير🎉🎉🎉❤
بارك الله فيك وجزاك الله عنا خير الجزاء
اللهم صل وسلم وبارك عليك يا سيدي يا رسول الله ❤️
جزاك الله خيرا كثيرا في الدنيا والاخرة
جزاك الله خيرا ❤️❤️❤️
مرسي يا برنس