آئي ٽي انڊسٽري ۾ ڊزائن سان لاڳاپيل ڪافي علائقا آهن. انهن مان سڀ کان وڌيڪ عام ڊزائنر آهن، جيڪي مخففات UX ۽ UI جي پويان لڪيل آهن. چ ،و ، ڪجهه ماڻهو پڻ شامل ڪرڻ جو انتظام ڪن ٿا فرنٽ اينڊ ڊولپرز کي ڊزائنر طور شامل ڪرڻ. اچو ته اهو معلوم ڪرڻ جي ڪوشش ڪريون ته آئي ٽي دنيا ۾ ڊزائنر ڪير آهن، UI ۽ UX ۾ ڪهڙو فرق آهي، ۽ فرنٽ-اينڊ انجنيئرن کي ڊزائين ڪرڻ جو ڪهڙو تعلق آهي.
ڊيزائنرز
ايپليڪيشنن، ويب سائيٽن يا راندين جي انٽرفيس کي ترقي ڪرڻ هڪ بلڪه پيچيده عمل آهي ۽ مختلف شعبن مان علم جي درخواست جي ضرورت آهي: انجنيئرنگ، نفسيات ۽ ڊيزائن. يوزر انٽرفيس ڊيزائنرز (انگريزي ۾ - يوزر انٽرفيس يا UI) انهي طريقي تي ڌيان ڏين ٿا ته سائيٽ جي ڪارڪردگي ڏيکاري ٿي (ڳولا، ٽيب، مينيو) ۽ ڪلائنٽ ۽ انٽرفيس جي وچ ۾ رابطي جا تفصيل. UI ڊيزائنر جو مقصد جمالياتي طور تي قابل قبول جديد پراڊڪٽ ڊيزائن آهي . UX آهي استعمال ڪندڙ تجربو، جنهن جو مطلب آهي "صارف تجربو". هڪ UX ڊيزائنر امڪاني صارف پاران انٽرفيس جي استعمال ۽ سمجھڻ تي وڌيڪ ڌيان ڏئي ٿو. اهڙو ماهر اڪثر ڪري تحقيق ۽ سروي ڪندو آهي جيڪو هڪ ڊزائن جو تصور ٺاهڻ جو بنياد ٺاهيندو، ۽ ترقي جي دوران ۽ بعد ۾ تصورات جي جانچ ڪندو. اهو عام طور تي ڍانچي، مواد، نيويگيشن، ۽ صارف انهن عناصر سان ڪيئن لهه وچڙ تي ڌيان ڏئي ٿو.
اهو پيدا ڪري ٿو sitemaps، پروٽوٽائپس، جيڪي سافٽ ويئر ٺاهڻ وقت بنيادي ڍانچي آهن. UX ڊيزائنر جي ڪم جو مقصد صارف لاءِ آهي جلدي ۽ بي دردي سان سائيٽ تان حاصل ڪرڻ لاءِ جنهن لاءِ هو هتي آيو آهي . بهرحال، اڄ اهو ڏسڻ لاء تمام عام آهي ته اهي ٻه خاصيتون هڪ سليش سان لکيل آهن. اهو آهي، ٻنهي طرفن جا ڪم هڪ ماهر طرفان ڪيا ويا آهن. هڪ UX/UI ڊيزائنر صارف جي انٽرفيس سان رابطي کي ترتيب ڏئي ٿو، فيصلو ڪري ٿو ته هن کي ڇا ڪرڻ جي ضرورت آهي ۽ اهو ذميوار آهي ته اهو انٽرفيس ڪيئن نظر ايندو نتيجي طور.
ڇا هڪ UX/UI ڊيزائنر کي ڄاڻڻ جي ضرورت آهي
گرافڪ ايڊيٽر . مارڪيٽ تي سڀ کان وڌيڪ مشهور اوزار آهن Adobe Photoshop، Adobe Illustrator، انهي سان گڏ اسڪيچ، فگما. ھڪڙو ايڊيٽر چونڊيو جيڪو توھان لاءِ آسان آھي ۽ پھريون ڪوشش ڪريو ويب سائيٽ يا ايپليڪيشن جا اسڪرين شاٽ ڪڍڻ، انھن کي ٿورڙو جديد بڻايو.
پروٽو ٽائپنگ جا اوزار (Mockplus، Axure) . هڪ پروٽو ٽائپنگ اوزار هڪ خيال ۽ ان جي عمل جي وچ ۾ ڪڙي آهي. اهو مسئلو ناهي ته توهان ڪهڙو اوزار استعمال ڪندا آهيو. توهان ڪيترن ئي ڪوشش ڪري سگهو ٿا ۽ هڪ تي فيصلو ڪري سگهو ٿا جيڪو توهان جي انداز ۽ ترجيحن کي پورو ڪري ٿو.
استعمال ڪندڙ نفسيات. اڳ ۾ ئي ڊزائن جي اسٽيج تي، توهان کي سوچڻ گهرجي ته ڇا اهو توهان لاء آسان هوندو يا ڪنهن ٻئي لاء هن انٽرفيس کي استعمال ڪرڻ لاء. پنهنجو پاڻ کي ڪلائنٽ جي بوٽن ۾ رکو، ان سان مضبوط ڪنيڪشن ٺاهيو ۽ هن جي ضرورتن تي ڌيان ڏيو. سڀ کان پوء، هڪ پيداوار ڪامياب ٿي ويندي جيڪڏهن ان لاء گهربل هجي.
توھان کي پڻ رنگ جي نظريي جي ڄاڻ جي ضرورت پوندي . اسان ننڍپڻ کان ڪجهه شيون ڄاڻون ٿا، خاص طور تي جيڪي آرٽ اسڪول ڏانهن ويا. بهرحال، ڊزائنر جي ڪم جي حوالي سان ڪجهه خاصيتون آهن. بنيادي ڄاڻ انٽرنيٽ تي ڪتابن يا مضمونن مان حاصل ڪري سگھجي ٿي.
ڪم جي خاصيتن تي مدار رکندي، توهان کي HTML ۽ CSS يا (ڪجهه) پروگرامنگ ٻولين جي سمجھڻ جي ضرورت پوندي (وسيلن جا لنڪ هيٺ ڏجن ٿا، سيڪشن ۾ "ڇا هڪ فرنٽ-اينڊ ڊولپر کي ڄاڻڻ گهرجي").
فرنٽ-اينڊ ڊولپر
فرنٽ-اينڊ ڊولپر جو بنيادي ڪم انٽرفيس جي ڪلائنٽ حصو کي ترقي ڪرڻ آهي. اھو آھي، ھڪڙو ماهر "بحال" ڪري ٿو جيڪو ڊزائنر ٺاھيو آھي. هو انٽرفيس جي آپريشن ۽ آپريشن جو ذميوار آهي ۽ بصري مواد لاءِ گهٽ. هڪ فرنٽ-اينڊ ڊولپر کي اڪثر ان جي ترقي واري مرحلي دوران يوزر انٽرفيس لاءِ سٺو حل ڳولڻ جي ضرورت آهي، تنهن ڪري هو اڪثر ڪري UX/UI ڊيزائنر سان تعاون ڪندو آهي. فرنٽ-اينڊ ڊولپر پاران لکيل ڪوڊ صارف جي برائوزر ۾ هلندو آهي (جيئن چوندا آهن، "ڪلائنٽ جي پاسي"). انهي سان گڏ، سڀ کان اهم ڪمن مان هڪ آهي انهي کي يقيني بڻائڻ ته سائيٽ يا ويب ايپليڪيشن سڀني پليٽ فارمن ۽ برائوزرن تي ساڳيو نظر اچي ٿي.
ڇا هڪ فرنٽ-اينڊ ڊولپر کي ڄاڻڻ گهرجي
ضابطي جي طور تي، فرنٽ-اينڊ ٽن ٿنڀن تي ٻڌل آهي: HTML پيج مارڪ اپ ٻولي، CSS اسٽائل شيٽ ۽ جاوا اسڪرپٽ پروگرامنگ ٻولي. ان کان علاوه، فرنٽ-اينڊ ڊولپر کي HTTP پروٽوڪول، سرورز ۽ برائوزرن جي آپريشن جا اصول، ۽ مختلف ڊوائيسز تي انٽرفيس کي ڊسپلي ڪرڻ جي خاصيتن کي سمجهڻ گهرجي جيڪي هن وقت مارڪيٽ تي آهن. ويب انٽرفيس ٺاهڻ جا اوزار ۽ طريقا مسلسل ترقي ۽ تبديل ٿي رهيا آهن، تنهنڪري ڊولپر کي مسلسل ان جي نگراني ڪرڻ گهرجي.
HTML ۽ CSS (ترتيب)
هي آهي ترتيب، بلڪل سرن جنهن مان سائيٽ ٺاهي وئي آهي. HTML مارڪ اپ ٻولي سائيٽ جي تنظيم، مواد، ۽ انهن جي وچ ۾ سڀني ڳالهين کي ترتيب ڏئي ٿي. اهو توهان کي اجازت ڏئي ٿو ته صفحي جي مٿئين حصي کي، هيٺيون، پاسي واري بلاڪ کي مواد سان، عنوان، متن جي ڊسپلي ۽ ملٽي ميڊيا عناصر. CSS طرز جي چادرون HTML عناصر کي سجائڻ لاءِ استعمال ٿينديون آهن. اهي اهو طئي ڪن ٿا ته هر گرافڪ عنصر جيڪو صفحي تي واقع آهي ڏيکاريل آهي. HTML5 ۽ CSS3 جي جديد ورزن کي استعمال ڪندي، توھان ھڪڙي صفحي تي وڊيو ۽ آڊيو اجزاء رکي سگھو ٿا، 2D تصويرون ۽ اينيميشن ٺاھي سگھو ٿا، ۽ ھتي سادو رانديون به لکي سگھو ٿا. هڪ ئي وقت سڀني ٽيگ ۽ انداز کي ياد ڪرڻ جي ڪوشش ڪرڻ جي ڪا ضرورت ناهي. اهو مددگار ثابت ٿيندو بنياديات سکڻ ۽ انهن کي فوري طور تي عمل ۾ آڻڻ. هڪ تمام سٺي سائيٽ آهي جتي توهان HTML ۽ CSS جا بنيادي سبق سکي سگهو ٿا W3School آهي. پر صرف جيڪڏهن توهان وٽ گهٽ ۾ گهٽ انگريزي جي بنيادي ڄاڻ آهي.
انهي سان گڏ، فرنٽ-اينڊ ڊولپر کي سمجھڻ گهرجي پار-براؤزر ۽ ڪراس-پليٽ فارم ڊولپمينٽ، موافقت ۽ جوابي ترتيب.
بوٽ اسٽريپ
اهو HTML، CSS ۽ JavaScript لاءِ هڪ فريم ورڪ آهي. اهو آهي، ڪجهه ٽيمپليٽس جن مان، هڪ تعمير ڪندڙ وانگر، توهان سائيٽن کي گڏ ڪري سگهو ٿا انهن کان سواء گهڻو تيز. پر، يقينا، توهان کي ان کي ترتيب ڏيڻ جي ضرورت آهي ته توهان جي ضرورتن مطابق پاڻ کي. جيڪڏھن توھان انگريزي ڄاڻو ٿا، اسان سفارش ڪريون ٿا getbootstrap ويب سائيٽ ۽ ساڳي w3schools .
جاوا اسڪرپٽ
جاوا اسڪرپٽ فرنٽ اينڊ ڊولپمينٽ جو بنيادي حصو آهي. هي پهرين ۽ سڀ کان وڌيڪ وسيع انٽرفيس پروگرامنگ ٻولي آهي. اهو سائيٽ تي ڪيترائي خاصيتون شامل ڪري سگھن ٿا. بنيادي سطح تي، هي ٻولي توهان کي اجازت ڏئي ٿي ته هڪ صفحي تي متعامل عناصر شامل ڪريو. اهو نقشو ٺاهڻ لاءِ استعمال ڪيو ويندو آهي جيڪي حقيقي وقت ۾ تازه ڪاري ڪن ٿا، آن لائين رانديون ۽ فلمون. اسان جي سينئر JavaRush ڪورسز ۾، اسان ٿورو جاوا اسڪرپٽ سکندا آهيون. توھان ان کي ساڳي W3School ۾ پڻ پڙھي سگھو ٿا يا ان بابت روسي ۾ ويب سائيٽ javascript.ru تي پڙھي سگھو ٿا .
jQuery
jQuery هڪ جاوا اسڪرپٽ لائبريري آهي جنهن ۾ پلگ ان ۽ ايڪسٽينشن شامل آهن جيڪي ترقي کي اڃا به آسان ۽ تيز ڪري سگهن ٿيون. شروع کان ڪوڊ لکڻ جي بدران، لائبريريون توهان کي تيار ڪيل اجزاء شامل ڪرڻ جي اجازت ڏين ٿيون، جيڪي پوء هڪ مخصوص منصوبي لاء ترتيب ڏئي سگهجن ٿيون. توھان استعمال ڪري سگھوٿا خودڪار ڀرڻ وارا سرچ فارم، گرڊ کي ٻيهر ترتيب ڏيڻ ۽ ريزي ڪرڻ، ۽ ڳڻپ ٽائمرز کي ترتيب ڏيڻ. هٿ تي jQuery ڪورس w3school تي
جاوا اسڪرپٽ فريم ورڪ
اتي مختلف قسم جا فريم ورڪ آھن، پر توھان ھڪڙو چونڊي سگھوٿا جيڪو توھان لاءِ استعمال ڪرڻ آسان آھي. سڀ کان وڌيڪ مشهور آهن Angular، Backbone، Ember، ۽ React. اهي ڪوڊ لاء تيار ڪيل ساخت جي نمائندگي ڪن ٿا. اهي ترقي کي تيز ڪرڻ ۾ مدد ڪن ٿا. ۽ لائبريرين سان ميلاپ ۾ اهي ويب سائيٽ يا ايپليڪيشن جي ترقي کي شروع کان گھٽ ڪري سگهن ٿا. 2017 جي 5 مشهور جاوا اسڪرپٽ فريم ورڪ ۽ لائبريرين جو جائزو
Git ورجن ڪنٽرول سسٽم
نسخي ڪنٽرول سسٽم وقت جي حوالي سان ڪوڊ ۾ ڪيل تبديلين کي ٽريڪ ڪري سگھن ٿا. اهي پڻ توهان کي منصوبي جي پوئين ورزن ڏانهن موٽڻ جي اجازت ڏين ٿا. Git سڀ کان وڏي پيماني تي استعمال ٿيل نسخو ڪنٽرول سسٽم آهي. ڄاڻو ته Git سان ڪيئن ڪم ڪجي هر ڊولپر لاءِ هڪ اهم مهارت آهي. روسي ۾ گيٽ سبق
مختصر نتيجا
UI جو مطلب آهي User Interface، جنهن جو مطلب آهي ”يوزر انٽرفيس“. اهو آهي، UI ڊيزائنر بنيادي طور تي ذميوار آهي ته ڪيئن پراڊڪٽ صارف کي پيش ڪيو وڃي. هو بٽڻ، شبیہیں ٺاهي ٿو، فونٽ چونڊي ٿو، ۽ هڪ ترتيب تيار ڪري ٿو. UX استعمال ڪندڙ تجربو لاء بيٺل آهي. تنهن ڪري هڪ UX ڊيزائنر ويب سائيٽ، ايپليڪيشن - يا ڪنهن به شيءِ جي ڊيزائن ٺاهي ٿو - ته جيئن صارف آرامده ۽ سمجهي سگهي ته ڇا آهي، ۽ هو گهٽ ۾ گهٽ ڪوشش سان سائيٽ مان گهربل شيون حاصل ڪري سگهي ٿو. گهڻو ڪري، ٻنهي قسمن جا ڪم هڪ مرد آرڪسٽرا پاران ڪيا ويا آهن: هڪ UI/UX ڊزائينر. فرنٽ-اينڊ ڊولپر ڊيزائنرز جي ڪم کي متحرڪ ڪري ٿو ان ۾ متحرڪ متعارف ڪرائڻ سان: بٽڻ دٻائڻ شروع ٿين ٿا، ۽ تصوير تبديل ٿيڻ شروع ٿئي ٿي. هن کي پروگرامنگ ٻولين کي ڄاڻڻ گهرجي، فريم ورڪ، اڳوڻو پروسيسرز ۽ لائبريرين سان گڏ.
GO TO FULL VERSION