فرنٹ اینڈ ڈویلپرز کے لئے ماسٹر کو بنیادی مہارتیں
ئەو ڤیدیۆی بوویە هۆی تۆبە کردنی زۆر گەنج
فہرست کا خانہ:
- آپ کیا جاننا چاہتے ہیں
- سی ایس ایس
- جاوا اسکرپٹ
- اچھی مہارت ہے
- MV * جاوا اسکرپٹ فریم ورک
- سی ایس ایس کے اوزار
- فرنٹ اینڈ کی تعمیر کا اوزار
- نتیجہ
ملازمت کی اشاعتیں ان کے سامنے سامنے کے ڈویلپر میں نظر آتی ہیں. کچھ کمپنیاں چاہتے ہیں کہ درخواست دہندگان روبی، گیٹ، ڈیزائن کے اوزار، ویڈیو ایڈیٹنگ اور چیزوں کی طرح چیزیں جانیں.
تاہم، کچھ مہارتیں ہیں جو کسی بھی سامنے کے آخر میں ترقیاتی کام کی ضرورت ہوتی ہے- "بنیادی" کی مہارت اور چند دیگر جو آپ کو اپنے ریپرٹوائر میں شامل کرنے پر سنجیدگی سے غور کرنا چاہئے.
آپ کیا جاننا چاہتے ہیں
جاننے کے لۓ ڈویل لسٹنگ آن لائن براؤز کرنے کے لئے سامنے کے اختتامی ڈویلپرز کی کلید کی تلاش میں آن لائن براؤز کریں. وہاں تین اہم چیزیں ہیں. غیر مذاکرات.
اور وہ ہیں:
- ایچ ٹی ایم ایل
- سی ایس ایس
- جاوا اسکرپٹ (jQuery)
یہ بنیادی ہیں. خوش قسمتی سے، وہاں بہت سارے مفت یا سستی آن لائن سیکھنے والے پلیٹ فارم ہیں جہاں آپ ان مہارتوں کو سیکھ سکتے ہیں اگر آپ انہیں پہلے ہی نہیں جانتے ہیں.
ایچ ٹی ایم ایل
ہائپر ٹیکسٹ مارک اپ زبان، یا ایچ ٹی ایم ایل، انٹرنیٹ پر تمام ویب سائٹس کی اہم ساختہ جزو ہے. جینیفر کرینن کا کہنا ہے کہ،
"یہ ویب صفحات کی زبان ہے- مارک اپ زبان جس براؤزر ویب صفحات فراہم کرنے کے لئے پڑھتے ہیں."
ایچ ٹی ایم ایل کے بغیر ویب صفحات موجود نہیں ہوسکتے ہیں.
سی ایس ایس
سی ایس ایس اور ایچ ٹی ایم ایل مل کر کام کرتے ہیں: سی ایس ایس سٹائل کو ایچ ٹی ایم ایل کہتے ہیں. میں تعصب کا استعمال کرنا چاہتا ہوں کہ HTML ایک چہرے کی طرح ہے، اور سی ایس ایس میک اپ کی طرح ہے.
اگرچہ سی ایس ایس ایک ویب سائٹ آن لائن حاصل کرنے کے لئے ضروری نہیں ہے، بنیادی طور پر ہر ویب سائٹ آن لائن کسی قسم کی اسٹائل کا استعمال کرتا ہے.
ورنہ، یہ بہت بورنگ ہو گا. سی ایس ایس کے سب سے حالیہ ورژن کے ساتھ، آپ ان چیزیں جیسے متحرک تصاویر اور اعلی درجے کی اسٹائل کر سکتے ہیں جو ماضی میں جاوا اسکرپٹ یا فلیش کے ساتھ صرف ممکن تھا.
جاوا اسکرپٹ
جاوا سکرپٹ، یا جے ایس، سالوں میں تیزی سے آگے بڑھا رہا ہے. آج کل بہت سے مقاصد ہیں اور سامنے یا پیچھے کے آخر میں استعمال کیا جا سکتا ہے.
سامنے کے آخر میں ترقی کے سلسلے میں، جے ایس اہم ہے کیونکہ یہ ویب صفحات انٹرایکٹو بنانے میں مدد ملتی ہے. آپ انتخابات، سوالات یا فارم جمع کرنے کی طرح بہت اچھے کام کرسکتے ہیں. آج کل آپ کے ویب صفحات اگلے درجے تک لے جانے میں مدد کرنے کے لئے بہت سے جی ایس لائبریریوں آن لائن ہیں.
تاہم، سامنے کے آخر میں ڈویلپر بننے کے لئے، آپ کو صرف بنیادی جاوا سکرپٹ کے ساتھ ساتھ سب سے زیادہ مقبول جے ایس لائبریری - jQuery کو سمجھنا پڑے گا.
اچھی مہارت ہے
بنیادی طور پر نیچے آنے کے بعد، یہ دیگر مہارتیں ہیں جو کرنے کے لئے اچھا ہے. (اور بہت سے سامنے کے آخر میں ترقیاتی ملازمتیں ان کے لئے نظر آتی ہیں.)
MV * جاوا اسکرپٹ فریم ورک
جاوا اسکرپٹ فریم ورک آپ کو اپنے کوڈ کو منظم اور سنبھالنے میں مدد ملتی ہے.
جہاں تک ایم ایم * (یا MVC) کے اختیارات چلتے ہیں، وہاں وہاں سے تیس ہیں: دو سے زیادہ مقبول بیکبون.js اور angular.js.
کسی شک کے بغیر، جے ایس فریم ورک کو سیکھنا سچے سامنے کے آخر میں ڈویلپر بننے کا سب سے بڑا حصہ ہے، لیکن اگلے درجے میں آپ کی مہارت لینے کا بہترین طریقہ ہے.
سی ایس ایس کے اوزار
مندرجہ بالا جاوا اسکرپٹ فریم ورک کے مقابلے میں، ذیل میں سی ایس ایس کے اوزار کو سیکھنے کے لئے نسبتا آسان ہے. تلاش کرنے کے لئے تین قسم ہیں:
- Precompilers: precompiler کا استعمال کرتے ہوئے (یا پری پروسوسیسر) میں بہت سے فوائد ہیں، تنظیم کو برقرار رکھنے کے لئے کوڈ کلینر بنانے سے. یہ سی ایس ایس لکھنے اور DRY کو فروغ دینے کا ایک آسان طریقہ ہے (اپنے آپ کو خود کو دوبارہ نہ ڈالو). ڈاؤن لوڈ، اتارنا سی ایس ایس precompilers ساس، کم، اور Stylus ہیں. اگر آپ صرف شروع کر رہے ہیں تو، ایک سیکھنے کے لئے رہنا.
- سی ایس ایس فریم ورک: سی ایس ایس فریم ورک بلٹ ان گرڈ اور دوسرے سی ایس ایس اجزاء کے ساتھ اپنے کام کے بہاؤ کو بہتر بنانے میں مدد کریں. دو مقبول مثالیں بوٹسٹریپ اور فاؤنڈیشن ہیں.
- جوابانہ خاکہ: ان دنوں، وہاں بہت سے مختلف قسم کے آلات ہیں جو آپ کی سائٹ کو ان سب کو اپنانے کے قابل ہونا چاہئے. قبول ڈیزائن آپ کو سائٹس کی تعمیر میں مدد ملتی ہے جو تمام سکرین کے سائز پر کام کرتا ہے - ڈیسک ٹاپ، ٹیبلٹ اور اسمارٹ فون. بوٹسٹریپ اور فاؤنڈیشن کے فریم ورکز میں ذمہ دار ڈیزائن بنایا گیا ہے، لہذا اگر آپ ان میں سے ایک سیکھتے ہیں تو آپ کو مقرر کیا جاتا ہے.
فرنٹ اینڈ کی تعمیر کا اوزار
ایک ڈویلپر کے طور پر، آپ کو فائل کا سائز کی اصلاح اور ورک فلو کی کارکردگی کو منظم کرنے کے قابل ہونا چاہئے. یہ اوزار مدد کر سکتی ہیں.
- پیکیج مینجمنٹ: یہ تمام لائبریریوں، اثاثوں کو منظم کرنے کے لئے مشکل ہوسکتا ہے، اور اس طرح، خاص طور پر بڑے منصوبوں کے لۓ یا آپ ٹیم کے ساتھ کام کر رہے ہیں. ایک مینیجر مینیجر کا استعمال کریں، بور کی طرح، ہر چیز کو حل کرنے اور اپنے اپ ڈیٹس کا لاگ ان رکھنے کے لۓ.
- Yeoman.io: اگر آپ کبھی کبھی منصوبوں کو زمین سے دور کرنے میں مصیبت رکھتے ہیں تو، آپ کو منصوبوں کے ساتھ جلدی سے شروع کرنے اور پیداواری رہنے کیلئے یومیم کا استعمال کریں. یہ کمانڈ لائن پر چل رہا ہے.
- ٹاسک رنر: گرنٹ یا گلپ کا استعمال کریں، جو کمانڈ لائن پر بھی چلاتا ہے، فائلوں کو کمپیکٹ اور کام کے بہاؤ کو بہتر بنانے کے لئے. وہ ساس یا کم پری پروسیسرز کے لئے compilers کے طور پر کام کر سکتے ہیں، اور دوسری خصوصیات کے لئے پلگ ان کی ایک بڑی حد بھی ہے.
نتیجہ
اگرچہ بہت اچھا لگ رہا ہے، ان کی بہت خوبی لگتی ہے، ان کے بارے میں سوچیں جیسے آپ کو وقت کے ساتھ شامل کرنا چاہئے. آپ کو جاننے کی بنیادی چیزیں HTML، CSS، اور جاوا اسکرپٹ ہیں.
اگر آپ کے پاس کسی دوسرے ویب کی مہارت ہوتی ہے، یہاں تک کہ اگر وہ فرنٹ اینڈ سے متعلقہ نہیں ہیں، تو انہیں ٹیبل میں لے جائیں، ڈیزائن کی طرح، ویڈیو ایڈیٹنگ، SEO، وغیرہ.
فرنٹ اینڈ فریم ورک کے لئے بوٹسٹریپ یا فاؤنڈیشن
فرنٹ اختتام فریم ورک سائٹ سائٹ کی تعمیر کو عملدرآمد کرتے ہیں. دو مقبول اختیارات کے درمیان فرق جانیں: بوٹسٹریپ اور فاؤنڈیشن.
فرنٹ اینڈ ویب ڈویلپر کے لئے نمونہ کور خط
ایک مماثل دوبارہ شروع کے ساتھ ساتھ سامنے کے آخر میں ویب ڈویلپر پوزیشن کے لئے خط خط مثال. پلس، ملازمتوں کے لئے اضافی نمونہ کا احاطہ اور دوبارہ شروع.
فرنٹ اینڈ بمقابلہ بینڈ اینڈ بمقابلہ مکمل اسٹیک ویب ترقی
سامنے کے آخر میں، بیک کے آخر میں، اور مکمل اسٹیک ویب ترقی کے درمیان اختلافات جانیں، ہر ایک اور ہر ایک کا مقصد.