ڊيزائنرز
ايپليڪيشنن، ويب سائيٽن يا راندين جي انٽرفيس کي ترقي ڪرڻ هڪ بلڪه پيچيده عمل آهي ۽ مختلف شعبن مان علم جي درخواست جي ضرورت آهي: انجنيئرنگ، نفسيات ۽ ڊيزائن. يوزر انٽرفيس ڊيزائنرز (انگريزي ۾ - يوزر انٽرفيس يا UI) انهي طريقي تي ڌيان ڏين ٿا ته سائيٽ جي ڪارڪردگي ڏيکاري ٿي (ڳولا، ٽيب، مينيو) ۽ ڪلائنٽ ۽ انٽرفيس جي وچ ۾ رابطي جا تفصيل. UI ڊيزائنر جو مقصد جمالياتي طور تي قابل قبول جديد پراڊڪٽ ڊيزائن آهي . UX آهي استعمال ڪندڙ تجربو، جنهن جو مطلب آهي "صارف تجربو". هڪ UX ڊيزائنر امڪاني صارف پاران انٽرفيس جي استعمال ۽ سمجھڻ تي وڌيڪ ڌيان ڏئي ٿو. اهڙو ماهر اڪثر ڪري تحقيق ۽ سروي ڪندو آهي جيڪو هڪ ڊزائن جو تصور ٺاهڻ جو بنياد ٺاهيندو، ۽ ترقي جي دوران ۽ بعد ۾ تصورات جي جانچ ڪندو. اهو عام طور تي ڍانچي، مواد، نيويگيشن، ۽ صارف انهن عناصر سان ڪيئن لهه وچڙ تي ڌيان ڏئي ٿو.![UX ۽ UI ڊزائينر ڇا ڪندا آھن، ۽ ڇا ڪندا آھن فرنٽ-اينڊ ڊولپر؟ - 2](https://cdn.javarush.com/images/article/fe9c25fe-bd8e-45c7-afb1-7b7b2bcb9b0d/1024.jpeg)
ڇا هڪ UX/UI ڊيزائنر کي ڄاڻڻ جي ضرورت آهي
-
گرافڪ ايڊيٽر . مارڪيٽ تي سڀ کان وڌيڪ مشهور اوزار آهن Adobe Photoshop، Adobe Illustrator، انهي سان گڏ اسڪيچ، فگما. ھڪڙو ايڊيٽر چونڊيو جيڪو توھان لاءِ آسان آھي ۽ پھريون ڪوشش ڪريو ويب سائيٽ يا ايپليڪيشن جا اسڪرين شاٽ ڪڍڻ، انھن کي ٿورڙو جديد بڻايو.
-
پروٽو ٽائپنگ جا اوزار (Mockplus، Axure) . هڪ پروٽو ٽائپنگ اوزار هڪ خيال ۽ ان جي عمل جي وچ ۾ ڪڙي آهي. اهو مسئلو ناهي ته توهان ڪهڙو اوزار استعمال ڪندا آهيو. توهان ڪيترن ئي ڪوشش ڪري سگهو ٿا ۽ هڪ تي فيصلو ڪري سگهو ٿا جيڪو توهان جي انداز ۽ ترجيحن کي پورو ڪري ٿو.
-
استعمال ڪندڙ نفسيات. اڳ ۾ ئي ڊزائن جي اسٽيج تي، توهان کي سوچڻ گهرجي ته ڇا اهو توهان لاء آسان هوندو يا ڪنهن ٻئي لاء هن انٽرفيس کي استعمال ڪرڻ لاء. پنهنجو پاڻ کي ڪلائنٽ جي بوٽن ۾ رکو، ان سان مضبوط ڪنيڪشن ٺاهيو ۽ هن جي ضرورتن تي ڌيان ڏيو. سڀ کان پوء، هڪ پيداوار ڪامياب ٿي ويندي جيڪڏهن ان لاء گهربل هجي.
ڊيزائن جي نفسيات: 8 نفسياتي اصول جيڪي ڊزائين ڪرڻ وقت ڪارآمد ثابت ٿيندا
-
توھان کي پڻ رنگ جي نظريي جي ڄاڻ جي ضرورت پوندي . اسان ننڍپڻ کان ڪجهه شيون ڄاڻون ٿا، خاص طور تي جيڪي آرٽ اسڪول ڏانهن ويا. بهرحال، ڊزائنر جي ڪم جي حوالي سان ڪجهه خاصيتون آهن. بنيادي ڄاڻ انٽرنيٽ تي ڪتابن يا مضمونن مان حاصل ڪري سگھجي ٿي.
-
اهو مشورو ڏنو ويو آهي ته ٽائپوگرافي کي سمجهڻ ، متن ۽ بصري اجزاء کي گڏ ڪرڻ جو هڪ ذريعو.
-
سائيٽ جي جوڙجڪ ۽ استعمال جي صلاحيت.
-
ڪم جي خاصيتن تي مدار رکندي، توهان کي HTML ۽ CSS يا (ڪجهه) پروگرامنگ ٻولين جي سمجھڻ جي ضرورت پوندي (وسيلن جا لنڪ هيٺ ڏجن ٿا، سيڪشن ۾ "ڇا هڪ فرنٽ-اينڊ ڊولپر کي ڄاڻڻ گهرجي").
![UX ۽ UI ڊزائينر ڇا ڪندا آھن، ۽ ڇا ڪندا آھن فرنٽ-اينڊ ڊولپر؟ - 3](https://cdn.javarush.com/images/article/5169d9ce-dce2-4f00-91f3-e306e2acbfd9/1024.jpeg)
فرنٽ-اينڊ ڊولپر
فرنٽ-اينڊ ڊولپر جو بنيادي ڪم انٽرفيس جي ڪلائنٽ حصو کي ترقي ڪرڻ آهي. اھو آھي، ھڪڙو ماهر "بحال" ڪري ٿو جيڪو ڊزائنر ٺاھيو آھي. هو انٽرفيس جي آپريشن ۽ آپريشن جو ذميوار آهي ۽ بصري مواد لاءِ گهٽ. هڪ فرنٽ-اينڊ ڊولپر کي اڪثر ان جي ترقي واري مرحلي دوران يوزر انٽرفيس لاءِ سٺو حل ڳولڻ جي ضرورت آهي، تنهن ڪري هو اڪثر ڪري UX/UI ڊيزائنر سان تعاون ڪندو آهي. فرنٽ-اينڊ ڊولپر پاران لکيل ڪوڊ صارف جي برائوزر ۾ هلندو آهي (جيئن چوندا آهن، "ڪلائنٽ جي پاسي"). انهي سان گڏ، سڀ کان اهم ڪمن مان هڪ آهي انهي کي يقيني بڻائڻ ته سائيٽ يا ويب ايپليڪيشن سڀني پليٽ فارمن ۽ برائوزرن تي ساڳيو نظر اچي ٿي.ڇا هڪ فرنٽ-اينڊ ڊولپر کي ڄاڻڻ گهرجي
ضابطي جي طور تي، فرنٽ-اينڊ ٽن ٿنڀن تي ٻڌل آهي: HTML پيج مارڪ اپ ٻولي، CSS اسٽائل شيٽ ۽ جاوا اسڪرپٽ پروگرامنگ ٻولي. ان کان علاوه، فرنٽ-اينڊ ڊولپر کي HTTP پروٽوڪول، سرورز ۽ برائوزرن جي آپريشن جا اصول، ۽ مختلف ڊوائيسز تي انٽرفيس کي ڊسپلي ڪرڻ جي خاصيتن کي سمجهڻ گهرجي جيڪي هن وقت مارڪيٽ تي آهن. ويب انٽرفيس ٺاهڻ جا اوزار ۽ طريقا مسلسل ترقي ۽ تبديل ٿي رهيا آهن، تنهنڪري ڊولپر کي مسلسل ان جي نگراني ڪرڻ گهرجي.![UX ۽ UI ڊزائينر ڇا ڪندا آھن، ۽ ڇا ڪندا آھن فرنٽ-اينڊ ڊولپر؟ - 4](https://cdn.javarush.com/images/article/9473e642-7ff9-4ee1-8cae-135f8f33181c/1024.jpeg)
HTML ۽ CSS (ترتيب)
هي آهي ترتيب، بلڪل سرن جنهن مان سائيٽ ٺاهي وئي آهي. HTML مارڪ اپ ٻولي سائيٽ جي تنظيم، مواد، ۽ انهن جي وچ ۾ سڀني ڳالهين کي ترتيب ڏئي ٿي. اهو توهان کي اجازت ڏئي ٿو ته صفحي جي مٿئين حصي کي، هيٺيون، پاسي واري بلاڪ کي مواد سان، عنوان، متن جي ڊسپلي ۽ ملٽي ميڊيا عناصر. CSS طرز جي چادرون HTML عناصر کي سجائڻ لاءِ استعمال ٿينديون آهن. اهي اهو طئي ڪن ٿا ته هر گرافڪ عنصر جيڪو صفحي تي واقع آهي ڏيکاريل آهي. HTML5 ۽ CSS3 جي جديد ورزن کي استعمال ڪندي، توھان ھڪڙي صفحي تي وڊيو ۽ آڊيو اجزاء رکي سگھو ٿا، 2D تصويرون ۽ اينيميشن ٺاھي سگھو ٿا، ۽ ھتي سادو رانديون به لکي سگھو ٿا. هڪ ئي وقت سڀني ٽيگ ۽ انداز کي ياد ڪرڻ جي ڪوشش ڪرڻ جي ڪا ضرورت ناهي. اهو مددگار ثابت ٿيندو بنياديات سکڻ ۽ انهن کي فوري طور تي عمل ۾ آڻڻ. هڪ تمام سٺي سائيٽ آهي جتي توهان HTML ۽ CSS جا بنيادي سبق سکي سگهو ٿا W3School آهي. پر صرف جيڪڏهن توهان وٽ گهٽ ۾ گهٽ انگريزي جي بنيادي ڄاڻ آهي. انهي سان گڏ، فرنٽ-اينڊ ڊولپر کي سمجھڻ گهرجي پار-براؤزر ۽ ڪراس-پليٽ فارم ڊولپمينٽ، موافقت ۽ جوابي ترتيب.بوٽ اسٽريپ
اهو HTML، CSS ۽ JavaScript لاءِ هڪ فريم ورڪ آهي. اهو آهي، ڪجهه ٽيمپليٽس جن مان، هڪ تعمير ڪندڙ وانگر، توهان سائيٽن کي گڏ ڪري سگهو ٿا انهن کان سواء گهڻو تيز. پر، يقينا، توهان کي ان کي ترتيب ڏيڻ جي ضرورت آهي ته توهان جي ضرورتن مطابق پاڻ کي. جيڪڏھن توھان انگريزي ڄاڻو ٿا، اسان سفارش ڪريون ٿا getbootstrap ويب سائيٽ ۽ ساڳي w3schools .جاوا اسڪرپٽ
جاوا اسڪرپٽ فرنٽ اينڊ ڊولپمينٽ جو بنيادي حصو آهي. هي پهرين ۽ سڀ کان وڌيڪ وسيع انٽرفيس پروگرامنگ ٻولي آهي. اهو سائيٽ تي ڪيترائي خاصيتون شامل ڪري سگھن ٿا. بنيادي سطح تي، هي ٻولي توهان کي اجازت ڏئي ٿي ته هڪ صفحي تي متعامل عناصر شامل ڪريو. اهو نقشو ٺاهڻ لاءِ استعمال ڪيو ويندو آهي جيڪي حقيقي وقت ۾ تازه ڪاري ڪن ٿا، آن لائين رانديون ۽ فلمون. اسان جي سينئر JavaRush ڪورسز ۾، اسان ٿورو جاوا اسڪرپٽ سکندا آهيون. توھان ان کي ساڳي W3School ۾ پڻ پڙھي سگھو ٿا يا ان بابت روسي ۾ ويب سائيٽ javascript.ru تي پڙھي سگھو ٿا .![UX ۽ UI ڊزائينر ڇا ڪندا آھن، ۽ ڇا ڪندا آھن فرنٽ-اينڊ ڊولپر؟ - 5](https://cdn.javarush.com/images/article/12b9c8b4-ac72-4154-b743-958e86733486/1024.jpeg)
jQuery
jQuery هڪ جاوا اسڪرپٽ لائبريري آهي جنهن ۾ پلگ ان ۽ ايڪسٽينشن شامل آهن جيڪي ترقي کي اڃا به آسان ۽ تيز ڪري سگهن ٿيون. شروع کان ڪوڊ لکڻ جي بدران، لائبريريون توهان کي تيار ڪيل اجزاء شامل ڪرڻ جي اجازت ڏين ٿيون، جيڪي پوء هڪ مخصوص منصوبي لاء ترتيب ڏئي سگهجن ٿيون. توھان استعمال ڪري سگھوٿا خودڪار ڀرڻ وارا سرچ فارم، گرڊ کي ٻيهر ترتيب ڏيڻ ۽ ريزي ڪرڻ، ۽ ڳڻپ ٽائمرز کي ترتيب ڏيڻ. هٿ تي jQuery ڪورس w3school تيجاوا اسڪرپٽ فريم ورڪ
اتي مختلف قسم جا فريم ورڪ آھن، پر توھان ھڪڙو چونڊي سگھوٿا جيڪو توھان لاءِ استعمال ڪرڻ آسان آھي. سڀ کان وڌيڪ مشهور آهن Angular، Backbone، Ember، ۽ React. اهي ڪوڊ لاء تيار ڪيل ساخت جي نمائندگي ڪن ٿا. اهي ترقي کي تيز ڪرڻ ۾ مدد ڪن ٿا. ۽ لائبريرين سان ميلاپ ۾ اهي ويب سائيٽ يا ايپليڪيشن جي ترقي کي شروع کان گھٽ ڪري سگهن ٿا. 2017 جي 5 مشهور جاوا اسڪرپٽ فريم ورڪ ۽ لائبريرين جو جائزوGit ورجن ڪنٽرول سسٽم
نسخي ڪنٽرول سسٽم وقت جي حوالي سان ڪوڊ ۾ ڪيل تبديلين کي ٽريڪ ڪري سگھن ٿا. اهي پڻ توهان کي منصوبي جي پوئين ورزن ڏانهن موٽڻ جي اجازت ڏين ٿا. Git سڀ کان وڏي پيماني تي استعمال ٿيل نسخو ڪنٽرول سسٽم آهي. ڄاڻو ته Git سان ڪيئن ڪم ڪجي هر ڊولپر لاءِ هڪ اهم مهارت آهي. روسي ۾ گيٽ سبق![UX ۽ UI ڊزائينر ڇا ڪندا آھن، ۽ ڇا ڪندا آھن فرنٽ-اينڊ ڊولپر؟ - 6](https://cdn.javarush.com/images/article/ecc1ed63-2d17-4265-af2d-a33e4ef29714/1024.jpeg)
GO TO FULL VERSION