rhp/JavaScriptAuth.html at main · IRAQ-hacker/rhp · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
<!DOCTYPE html>
<html>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
   <script src='https://kit.fontawesome.com/a076d05399.js' crossorigin='anonymous'></script>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
   <link rel="stylesheet" href="style.css">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" href="js-les.css">
   <title>JavaScript</title>
   <style>
      body{
         background-color: #000;
      }
      @media screen and (max-width: 400px){

   body{

      background-color: #000;

      background-size: 420px 780px;

      padding: 0;

      margin: 0;

   }

}

 @media screen and (min-width: 401px) and (max-width: 1800px){

    body{

       background-color: #000;

       background-size: 1385px;

       padding: 0;

       margin: 0;


    }

    js-about{

       padding: 0;

       margin: 0;

       color: slategray;

       text-align: right;


    }

 }
   </style>
   <h3 style="color: yellow;" >javaScript <i class='fab fa-js'></i></h3>
</head>


<body>
   <style>
   #js{
      color: lavender;
      text-align: right;
   }
   #f{
      color: white;
      padding: 0;
      margin: 0;
      text-align: right;
      font-size: 25px;
   }
   #f-en{
      color: white;
      padding: 0;
      margin: 0;
      text-align: left;
      font-size: 26px;
   }
   #f-t{
      color: purple;
      text-align: right;
      padding: 0;
      margin: 0;

   }
   #list{
      color: seagreen;
      font-size: 15px;
   }
   </style>

   <div>
      <h3 id="f">: مقدمه</h3>
      <p id="js">تعتبر لغة جافاسكريبت من اللغات الهامة جدا لتعلمها في الفترة الأخيرة , سارعت لغة جافاسكريبت بالتطور بشكل مخيف , وقدمت خدمات قوية لا جدال فيها في مختلف المجالات وسرعة هائلة في تنفيذ الأوامر مما جعلها في قائمة أهم 5 لغات برمجية لعام 2017 , نقدم لك نظرة عن قرب عن هذه اللغة في السطور القادمة
      </p>
   </div>
   <br>
   <hr>
   <br>
   <div>
      <h3 id="f">
         : مفهوم
         <i id="f-t"> عام </i>
      </h3>
      <p id="js">هي لغة برمجة عالية المستوى تستخدم أساسا في متصفحات الويب لإنشاء صفحات أكثر تفاعلية يتم تطويرها حاليا من طرف شركة نتسكيب وشركة موزيلا </p>
   </div>
   <br>
   <hr>
   <br>
   <div>
      <h3 id="f" style="font-size: 26px;">Vue.js <i style="color: white">& </i><i id="f-t">Angular</i></h3>
      <p id="js">لا أقصد التركيز على هاتين المكتبتين بالذات , لكن يبدو أنهم الأكثر شهرة بين عموم المبرمجين , تقدم هاتين المكتبيتين بالاضافة لخدمات كثير خدمة تحويل جافاسكريبت الى لغة تتعامل مع السيرفر وقواعد البيانات , اي أنها تحول لغة جافاسكريبت الى لغة تخاطب مع السيرفر وهو أمر رائع ومفيد جداً.

      اذاً يمكنك الاتصال بقواعد البيانات , التخاطب مع السيرفر وارسال واستقبال البيانات وغيرها باستخدام جافاسكريبت واصدقائها , ماذا قد تحتاج أكثر من ذلك ؟ ولنتعلم من العظماء , هل لاحظت التطور الكبير في موقع paypal مؤخراً ؟ منذ نهاية عام 2014 وفريق بايبال يعمل على تحويل الموقع من لغة جافا الى مكتبة node.js ! وكما نرى في الفيسبوك وتويتر وغيرها من المواقع الكبرى التي تستخدم مكتبات جافاسكريبت كلغات برمجة أساسية , لم يأت ذلك بالصدفة طبعاً</p>
   </div>
   <br>
   <hr>
   <br>
   <div>
      <h3 id="f"> obb in <i id="f-t">javaScript</i></h3>
      <p>تقدم جافاسكريبت ميزة البرمجة كائنية التوجه , يمكنك ذلك من انشاء كائنات
      </p><i id="js">كلاسات وابجكت</i>
      <p id="js">لتسريع عملية البرمجة بشكل كبير وتنظيمها</p>
   </div>
   <br>
   <hr>
   <br>
   <div>
      <h3 id="f-t">javaScript <i id="f">مميزات</i></h3>
      <ul>
         <li id="list">تنفذ من جهة العميل</li>
      </ul>


      <ul id="list">
         <li>تفاعلية وسريعة</li>
      </ul>

      <ul id="list">
         <li>لغة برمجة وظيفية</li>
      </ul>
      <ul id="list">
         <li>توفر خدمات تحكمية أكبر بالمتصفحات</li>
      </ul>
      <ul id="list">
         <li>لغةً سهلة التعلم نسبيًا وقريبةً من اللغة الإنجليزية</li>
      </ul>

      <ul id="list">
         <li>تتميز بواجهات غنية ويمكنك سحب وإسقاط المكونات لتغني واجهتك بالعناصر المطلوبة</li>
      </ul>

      <ul id="list">
         <li>لغة برمجة مستقلة وليست كما يعتقد البعض أنها مرتبطةٌ بلغة جافا.</li>
      </ul>
   </div>
   <center>
      <div>
         <button onclick="location.href='js-lod.html'; " class="ph1"> Watch course <i style="font-size:15px" class="fa">&#xf144;</i>
         </button>
      </div>
   </center>
</body>

</html>