ফ্রন্ট-এন্ড ডেভেলপারদের জন্য মাস্টার থেকে কোর দক্ষতা

একটি ফ্রন্ট-এন্ড ডেভেলপারে তারা যা দেখতে পায় সেগুলির মধ্যে চাকরী পোস্টিং পরিবর্তিত হয়। কিছু কোম্পানি আবেদনকারীকে রুবি , জিআইটি, ডিজাইনার টুলস, ভিডিও এডিটিং এর মত বিষয়গুলি জানাতে চায় - এবং তালিকাটি চলে যায়

যাইহোক, কয়েকটি দক্ষতা আছে যে কোনও ফ্রন্ট-এন্ড ডেভেলপমেন্টের কাজটি প্রয়োজন - "কোর" দক্ষতাগুলি - এবং কয়েকটি অন্যদের যে আপনাকে গুরুত্বপুর্ণভাবে আপনার থিয়েটারে যোগ করা উচিত।

আপনাকে জানতে হবে কি

ফ্রন্ট-এন্ড ডেভেলপারদের কী কী কী কী কী কী কী কী আছে সেগুলি জানতে এবং বোঝার জন্য অনুসন্ধানের তালিকা অনলাইনে ব্রাউজ করুন; তিনটি গুরুত্বপূর্ণ জিনিস আছে

অ বিনিমেয়।

এবং তারা:

  1. এইচটিএমএল
  2. সিএসএস
  3. জাভাস্ক্রিপ্ট (jQuery)

এই মৌলিক হয় সৌভাগ্যবশত, অনেকগুলি বিনামূল্যের বা সাশ্রয়ী মূল্যের অনলাইন শেখার প্ল্যাটফর্ম যেখানে আপনি এই দক্ষতাগুলি শিখতে পারেন যদি আপনি তাদের আগে থেকেই না জানেন।

এইচটিএমএল

হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ, বা এইচটিএমএল, ইন্টারনেটের সকল ওয়েবসাইটে কী স্ট্রাকচারাল উপাদান। জেনিফার কিরিন বলছেন,

"এটি ওয়েব পেজগুলির ভাষা - মার্কআপ ল্যাঙ্গুয়েজ যা ওয়েব পেজগুলি রেন্ডারে ব্রাউজারে পাঠায়।"

এইচটিএমএল ছাড়া ওয়েব পেজ বিদ্যমান থাকতে পারে না

সিএসএস

সিএসএস এবং এইচটিএমএল একসাথে কাজ করে: সিএসএস এইচটিএমএলের স্টাইল যোগ করে আমি এইচটিএমএল একটি মুখ মত অনুরূপ ব্যবহার করতে চাই, এবং CSS মেকআপ মত হয়।

যদিও সিএসএস ওয়েবসাইটটি অনলাইনে পেতে প্রয়োজন হয় না, মূলত প্রত্যেকটি সাইট অনলাইনে কোন ধরনের স্টাইলিং ব্যবহার করে।

অন্যথায়, এটি বেশ বিরক্তিকর হবে। CSS এর সবচেয়ে সাম্প্রতিক সংস্করণগুলির সাথে, আপনি অ্যানিমেশন এবং আরও উন্নত স্টাইলিং যা অতীতের জাভাস্ক্রিপ্ট বা ফ্ল্যাশের সাথে কেবলমাত্র সম্ভব হিসাবে করতে পারে।

জাভাস্ক্রিপ্ট

জাভাস্ক্রিপ্ট, বা জেএস, বছর ধরে দ্রুত এগিয়ে যাচ্ছে। আজকাল অনেকগুলি উদ্দেশ্য আছে এবং সামনে বা পিছনের দিকে ব্যবহার করা যেতে পারে।

ফ্রন্ট-এন্ড ডেভেলপমেন্টের ক্ষেত্রে, এটি গুরুত্বপূর্ণ কারণ ওয়েব পেজগুলি ইন্টারেক্টিভ করে তোলে। আপনি নির্বাচন, মতামত বা ফর্ম জমা তৈরির মত সন্ত্রস্ত কাজ করতে পারেন।

আজকাল আপনাদের ওয়েব পৃষ্ঠাগুলিকে পরবর্তী স্তরে নিয়ে যাওয়ার জন্য অসংখ্য অনলাইন লাইব্রেরি রয়েছে।

যাইহোক, একটি ফ্রন্ট-এন্ড ডেভেলপার হওয়ার জন্য, আপনাকে কেবল বেসিক জাভাস্ক্রিপ্ট এবং সেইসাথে সর্বাধিক জনপ্রিয় JS লাইব্রেরি বুঝতে হবে - jQuery।

নিস-haves করতে

মূল বিষয়গুলি পাওয়ার পর, এইগুলি অন্যান্য দক্ষতাগুলি আছে যা চমৎকার। (এবং ফ্রন্ট-এন্ড ডেভেলপমেন্টের অনেক কাজ তাদের জন্য দেখুন।)

এমভি * জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক

জাভাস্ক্রিপ্ট কাঠামো আপনাকে আপনার কোড সংগঠিত এবং সংকুচিত করতে সহায়তা করে।

যতক্ষণ পর্যন্ত MV * (বা MVC) বিকল্পগুলি যায়, সেখানে ত্রিশ জন আছে: সর্বাধিক জনপ্রিয় ব্যাকবোন.জির এবং angular.js।

একটি সন্দেহ নেই, একটি JS ফ্রেমওয়ার্ক শেখার একটি সত্য ফ্রন্ট-এন্ড ডেভেলপার হওয়ার সবচেয়ে কঠিন অংশ, কিন্তু পরবর্তী স্তরে আপনার দক্ষতা গ্রহণ করার সেরা উপায়।

সিএসএস সরঞ্জাম

উপরের জাভাস্ক্রিপ্ট ফ্রেমওয়ার্কগুলির তুলনায়, সিএসএস সরঞ্জামগুলি শিখতে অপেক্ষাকৃত সহজ। সন্ধান করার জন্য তিন ধরণের আছে:

Precompilers: একটি precompiler (বা preprocessor) ব্যবহার করে অনেক সুবিধা আছে, প্রতিষ্ঠানের বজায় রাখার জন্য কোড ক্লিনার তৈরি থেকে। CSS লিখতে এবং DRY (নিজের পুনরাবৃত্তি করবেন না) নীতিগুলি প্রচার করার একটি সহজ উপায় জনপ্রিয় সিএসএস প্রাক কম্পিমারস Sass, কম এবং স্টাইলাস। আপনি যদি শুরু করেন, তাহলে শিখতে হবে

CSS ফ্রেমওয়ার্কগুলি: CSS ফ্রেমওয়ার্কগুলি আপনার অন্তর্নির্মিত গ্রিডগুলি এবং অন্যান্য CSS উপাদানগুলির সাথে আপনার কার্যপ্রবাহটিকে সর্বোত্তমভাবে সহায়তা করে। দুটি জনপ্রিয় উদাহরণ বুটস্ট্র্যাপ এবং ফাউন্ডেশন।

প্রতিক্রিয়াশীল নকশা: এই দিন, আপনার সাইট তাদের সব অভিযোজিত করতে সক্ষম হওয়া উচিত যে ডিভাইসের অনেকগুলি বিভিন্ন ধরণের আছে। প্রতিক্রিয়াশীল ডিজাইন আপনাকে সমস্ত স্ক্রিন মাপের কাজ করে এমন সাইট তৈরি করতে সহায়তা করে - ডেস্কটপ, ট্যাবলেট এবং স্মার্টফোন। বুটস্ট্র্যাপ এবং ফাউন্ডেশনের মত ফ্রেমওয়ার্কগুলির মধ্যে প্রতিক্রিয়াশীল ডিজাইন নির্মিত হয়েছে, তাই আপনি যদি সেগুলির মধ্যে একটি শিখতে পারেন তবে আপনি সেট করছেন।

ফ্রন্ট-এন্ড বিল্ড সরঞ্জামগুলি

একটি ডেভেলপার হিসাবে, আপনি ফাইলের আকার অপ্টিমাইজেশান এবং ওয়ার্কফ্লো দক্ষতা পরিচালনা করতে সক্ষম হওয়া উচিত। এই সরঞ্জাম সাহায্য করতে পারেন।

প্যাকেজ পরিচালন: সমস্ত লাইব্রেরি, সম্পদের, এবং এমন কি, বিশেষত বড় প্রকল্পগুলির জন্য বা এমন কোন সংগঠন সংগঠিত করা কঠিন হতে পারে যেখানে আপনি একটি দলের সাথে কাজ করছেন।

বাভার মত একটি প্যাকেজ ম্যানেজার, সবকিছু সাজানো এবং আপনার আপডেট লগ রাখা রাখা।

Yeoman.io: আপনি কখনও কখনও স্থল বন্ধ প্রকল্প পেতে সমস্যা আছে, প্রকল্প সঙ্গে দ্রুত শুরু করতে এবং উৎপাদনশীল থাকার Yoman ব্যবহার করুন। এটি কমান্ড লাইন চালানো।

টাস্ক চোরাচালানকারী: গ্রান্ট বা গুলপ ব্যবহার করুন, যা কমান্ড লাইন থেকে রান করে ফাইলগুলি কম্প্রেস করে এবং ওয়ার্কফ্লোটি অপটিমাইজ করে। তারা Sass বা কম প্রাক প্রক্রিয়াকরণের জন্য কম্পাইলার হিসাবে কাজ করতে পারে, এবং অন্যান্য বৈশিষ্ট্যগুলি মন্থর করার জন্য প্লাগইনগুলিও বিস্তৃত করে।

উপসংহার

যদিও প্রচুর পরিমাণে হ্রাস করা অনেক ভালো মনে হতে পারে, তাদের মত দক্ষতার হিসাবে আপনি সময় যোগ করা উচিত চিন্তা। আপনার জানা দরকার মূল জিনিসগুলো এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্ট।

যদি আপনার অন্য কোনও ওয়েব দক্ষতা থাকে , এমনকি যদি তারা ফ্রন্ট-এন্ডের সাথে সম্পর্কিত নাও হয় তবে তাদের কাছে টেবিলের দিকে আনুন - যেমন ডিজাইন, ভিডিও এডিটিং, এসইও ইত্যাদি। আপনি কি জানেন না কোনও সংস্থা কি খুঁজছে

এবং কি অনুমান? আপনি নিখুঁত ফিট হতে পারে।