تروس كود: تطوير المواقع

تطوير المواقع

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="390" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH7dhsJckDlE3c32GDCxDrLeQH-ic6hVpKYhTGTu-ZW6mXMJeAK5IVt3IK8KhH_DeXLRSj9XbWb51BBZIFE3z_7d1vtDPNG9RPMSUTBapiDh-IkZNkEK5JwAXpupuOKXWV-npPmD3TnKGv/s640/%25D8%25A3%25D9%2581%25D8%25B6%25D9%2584+%25D9%2585%25D9%2583%25D8%25AA%25D8%25A8%25D8%25A7%25D8%25AA+%25D8%25AC%25D8%25A7%25D9%2581%25D8%25A7+%25D8%25B3%25D9%2583%25D8%25B1%25D8%25A8%25D8%25AA+2016.png" width="640" /></div>
<div dir="rtl" style="text-align: right;">
<br /></div>
<div dir="rtl" style="text-align: right;">
مكتبات الجافا سكربت لها اهمية كبيرة في إنشاء مواقع تفاعلية وتطبيقات للويب إلخ… واستخدام الجافاسكربت في مشاريعك يمكنك من تحريك عناصر HTML في جميع الانحاء وانشاء مجموعة متنوعة من التأثيرات والرسوم المتحركة وإعطاء الزائر أفضل تجربة مستخدم .</div>
<div dir="rtl" style="text-align: right;">
<br /></div>
<div dir="rtl" style="text-align: right;">
<span style="color: #cc0000; font-size: large;"><b>1. <a href="http://github.hubspot.com/shepherd/docs/welcome/" target="_blank">Shepherd</a></b></span></div>
<div dir="rtl" style="text-align: right;">
<div>
Shepherd مكتبة جافاسكربت لارشاد المستخدمين عبر موقعك أو تطبيقك.</div>
<div>
<br /></div>
<div>
<span style="color: #cc0000; font-size: large;"><b>2. <a href="http://epoxyjs.org/" target="_blank">Epoxy.js</a></b></span></div>
</div>
<div dir="rtl" style="text-align: right;">
<div>
<div>
Epoxy هي مكتبة بيانات ملزمة انيقة وقابلة للتوسع.ل Backbone.js</div>
<div>
<br /></div>
<div>
<span style="color: #cc0000; font-size: large;"><b>3. <a href="http://intercoolerjs.org/" target="_blank">Intercooler.js</a></b></span></div>
</div>
<div>
<div>
Intercooler مكتبة صغيرة بنيت لتكون متوافقة مع تقنيات الويب مثل AngularJS, EmberJS .</div>
<div>
<br /></div>
<div>
<b><span style="color: #cc0000; font-size: large;">4. <a href="http://cryptocoinjs.com/" target="_blank">CryptoCoin.js</a></span></b></div>
</div>
<div>
<br /></div>
<div>
<div>
<span style="color: #cc0000; font-size: large;"><b>5. <a href="http://smalljs.org/logging/debug/" target="_blank">Debug</a></b></span></div>
</div>
<div>
<br /></div>
<div>
<div>
<span style="color: #cc0000; font-size: large;"><b>6. <a href="http://nytimes.github.io/pourover/" target="_blank">Pour Over</a></b></span></div>
</div>
<div>
<br /></div>
<div>
<div>
<span style="color: #cc0000; font-size: large;"><b>7. <a href="http://ichord.github.io/At.js/" target="_blank">At.js</a></b></span></div>
</div>
<div>
<br /></div>
<div>
<div>
<span style="color: #cc0000; font-size: large;"><b>8. <a href="http://anijs.github.io/" target="_blank">Ani.js</a></b></span></div>
</div>
<div>
<br /></div>
<div>
<div>
<span style="color: #cc0000; font-size: large;"><b>9. <a href="http://seenjs.io/" target="_blank">Seen.js</a></b></span></div>
</div>
<div>
<br /></div>
<div>
<br /></div>
</div>
<div dir="rtl" style="text-align: right;">
<br /></div>
</div>

مكتبات الجافا سكربت لها اهمية كبيرة في إنشاء مواقع تفاعلية وتطبيقات للويب إلخ… واستخدام الجافاسكربت في مشاريعك يمكنك من تحريك عناصر HT...

[ شارك ]

الجافا سكربت تطوير المواقع

تويتر فيسبوك جوجل بلس بنترست

نصائح ذهبية للمبتدئين في تطوير الويب !

الجمعة, مايو 13, 2016

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfrmbodUthrVfHt7br-i3IFdznX_3FXu7IeqR7oro4trw0wG_CSNxa9M42RPoJ-yYlJkWd5baeuy5tzZaon5O72S6jn8cvV9DBtui2Ey1Zu_hWIt4YDqk9m5P0eYH8qI6JorUB_opMNFRl/s640/%25D9%2586%25D8%25B5%25D8%25A7%25D8%25A6%25D8%25AD-%25D8%25B0%25D9%2587%25D8%25A8%25D9%258A%25D8%25A9-%25D9%2584%25D9%2584%25D9%2585%25D8%25A8%25D8%25AA%25D8%25AF%25D8%25A6%25D9%258A%25D9%2586-%25D9%2581%25D9%258A-%25D8%25AA%25D8%25B7%25D9%2588%25D9%258A%25D8%25B1-%25D8%25A7%25D9%2584%25D9%2588%25D9%258A%25D8%25A8.jpg" width="640" /></div>
<div dir="rtl" style="text-align: right;">
<br /></div>
<div dir="rtl" style="text-align: right;">
هذه التدوينة هي مجرد رأيي الشخصي من خلال خبرتي في مجال تطوير الويب هذه نصائح من وجه نظري الشخصيه , ولكل منا وجه نظر معينه و مختلفة عن اي شخص آخر.</div>
<div dir="rtl" style="text-align: right;">
<br /></div>
<div dir="rtl" style="text-align: right;">
<b><span style="color: #cc0000; font-size: large;">التركيز علي الشئ الصحيح :</span></b></div>
<div dir="rtl" style="text-align: right;">
<b><span style="color: #cc0000; font-size: large;"><br /></span></b></div>
<div dir="rtl" style="text-align: right;">
كثير من الاشخاص يسألون بعض المطورين ذوي الخبره عن ” اهم الانجازات –  و المشاريع التي جعلته في هذه المكانة ” و يسألون عن كيفيه الحصول علي العملاء او يسأل كيف اصبح مثلك و في مثل مكانتك !!!</div>
<div dir="rtl" style="text-align: right;">
<br /></div>
<div dir="rtl" style="text-align: right;">
من المهم جداً ان تركز علي الشئ الذي تريده  او الهدف الذي تريد تحقيقه , عليك ان تعرف انه كي تصبح مطور ويب امر سهل و لكنه يحتاج الي بعض المجهود و التركيز و معرفه بعض الاساسيات التي تجعل العملاء يثقون بك قبل ان يطلبوا منك تصميم معين او برمجه شئ معين .</div>
<div dir="rtl" style="text-align: right;">
<br /></div>
<div dir="rtl" style="text-align: right;">
<b><span style="color: #cc0000; font-size: large;">لا تكن متسرعاً :</span></b></div>
<div dir="rtl" style="text-align: right;">
<br /></div>
<div dir="rtl" style="text-align: right;">
مهما كان عمرك سواء اقل من العشرون عاماً او أكبر من الثلاثون عاماً لا ينبغي عليك ان تكون متسرعاً اثناء التعلم . كثير من المبتدأين يتعلم بعض الدروس في الـHTML و CSS  وتجده يرسخ اعتقاد في داخله انه اصبح محترف و تجده يدخل مواقع الـFreelancer  و يسجل خدماته و لكن مع اول عميل يجد نفسه قد فشل في تصميم موقع ويب يناسب العميل و يرجع بعد ذلك ملئ باليأس و انه فشل في هذا المجال و انه لن يتمكن من بناء سمعه طيبة له في عالم المطورين . ولكن هذا كله نتيجه التسرع  و الاستعجال . عليك ان تتعلم ان كل مطور ويب قضي سنوات في التصاميم و التعلم حتي بلغ الي هذه المرتبه بين المطورين</div>
<div dir="rtl" style="text-align: right;">
كل ما عليك فعله هو التعلم ثم تطبيق ما تعلمته ثم تعرض اعمالك علي المصممين و تستفيد من انتقاداتهم لاعمالك حتي تصل الي درجة المطور المحترف .</div>
<div dir="rtl" style="text-align: right;">
<br /></div>
<div dir="rtl" style="text-align: right;">
<b><span style="color: #cc0000; font-size: large;">التخطيط الصحيح لهدفك :</span></b></div>
<div dir="rtl" style="text-align: right;">
<br /></div>
<div dir="rtl" style="text-align: right;">
لا اعتقد انه يمكنك ان تضع خطه في شئ ما علي المدي الطويل , خصوصاً اذا كنت تخطط لشئ دائم التغير و التغيرات فيه كثيرة . قد يكون هناك الكثير من الافكار التي تريد تنفيذها كالعمل في شركة اكبر من الشركة التي تعمل فيها حالياً او ان تعمل في شركة اكثر ابداعاً من الشركة التي تعمل بها . ولكنك ستجد هذه الافكار دائمة التغير . لذلك عليك بالتركيز علي هدفك كمبتدأ و هو التعلم و اثبات كفاءتك و مهارتك في هذا المجال حتي تجد نفسك في مكانه ترضيك و تريح ضميرك.</div>
<div dir="rtl" style="text-align: right;">
<br /></div>
<div dir="rtl" style="text-align: right;">
<span style="color: #cc0000; font-size: large;"><b>لا تركز علي هدف واحد :</b></span></div>
<div dir="rtl" style="text-align: right;">
<span style="color: #cc0000; font-size: large;"><b><br /></b></span></div>
<div dir="rtl" style="text-align: right;">
<div>
بدلاً من ان تقوم بوضع هدف واحد مثلا : ” اتمني العمل في شركة Facebook ”  قم بتمهيد اهدافك و تجزئتها بمعني ان تحقق هدف ثم يليه الاهدف الاخر ثم الاخر حتي تصل الي العمل في Facebook مثلاً</div>
<div>
فإن توحيد هدفك من الصفر حتي تبلغ اقصي مرتبه له تأثير سلبي :</div>
<div>
 </div>
<div>
تبذل الكثير من الجهد بدون اي مقابل :- مثلاً تقوم بدراسه الـJavaScript مع الـJquery في يوم و احد و تضغط نفسك كثير ثم تاتي اخر الاسبوع لتكتب كود JavaScript تجد نفسك لا تعلم شئ فيصيبك شئ من الاكتئاب و الشعور بمدي صعوبه الطريق و تشعر بانك لن تصل مهما فعلت و تعلمت.</div>
<div>
<br /></div>
<div>
عند تحديد هدف كبير كمثال : العمل في Facebook و تبدأ في تحقيقه تجد الكثير من الصعوبات و لأن الهدف كبير جداً بالنسبة لك كمبتدأ ستواجه صعوبات كثيره جداً و ستشعرك بمدي عجزك و تجد نفسك في تغييرات دائمه عند كل مشكله و لكن عند تجزئة أهدافك تجد الصعوبات التي تواجهها خفيفه و بسيطه غير معقدة فتجد نفسك تواجه الصعوبات و تكتسب الخبرات فكلما كبرت و واجهت صعوبات كثيره  تجد حلها بسيط و غير مجهد بسبب خبرتك التي اكتسبتها من قبل .</div>
<div>
<br /></div>
<div>
هدفك الكبير قد يخيب ظنك : عند تحديد هدف كبير تجد نفسك تفعل المستحيل حتي تسرع الطريق للوصول اليه فمثلاً تقوم ببرمجه الكثير من المشاريع و في بعض الاحيان اذا احتجت لشئ معين تذهب للعم Google و تطلبه منه فيعطيك اياه و انت بدون اي عناء في التفكير تنسخه فقط و تضعه في مشروعك و تنجح في ذلك و تجد نفسك بعد ذلك في مقابلة عمل ( Interview ) ويسألك : قم بعمل بعض التأثيرات علي هذه الصفحه باستخدام الـJquery فعندها لن تجد العم Google نفعك و لن تجد من ينفعك الا علمك و نفسك . و بالطبع لا يوجد لديك علم فانت لم تفعل غير نسخ و لصق الاكواد في مشروعك دون حتي معرفة كيفة برمجتها و هنا تجد نفسك وصلت امام احدي اكبر شركات التطوير و رفضوك لعدم معرفتك .</div>
<div>
 </div>
<div>
وكما اوضحت من قبل ان كلامي هذا لا يعني ان تسير في الدرب دون و ضع اي اهداف  و لكن لا تضع الهدف الكبير امام مرمي عينيك مباشرة فلا احد ينتقل من الدور الاول الي الدور العاشر دون المرور بالدور الثاني و الثالث و … و التاسع حتي يبلغ الدور العاشر ,,, كل ما عليك فعله هو تجزئه اهدافك التي ان حققتها واحده تلو الاخره تجد نفسك قد وصلت الي ما حلمت به منذ البداية .</div>
<div>
<br /></div>
<div>
<span style="color: #cc0000; font-size: large;"><b>الانتقال للمرحله التالية :</b></span></div>
<div>
<span style="color: #cc0000; font-size: large;"><b><br /></b></span></div>
<div>
<div>
عليك ان لا تتكاسل عند بلوغ هدف معين . افضل طريقه للاستمرار فيما تفعل ان تجد شئ افضل يقوم بتحريكك … حصلت علي وظيفه جيدة ؟ كم هذا رائع . الان ركز علي الحصول علي ترقيات في هذا العمل .. الان انت تعمل لحسابك ( FreeLancer )</div>
<div>
ممتاز . عليك الان ان تقوم بتطوير نفسك اكثر فاكثر حتي تصبح افضل شخص مناسب لافضل مكان مناسب .</div>
<div>
<br /></div>
</div>
<div>
<span style="color: #cc0000; font-size: large;"><b>كن شخص مرن :</b></span></div>
<div>
<span style="color: #cc0000; font-size: large;"><b><br /></b></span></div>
<div>
<div>
عليك ان لا تتكاسل عند بلوغ هدف معين . افضل طريقه للاستمرار فيما تفعل ان تجد شئ افضل يقوم بتحريكك … حصلت علي وظيفه جيدة ؟ كم هذا رائع . الان ركز علي الحصول علي ترقيات في هذا العمل .. الان انت تعمل لحسابك ( FreeLancer )</div>
</div>
<div>
<div>
وصولاً الي هذه النقطه عليك التأكد من انه يمكنك استيعاب اي تغيير يحدث في الخطط . فرص العمل تأتي و تذهب . و قد تجد اماك فرص غير ملائمة . ليس من السهل تقبل بعض التغييرات و لكن عليك الاستفاده من كل ما هو حولك فقد تكون مضطر الي تأجيل بعض المهام لتنفيذ شئ اكثر استفاده . مثلاً معك مبلغ من المال اردت ان تفتح به شركتك الخاصه و عند القيام بأول خطوه عرض عليك عمل بالخارج فعندها يكون اماك خيار من الاثنين اما ان تقبل العرض و تسافر و تطور مهاراتك او ترفض العرض و تبدأ بفتح شركتك الخاصه … عليك بالتخطيط للاستفاده من ايي تغيير يحدث في الخطط حتي لا تتفاجئ و تجد نفسك امام حيره تجعلك تفقد كلا الامرين .</div>
<div>
 </div>
<div>
<span style="color: #cc0000; font-size: large;"><b>تصاميم يمكنك فعلها يومياً :</b></span></div>
<div>
 </div>
<div>
هناك الكثير من المشاريع و التصاميم التي يمكنك ان تقوم بها يومياً دون التفكير في مشروع كبير ومعقد في البدايه</div>
<div>
فمثلاً قمم بتصميم صفحات متعدده .. مثال ( موقع رفع الملفات – صفحه تسجيل الدخول – واجه موقع – صفحه إعاده توجيه الروابط ) و هناك الكثير من الامثله التي يمكنك العمل عليها اثناء فتره تعلمك و ايضاً تكون لك مرجعاً و تستفيد منها دوماً و تعمل علي تطويرها كلما تقدمت في التعلم .</div>
<div>
 </div>
<div>
<span style="color: #cc0000; font-size: large;"><b>شارك و استفيد :</b></span></div>
</div>
<div>
<br /></div>
<div>
<div>
لا تجعل كل اهتماماتك بتلقي العلم من الكورسات بل عليك ان شارك في العديد من الاشياء اللتي تكسبك المزيد من الخبره</div>
<div>
 </div>
<div>
اشترك في صفحات تهتم بالمجال الذي تحب سواء تطوير الويب كـمصمم او كـمبرمج  تابع صفحات متعلقه بالـHTML – CSS – JavaScript – jQuery – PHP – MySql ساهم في موقع GitHub بمشاريع مفتوحه المصدر تعرف علي الكثير من المطورين في الشبكات الاجتماعية احضر الكثير من المؤتمرات و اللقاءات سجل ذهابك في الاحداث ( Events ) علي فيس بوك … كل هذا سيعطيك روحاً تدفعك للامام كي تكون مميزاً بين هؤالاء الاشخاص و استفيد من كل الذين تقابلهم في هذه الاماكن .</div>
<div>
 </div>
<div>
<span style="color: #cc0000; font-size: large;"><b>وسع آفاقك :</b></span></div>
</div>
<div>
<div>
لا تكتفي فقط بكونك شخص مبتدأ و ما زلت تتعلم , ذكرت سابقاً انه عليك ان تطبق كل ما تتعلمه و تستفيد من الامكانيات المتواجده حالياً بين يديك فعندما تشارك في جروب للمطورين ستجد ان هناك اشخاص يعرضون مشاكلهم في هذا الجروب لعدم استطاعتهم حلها . كنت انت احد المشاركين الايجابيين في المدونه و ساعد في حل مشاكل الاخرين ما دمت تسطيع ذلك .</div>
<div>
 </div>
<div>
<b><span style="color: #cc0000; font-size: large;">اصنع الفرص بنفسك :</span></b></div>
<div>
 </div>
<div>
لن تجد اي شخص يطلب منك ان تعمل لديه او يطلب منك عميل ان تقوم بتصميم له لمجرد انه سمع انك مطور . كثير من الاشياء تجلب لك فرص العمل التي تحلم بها : انشأ مدونه تحدث فيها عن خبرتك و ضع بها كل اعمالك – شارك في الجروبات و الصفحات – ساعد الكثير من الناس – قدم بعض الخدمات بشكل مجاني . كل هذا يوسع شهرتك بين المطورين و تجد اقتراحات و فرص العمل تأتي اليك .</div>
<div>
 </div>
<div>
<span style="color: #cc0000; font-size: large;"><b>لا تتكبر و كن دوماً متواضعاً :</b></span></div>
<div>
عليك ان تعلم انه مهما بلغت ووصلت و تقدمت في شئ ما انه دوماً يوجد من هو افضل منك لذلك لا تتذمر علي احد او تحقر من شأن احد لمجرد انك تظن انه اقل منك شأناً و انك افضل منه يجب ان تكون متواضعاً الي اقصي الحدود .</div>
<div>
 </div>
<div>
<span style="color: #cc0000; font-size: large;"><b>قم بالترفيه عن نفسك من وقت لآخر :</b></span></div>
<div>
<br /></div>
</div>
<div>
<div>
في الغالب انت تعمل 8 ساعات في اليوم و 5 ايام في الاسبوع .. اذا زاد الامر عن هذا الحد فاعلم انك في خطر لان قضاء اوقات طويله في عمل واحد هو امر مضر لصحه الجسد و ينشأ عنه ضغط نفسي شديد . لذلك لا تحصر نفسك دوماً بين شئ واحد كتطوير الويب او العمل علي كود معقد يحتاج تركيز شديد .</div>
<div>
عليك الترفيه عن نفسك بشكل اسبوعي كـ( صله الرحم – الخروج مع الاصدقاء – الجلوس مع العائلة لقضاء وقت ممتع )</div>
<div>
في نهاية هذه التدوينة :</div>
<div>
 </div>
<div>
<span style="color: #cc0000; font-size: large;"><b>عليك ان تكون انتبهت اللي هذه الامور جيداً و استفدت منها بشكل جيد :</b></span></div>
<div>
 </div>
<div>
<ul style="text-align: right;">
<li>لا تكن متسرعاً.</li>
<li>خطط لهدفك جيداً.</li>
<li>جزء أهدافك .</li>
<li>انتقل دوماً للامام و لا تقف عند مرحلة معينه.</li>
<li>كن شخصاً مرن.</li>
<li>تصاميم يمكنك فعلها يومياً.</li>
<li>شارك المطورين الاخرين.</li>
<li>وسع آفاقك.</li>
<li>اصنع فرصك بنفسك.</li>
<li>كنت متواضعاً.</li>
<li>قم بالترفيه عن نفسك دوماً.</li>
</ul>
</div>
<div>
<br /></div>
<div>
قد اكون تركت الكثير من التفاصيل و لم افصل نقاط هامه . اذا كنت تريد المزيد تابع المواضيع في هذه المدونه وسوف تجد المزيد و الكثير الذي يفيدك .</div>
</div>
<div>
<br /></div>
<div>
<br /></div>
</div>
</div>

هذه التدوينة هي مجرد رأيي الشخصي من خلال خبرتي في مجال تطوير الويب هذه نصائح من وجه نظري الشخصيه , ولكل منا وجه نظر معينه و مختلفة عن ...

[ شارك ]

[ شارك ]

تطوير المواقع مقالات

تروس كود

الأخبار

أفضل مكتبات جافا سكربت 2016

نصائح ذهبية للمبتدئين في تطوير الويب !

خدمة Bablic لتوفير موقعك بأكثر من لغة دون الحاجة لخبرات برمجية

تطوير تطبيقات الويب بلغة Python - Django 1

1 كيف تطور موقع أو مدونة متعددة اللغات بإستخدام Grav

Evolero خدمة لعمل موقع خاص بأي حدث مهم

موقع لمعرفة توافقية أكواد HTML5 مع المتصفحات

إضافة للحصول على ردود أفعال متابعيك

قائمة باشهر منصات تدوين الجديدة

مقارنة شاملة بين منصة بلوجر و وردبرس

صفحات الويب ما هي ومما تتكون؟ [البداية 4]

طريقة الحصول على نطاق (دومين) بدولار واحد فقط لمدة سنة كاملة

أدوات لقياس سرعة تحميل المواقع والتأكد من عملها بشكل صحيح

ما يجب أن يتعلمه مطور مواقع الويب [البداية 1]