براي تبديل شدن به گسترش‌دهنده Front End در سال 2020 اين طراحي اپليكيشن نكات را بايستي بدانيد
آيا تا به درحال حاضر به اينترنت‌وبسايت گزينه عشق و علاقه خويش نگاه كرده‌ايد و شگفت‌زده گرديده‌ايد كه چرا به اين‌راه پباده سازي گرديده، چرا طريق همت دكمه‌ها زماني كه روي آن ها كليك ميكنيد بدين شكل ميباشد، يا اين كه هر بخش ديگر از وب سايت را چشم‌ايد و با خويش انديشه كرده‌ايد "متعجبم، چطور اين‌ها اينقدر غامض مي‌باشند؟"، يا اين كه "كاش اينجانب هم مي‌توانستم اين فعاليت را اجرا دهم". عالي آحاد اين خصوصيت‌هاي قابل مشاهده وب سايت از روش بسط Front End اعمال مي گردد و عده اي كه از آنها به كارگيري مي‌نمايند، توسعه و گسترش‌دهنده Front End ناميده ميشوند.

گسترش‌دهندگان Front End بيشترين تقاضاي شغل را دارا‌هستند و به همين برهان سواي آنان نمي‌توانيم از وب لذت ببريم. در اينجا يك تعريف و تمجيد مختصر از پيشرفت Front End نقل شده ميباشد.

بسط Front End چيست؟

در حالي كه طراحي سايت طرز‌اي براي ظواهر اينترنت‌وب سايت ميباشد، پيشرفت Front End روش پياده‌سازي آن پباده سازي در اينترنت ميباشد.

پس، گسترش‌دهنده Front-End كه مي باشد؟

بسط‌دهنده اينترنت Front-End فردي ميباشد كه طراحي وب سايت را از روش گويش‌هاي كدنويسي مانند HTML، CSS و JavaScript پياده‌سازي مي‌نمايد. اگرچه اين گزينه معمول وجود ندارد، البته بعضي وقت ها گسترش‌دهندگان front end "بسط‌دهندگان سمت كلاينت" نيز ناميده ميشوند كه آن ها را از توسعه و گسترش‌دهندگان back end كه شغل هاي پشت صحنه مثل ديتابيس را اعمال ميدهند متمايز مي‌نمايد. درصورتي كه به هر سايتي راز بزنيد، مي توانيد شغل بسط‌دهنده front end را در هر جايي ملاحظه كنيد.

درين نوشته‌علمي برخي از مهارت‌هاي اساسي كه توسعه و گسترش دهندگان اينترنت front end در عمل خويش به كار گيري مي‌نمايند را نظارت ميكنيم.

توسعه و گسترش‌دهندگان Front-End از چه مهارت‌هايي به كارگيري مي‌نمايند؟

بسط‌دهندگان اينترنت Front-End از سه گويش اپ‌نويسي اساسي براي كد گذاري اينترنت‌وب سايت و برنامه ريزي‌هاي اينترنت توليد گرديده بوسيله طراحان اينترنت استعمال مي‌نمايند:

HTML

CSS

JavaScript

كدي كه آنها مي‌نويسند در مرورگر استفاده كننده ايفا مي شود (كد بسط‌دهنده back end در اينترنت سرور ايفا ميگردد). گسترش‌دهنده Front-End مسئول ظواهر تارنما ميباشد، همينطور وظيفه اعتقادوباور از خلا نادرست و باگ‌ها در نصيب front end را داراست و همينطور اعتقاد نتايج مي‌نمايد كه طرح به شكلي كه قرار ميباشد در پلت‌هيبت‌ها و مرورگرهاي متعدد نمايان خواهد شد، پباده سازي گرديده است.

در حالتي كه اين مورد ها اول را به خير خاطر گرفته و بر آنان مسلط گرديد، مطمئنا به يك بسط‌دهنده front end بهتر و بهتر تبديل مي شويد!

شما آغاز با مهارت‌هايي مثل HTML و CSS آغاز مي كنيد، آنگاه به مهارت‌هاي توسعه يافته‌تري مانند پيشرفت اينترنت ريسپانسيو و جاوااسكريپت ميرويد.

HTML و CSS

HTML و CSS مهم‌ترين اركان توليد كننده كدنويسي اينترنت مي‌باشند. فارغ از اين دو آيتم، نمي‌توانيد يك طراحي سايت‌وب سايت ساخت‌و‌ساز نماييد، و آحاد آنچه كه در غايت با آن رو به رو خواهيد شد، يك متن بي آلايش فرمت‌نشده در كاغذ ميباشد. شما حتي نمي‌توانيد سواي HTML تصاوير را به كاغذ اضافه نماييد!

پيش از اينكه در هر مسير شغلي توسعه و گسترش اينترنت قرار بگيريد، مي بايست بر روي رمزنگاري با HTML و CSS اشراف داشته باشيد. خبر بهتر اين ميباشد كه استحصال علم كافي در هريك از اين‌ها صرفا در پهنا يك سري هفته قابل اجرا ميباشد.

علم HTML و CSS به تنهايي به شما قابليت و امكان ساخت اينترنت‌تارنما‌هاي اصلي را مي دهد.

جاوااسكريپت

جاوااسكريپت به شما قابليت و امكان ميدهد قابليت و امكان‌هاي بيشتري به اينترنت‌وب سايت خويش اضافه فرماييد، و مي توانيد اكثري از اپليكيشن‌هاي مهم اينترنت را با استعمال از HTML و CSS و جاوااسكريپت (به اختصار JS) ساخت‌و‌ساز فرماييد. در ابتدايي‌ترين سطح، JS براي ساخت و در دست گرفتن مواقعي مانند نقشه‌هايي كه در طول حقيقي وواقعي آپ تو ديت مي شوند، فيلم‌هاي تعاملي و بازي‌هاي آنلاين به كار گيري مي‌گردد. تارنما‌هايي مانند Pinterest شديدا از جاوااسكريپت استعمال مي‌نمايند تا استعمال از رابط كاربري آن ها سهل گردد (اين حقيقت كه هر توشه كه چيزي را پين ميكنيد شيت مجددا بارگيري نميشود، به لطف جاوااسكريپت ميباشد).

جاوااسكريپت همينطور يك كدام از دوستداشتني‌ترين لهجه‌هاي نرم افزار‌نويسي در عالم ميباشد، بدين ترتيب صرف حيث از نرم‌افزار‌هاي شغلي شما، براي يادگيري فوق‌العاده نفيس ميباشد.

jQuery

جي‌كوئري يك كتابخانه جاوااسكريپت ميباشد؛ گروه‌اي از افزونه‌ها و پلاگين‌ها كه بسط با جاوااسكريپت را سريع‌خيس و سهل وآسان‌خيس مي‌سازد. به جاي‌اينكه همگي چيز را از آغاز كد گذاري فرمائيد، جي‌كوئري به پيشرفت‌دهنده front end اذن مي دهد تا اركان مهيا را به پروژه بيفزايد، بعد در شكل ضرورت ميتوانيد آن را سفارشي فرمائيد (يكي دلايل اساسي جاوااسكريپت). شما ميتوانيد از جي‌كوئري براي مواقعي مانند تايمرهاي شمارش معكوس، كامل شدن هيبت‌هاي كاوش به طور اتومات، و حتي تهيه و تنظيم دوباره خود كار و تغيير تحول اندازه طرح‌هاي گريد به كار گيري فرمائيد.

كادر‌ورك‌هاي جاواسكريپت

قاب‌ورك‌هاي JS (مشمول AngularJS، Backbone، Ember و ReactJS) يك ساختار فراهم به كد جاوااسكريپت شما ميدهند. اگرچه چهار گزينه نام برده دوست داستني‌ترين كادر‌ورك‌ها در ليست‌هاي شغلي مي‌باشند، البته گونه هاي مختلفي از كادر‌ورك‌هاي جاوااسكريپت براي نيازهاي متفاوت وجود دارااست. اين كادر‌ورك‌ها حقيقتا به گسترش سرعت مي بخشند و مي توانند با كتابخانه‌هايي مانند جي‌كوئري آيتم به كار گيري قرار گيرند تا معيار كدنويسي از آغاز را به دست‌كم برسانند.

كادر‌ورك‌هاي Front End

CSS و قاب‌ورك‌هاي front end (دوستداشتني‌ترين قاب‌ورك front end بوت‌استرپ ميباشد) براي CSS به عبارتي كاري را اعمال مي دهد كه JS Frameworkها براي جاوااسكريپت جاري ساختن مي دهند: آن ها براي كد گذاري سريع‌خيس نقطه پريدن شما ميباشند. اكثر عمل‌هاي مرتبط با پيشرفت front end انتظار دارا‌هستند كه شما با شيوه عمل و به كار گيري از اين قاب‌ورك‌ها آشنا باشيد.

تجربيات عمل با پيش‌پردازنده‌هاي CSS

پيش‌پردازنده‌ها عنصر ديگري ميباشد كه پيشرفت‌دهنده front end مي تواند براي سرعت بخشيدن به رمز گذاري CSS به كار گيري نمايد. پيش‌پردازنده CSS امكان‌هاي اضافه‌اي را به CSS اضافه مي‌نمايد تا CSS را مقياس‌پذير نگه داشته و عمل با آن را ريلكس‌خيس سازد. كد شما‌را پيش از تكثير در اينترنت‌تارنما‌تان پردازش كرده و آن را به CSS اي كه به خير و خوبي فرمت گرديده و با مرورگر سازگار ميباشد تبديل مي‌نمايد. SASS و LESS دو پيش‌پردازنده‌اي ميباشند كه بسيار آيتم تقاضا هستند.

عمل با خدمت‌هاي RESTful و APIs

REST مخفف Representational State Transfer ميباشد، كه يك معماري مدل ميباشد كه رابطه كانال در اينترنت را معمولي مي‌نمايد و خدمت‌هاي RESTful و APIs آن تيم از خدمت‌هاي اينترنت ميباشند كه به معماري REST پايبند هستند.

شايد اين قضيه به حيث بغرنج و فني بيايد، ولي تيم معمولي‌اي از آيين نامه‌ها و نحوه‌ها ميباشد كه انتظارات را تهيه و تنظيم مي‌نمايد تا بدانيد چه‌گونه ميتوانيد با يك اينترنت خدمت رابطه برقرار فرماييد. آنان همينطور سبب ميشوند كه اينترنت خدمت همت خوب و مقياس‌بندي بهتري داشته باشد، با يقين بيشتري عمل نمايد و تغيير‌و تحول و اصلاح آن سهل‌خيس گردد.

ريسپانسيو بودن و پباده سازي تلفن همراه

امروزه اشخاص متعددي از روش دستگاه گوشي خويش به وب دسترسي دارا هستند، براين اساس مكان تعجب وجود ندارد كه مهارت‌هاي پباده سازي گوشي و ريسپانسيو بودن براي كارفرمايان بسيار اساسي ميباشد. پباده سازي ريسپانسيو به‌اين مفهوم ميباشد كه طرح وبسايت (و بعضي وقت ها تلاش و محتوا) بر طبق اندازه ورقه و دستگاهي كه فرد از آن به كار گيري مي‌نمايد تغيير و تحول ‌نمايد.

پباده سازي گوشي ميتواند مشتمل بر پباده سازي ريسپانسيو باشد، ولي همينطور مشمول ساخت و ساز پباده سازي‌هاي خاص تلفن همراه ميباشد. گه گاه تجارب‌اي كه شما مي خواهيد مخاطب هنگام بازديد از تارنما شما از روش رايانه داشته باشد،‌ تماما متعدد از آن چيزي باشد كه ميخواهيد هنگام بازديد از تلفن هوشمند ببيند و در اين زمينه منطقي ميباشد كه وب سايت تلفن همراه به طور كامل متعدد باشد.

بسط Cross-Browser

مرورگرهاي امروزي در اكران اينترنت‌وبسايت‌ها تماما بهتر شغل مي‌نمايند، البته هنوز در طريق تعبير و تفسير كد در پشت صحنه اختلاف وجود داراست. تاوقتي‌كه همگي مرورگرهاي امروزي به نيكي با كليه استانداردهاي اينترنت فعاليت نكنند، پي بردن اينكه چطور آنان را بسازيم تا به طرز‌اي كه ما ميخواهيم بر روي كليه مرورگرها فعاليت نمايند يك مهارت اساسي ميباشد. اين به عبارتي چيزي ميباشد كه بسط cross-browser راجع‌به آن ميباشد.

سيستم‌هاي مدير محتوا و پلت‌هيبت‌هاي بيزنس الكترونيكي

نسبتاً همگي اينترنت‌تارنما‌ها بر روي سيستم مدير محتوا (CMS) درست شده‌اند. پلت‌هيبت‌هاي كسب و كار الكترونيكي نوع خاصي از CMS ميباشند. دوستداشتني‌ترين CMS در سراسر عالم وردپرس ميباشد كه در پشت ميليون‌ها اينترنت‌تارنما جاي‌دارد.

ديگر CMSهاي محبوبي كه وجود داراست دربرگيرنده Joomla، Drupal و Magento ميباشد. اگرچه فهميدن اين مورد ها به اندازه وردپرس آيتم تقاضا وجود ندارد، البته مي تواند بين كمپاني‌هايي كه از اين سيستم‌ها استعمال مي‌نمايند، يك مزيت براي محسوب گردد.

آزمايش و ديباگ كردن
اين حقيقت معاش براي بسط‌دهنده اينترنت front end ميباشد: باگ‌ها چهره مي دهند. شناخت با پروسه آزمايش و ديباگ كردن امري حياتي ميباشد.

Unit testing فرايند آزمايش بلوك‌هاي غيروابسته سورس كد ميباشد (شيوه نامه‌هايي كه مي گويد يك سايت مي بايست چطور شغل نمايد) و قاب‌ورك‌هاي Unit testing شيوه و ساختار خاصي را براي اجرا اين عمل ارائه ميدهند (براي هر لهجه نرم‌افزار‌نويسي مورد ها مختلفي وجود داراست).

نوع ديگر آزمايش، UI testing ميباشد، كه acceptance testing، browser testing و functional testing نيز ناميده مي شود، جايي كه شما رسيدگي مي كنيد تا مطمئن گرديد اينترنت‌وب سايت در زمان عملياتي كه استفاده كننده ايفا مي دهد، آن طور كه بايستي خوي مي‌نمايد. ميتوانيد آزمايش‌هايي بنويسيد كه بعد از ايفا اقدامي درپي چيزهايي مثل يك HTML خاص در كاغذ بگردد، مانند اعتقاد از اينكه در شرايطي‌كه استفاده كننده فراموش كرد يك فيلد ما يحتاج هيبت را لبريز نمايد، پيغام نادرست بر روي كاغذ نمايان گردد.

ديباگينگ به آساني تمامي باگ‌ها را پيدا مي‌نمايد. كمپاني‌هاي متفاوت از فرآيندهاي پاره اي متعدد براي اين عمل به كارگيري مي‌نمايند، البته در‌صورتي‌كه از يك كدام از آنان به كارگيري كرده باشيد، به آساني مي توانيد با مورد ها ديگر نيز فعاليت نمائيد.

مهارت حل مسأله

در صورتي‌كه يك چيز وجود داشته باشد كه كليه توسعه و گسترش‌دهندگان front end بايستي آن را بلد باشند، مهارت بهتر حل مسأله ميباشد. از اينكه بدانيد چه طور مي‌اقتدار به شايسته ترين صورت يك طرح را پياده‌سازي كرد، تا رفع باگ‌هايي كه وجود دارا هستند، و اينكه متوجه گرديد چطور كد front end خويش را بنويسيد كه با كد backend هماهنگ باشد. آحاد توسعه و گسترش درخصوص حل خلاقانه مسأله ميباشد.

اكنون شما فراهم مي باشيد كه به يك پيشرفت‌دهنده Front End تبديل گرديد، البته مرحله آنگاه چيست؟

در‌حالتي كه به‌اين سود رسيديد كه پيشرفت اينترنت Front End برايتان جذاب ميباشد، احتمالا از خويش ميپرسيد بايستي از كجا استارت فرماييد.

در صورتي مي خواهيد تحت عنوان بسط‌دهنده Front End شغل نمائيد ولي نمي‌دانيد كه مهارت‌هاي موردنياز را از كجا دستيابي نماييد، در مكان قابل قبولي مي باشيد! شما ميتوانيد از يادگرفتن‌ بدون پول HTML و CSS استارت فرمائيد.

در‌اين مسير ميتوانيد شالوده محكمي براي كسب به فعاليت بسط‌دهنده‌اي كه در پي آن ميباشيد، به دست آوريد. شما با مهارت‌هايي مانند HTML و CSS آغاز خواهيد كرد، بعد به مهارت‌هاي توسعه يافته‌تري مانند بسط اينترنت ريسپانسيو، جاوااسكريپت، و غيره مي رويد.