مقالات طراحي سايت

جاوا اسكريپت چه چيزي را به دنياي صفحه ها اينترنت اضافه كرد؟ طراحي سايت در مشهد حق تقدم نخستين گويش جاوا اسكريپت، كاربرپسند كردن صفحه هاي اينترنت ميباشد. جاوا اسكريپت صفحه هاي اينترنت را پوياتر از پيشين كرده و به آن ها رنگ و روي ديگري بخشيده ميباشد. منظورم از رنگ و روي ديگر، بهبود رابط كاربري و منوها، تعامل بهتر با استفاده كننده، بهبود UX، قابليت و امكان ايجاد برنامه كودك، نقشه و ... ميباشد. ولي بهبود صفحه ها اينترنت صرفا به جاوا اسكريپت مربوط نمي شود، مهم‌ترين چيزي كه صفحه هاي اينترنت را صورت ميدهد يك مثلت سه‌گانه ميباشد كه در قسمت بعدي به آن مي پردازيم. مثلث سه‌گانۀ صفحه هاي اينترنت چه ميباشد؟ صفحه هاي اينترنت از سه قسمت مهم ساخته شده‌اند كه عبارتند از: HTML اچ‌تي‌ام‌ال يك گويش كامپيوتري ميباشد كه براي طراحي وب تشكيل‌شده. HTML مخفف عبارت HyperText Markup Language و به عبارت ديگر، يك گويش علامت‌گذاري Hypertext ميباشد. يعني چه؟ يعني به عنوان مثالً شما مي توانيد روي يك پيوند (Hyperlink) كليك نماييد و وارد شيت يا اين كه وب سايت ديگري گرديد. البته نصيب Markup يا اين كه علامت‌گذاري HTML كدام ميباشد؟ تگ‌هاي HTML فعاليت نماد‌گذاري را انجام مي دهند. براي مثالً يك متن داريد و مي خواهيد آن را Bold نمائيد. با قرار دادن متن باطن تگ ، اين فعاليت انجام مي گردد. Some text به صورت خلاصه، شالوده يك ورقه اينترنت HTML ميباشد و ساختار كلي وبسايت را مي‌سازد. CSS لهجه CSS مركز ديگر اين مثلث ميباشد و فعاليت اساسي آن استايل دادن به كدهاي HTML ميباشد. يعني چه؟ مثلا، با استعمال از CSS ميتوانيد رنگ، سايز و فونت نوشته‌ها را تغيير تحول دهيد، بعدها اجزاي وبسايت را به اندازه دلخواه درآوريد و شغل هاي ديگري كه با استايل دادن به وب سايت در رابطه ميباشد. در مقاله‌ها آينده بيشتر به گويش CSS خوا هيم پرداخت. JavaScript جاوا اسكريپت يك لهجه اپليكيشن نويسي اسكريپتي يا اين كه يك گويش اسكريپ نويسي سمت مخاطب (Client Side) ميباشد. JavaScript در كامپيوتر يوزرها، روي مرورگر اجرا مي گردد و ميتواند بعضا شي ءها باطن HTML را تغيير و تحول دهد. همان گونه كه گفتيم، با HTML مي‌قدرت ساختار يك صفحۀ اينترنت را ساخت؛ البته اين ساختار به خودي خويش امكان ساخت و ساز ارتباط متقابل (Interaction) با مخاطب را ندارد. اينجاست كه لهجه جاوا اسكريپت به كارمان مي آيد. كدهاي جاوا اسكريپت باطن يك تگ اچ تي ام ال   كل مي گردد- به مرورگر نشان مي‌هد كه با يك كد جاوا اسكريپت طرف ميباشد. لهجه جاوا اسكريپت براي اجرا شدن نياز به يك مرورگر اينترنت (Web Browser) داراست. مرورگر با به كارگيري از يك موتور جاوا اسكريپت كدهاي جاوا اسكريپ را خوانده، آن‌ها‌را تعبير و تفسير كرده و بعد اجرا مي‌نمايد. مثلا عمل اعتبار سنجي فرم‌ها (مثل فرم نام نويسي مخاطب در تارنما) بر عهدۀ جاوا اسكريپت ميباشد. چه‌گونه؟ فرض فرماييد فرم ما چند فيلد مثلا اسم، اسم خانوادگي، راز عبور وتكرار آن و نشاني اينترنتي داراست. تشخيص فارسي بودن اسم و اسم خانوادگي، صحيح بودن فرمت آدرس اينترنتي (از جملهً دربرگيرنده @ بودن) و يكسان بودن هر دو فيلد سر عبور بر عهده جاوا اسكريپت ميباشد. بدين فعاليت اعتبارسنجي (Validation) فرم مي گويند. مزايا و معايب گويش جاوا اسكريپت چه است؟ اين گزاره را يادتان باشد كه آيندۀ اينترنت، جاوا اسكريپت ميباشد. استدلال اين داعيه را در آخر اين نوشته‌ي‌علمي به شما خواهم خاطرنشان كرد، ولي پيش از آن بياييد ببينيم اين زباني كه اينقدر اصلي ميباشد و هم اكنون و آيندۀ صفحه ها اينترنت را زير تاثير قرار داده چه مزايا و چه معايبي دارااست. مزاياي جاوا اسكريپت ارتقا تعامل با يوزرها: براي مثالً شما ماوس را روي فريم يا اين كه عكس ميبيريد و روي آن گزينۀ اضافه كردن به عشق و علاقه‌مندي ظواهر ميگردد، اين عمل جاوا اسكريپت ميباشد و منجر ارتقاء تعامل با شماي استفاده كننده گرديده. ارتقا سرعت تعامل با مخاطب: به عنوان مثال شما محصولي را به سبد خريد اضافه ميكنيد. اضافه شدن متاع به سبد، فارغ از رفرش شدن برگه انجام ميگردد و در صورتي‌كه خطايي صورت دهد آن را فورا در به عبارتي ورقه ميبينيد. اين نيز فعاليت جاوا اسكريپت ميباشد. توليد كارتون: با مخلوط كدهاي جاوا اسكريپت و CSS ميتوانيد برنامه كودك‌هاي ديدني بسازيد و يا اين كه به بعضا بخش‌هاي متن شرايط متحرك (در هم اكنون تايپ شدن) بدهيد. بهبود رابط كاربري و تجربه كاربري: مجموع خصوصيت‌هاي جاوا اسكريپت كه تا اينجا به آن اشاره كرديم، باعث بهبود ارتباط كاربري و پيرو آن، بهبود تجربه كاربري مي گردند. معايب جاوا اسكريپت رنج خطايابي: زيرا جاوا اسكريپت يك لهجه اسكريپت نويسي ميباشد، كامپايل نمي شود، براي همين هم كشف كردن خطاهاي احتمالي فعاليت مشكلي ميباشد. فرض فرمائيد 2000 خط كد نوشته‌ايد و به خيال يك خطاي كوچك ورقه در گير ايراد گرديده؛ براي يافت كردن اين اشتباه مجبوريد خط به خط كدها را با تمركز نظارت نمائيد تا نادرست پيدا خواهد شد. سخن‌هاي انتها چنانچه يادتان باشد گفتيم كه جاوا اسكريپت آيندۀ اينترنت ميباشد. يعني چه؟ يعني جاوا اسكريپت روز آپ ديت در حالا بسط ميباشد و بخش اعظمي از محدوديت‌هاي صفحه ها اينترنت با تعريف و تمجيد كتابخانه‌هاي تازه آن مانند React، Angular و React Native از در ميان برداشته شده‌است. با React و Angular مي‌قدرت اينترنت نرم‌افزار و تارنما‌هاي تك كاغذ‌اي (SPA) توسعه يافته و پرسرعتي به وجود آورد كه استفاده كننده هنگام عمل با آن ها، شم عمل كردن با اپليكيشن داشته باشد (مانند ورژن اينترنت تلگرام). ‌ با استعمال از كتابخانه React Native كه بوسيله كمپاني فيسبوك توسعه و گسترش داده شده‌است ، ميتوان سواي به كارگيري از گويش هاي اندرويد و IOS و تنها با لهجه هاي HTML ، CSS و جاوااسكريپت، اپ‌هاي گوشي (هم براي سيستم ادله اندرويد و هم براي سيستم ادله IOS) ايجاد. اين‌ها صرفا بخشي از پيشرفت‌هاي جاوااسكريپت در تعدادي سال اخير ميباشد، مشخص و معلوم وجود ندارد تا يك كدام از دو سال ديگر چه خصوصيت‌هاي به آن اضافه شد و چه‌گونه توشه ديگر دنياي اينترنت را متحول نمايد. ضمنا، مقاله‌ها آيندۀ مارا قطعاً دنبال فرمائيد تا بيشتر وارد دعوا كتابخانه‌هاي جاوااسكريپت شويم و آنان‌را عميق‌خيس آناليز كنيم. همين شرايط فعلي هم ميتوانيد هر سوالي كه داشتيد از ما بپرسيد.