আধুনিক বিশ্বে, আরও বেশি সংখ্যক লোক কীভাবে প্রোগ্রাম করতে হয় তা শিখতে চায়, যখন তারা জানে না কোথা থেকে শুরু করতে হবে, কিন্তু একই সময়ে, আইটি শিল্প তারা যা স্বপ্ন দেখে কারণ ওয়েব প্রোগ্রামার হওয়া এখন ফ্যাশনেবল। অনেক লোকের জন্য, এটি এই বিস্ময়কর জগতের প্রথম ধাপ, যেমন ওয়েব ডেভেলপার বা জুনিয়র ফ্রন্ট-এন্ড ডেভেলপার, বেসিক ফ্রন্ট-এন্ড ডেভেলপমেন্ট। যাইহোক, আপনার স্বপ্নের চাকরি খুঁজে পাওয়ার আগে আপনাকে কোথাও শুরু করতে হবে। কিছু উত্তর পেতে আপনার জন্য এখানে একটি শিক্ষানবিস জ্ঞানের বই রয়েছে: ফ্রন্ট-এন্ড ডেভেলপারদের জন্য কি একটি বিনামূল্যের কোর্স আছে? কীভাবে আপনার নিজের অনলাইনে শিখবেন, HTML, CSS এবং JavaScript আয়ত্ত করার জন্য শেখার উপকরণ কোথায় পাবেন। আপনি যদি HTML এবং CSS জানেন তবে আপনি ইতিমধ্যে ওয়েব লেআউট ডিজাইনার পদের জন্য আবেদন করতে পারেন।
ফ্রন্ট-এন্ড বিকাশের মূল বিষয়গুলি কী কী?
ওয়েব প্রোগ্রামিং জগতে প্রবেশ করা একেবারে নতুন লোকেদের জন্য কঠিন হতে পারে। তাই অনেক ধারণা অদ্ভুত শোনায় এবং লেখার পর্যায়ে সমস্যাযুক্ত হয়ে ওঠে। কিভাবে লিখবেন: সফটওয়্যার ডেভেলপার বা ফ্রন্ট-এন্ড ডেভেলপার? হতে পারে একজন ফ্রন্ট-এন্ড ডেভেলপার, বা বরং ফ্রন্ট-এন্ড সফটওয়্যার ইঞ্জিনিয়ার? যাইহোক, সবচেয়ে সাধারণ হাইফেন এন্ট্রি। ফ্রন্ট-এন্ড ডেভেলপার—অ্যাপ্লিকেশনের ভিজ্যুয়াল অংশের জন্য দায়ী ব্যক্তি (আমরা যা দেখি, আমরা = সাইটের ব্যবহারকারী)।
সাধারণত, ফ্রন্ট-এন্ড ডেভেলপার একজন গ্রাফিক ডিজাইনারের (ওয়েব ডিজাইনার) সাথে কাজ করে যারা গ্রাফিক ডিজাইন প্রদান করে। প্রায়শই, ফ্রন্ট-এন্ড ডেভেলপারদের এমন একজন UX ডিজাইনারের সাথে কাজ করার সুযোগ থাকে যিনি ওয়েবসাইটগুলিতে সঞ্চালিত ইন্টারঅ্যাকশনের একটি প্রোটোটাইপ প্রস্তাব করেন এবং তৈরি করেন। ফ্রন্ট-এন্ড ডেভেলপারদের ভূমিকা হল সব একসাথে রাখা। এটি জনপ্রিয়ভাবে বলা হয় যে একজন ফ্রন্ট-এন্ড ডেভেলপারকে একটি গ্রাফিক ডিজাইন কাটার দায়িত্ব দেওয়া হয়—ডিজাইনটিকে ছোট অংশে ভাগ করা এবং ব্যবহারকারীরা শেষ পর্যন্ত ব্যবহার করা ওয়েবসাইটগুলিতে কোডিং (HTML এবং CSS) করে।
তারপর, জাভাস্ক্রিপ্ট ব্যবহার করে, পূর্বে উল্লিখিত মিথস্ক্রিয়া যোগ করা হয়েছিল। যদিও HTML এবং CSS3 আমাদেরকে মসৃণ রূপান্তর এবং মৌলিক অ্যানিমেশন তৈরি করতে দেয়, জাভাস্ক্রিপ্ট সমস্ত উন্নত পৃষ্ঠা-ব্যবহারকারীর মিথস্ক্রিয়া চালু করে। জাভাস্ক্রিপ্ট ব্যবহার করে, আমরা একটি ড্রপ-ডাউন মেনু, পৃষ্ঠায় একটি স্লাইডার, ফর্ম যাচাইকরণ, উপ-পৃষ্ঠা বা উন্নত অ্যানিমেশনগুলির মধ্যে রূপান্তর এবং 3D গেমগুলি (যেমন, ব্যাবিলন-জাভাস্ক্রিপ্ট ব্যবহার করে) যোগ করব। অ্যাপ্লিকেশানের ব্যাক-এন্ড থেকে জাভাস্ক্রিপ্টে যুক্তির জন্য ডেটা, তাই ফ্রন্ট-এন্ড সহযোগিতা—ব্যাক-এন্ড ডেভেলপার।
ফ্রন্ট-এন্ড ডেভেলপারের অবস্থান ব্যাপকভাবে পরিবর্তিত হবে। একটি ইন্টারেক্টিভ এবং ক্রিয়েটিভ এজেন্সিতে ফ্রন্ট-এন্ড ডেভেলপারের কাজ, একটি সফ্টওয়্যার ডেভেলপমেন্ট হাউস কোম্পানিতে ফ্রন্ট-এন্ড ডেভেলপারের কাজ আলাদা হবে এবং স্টার্ট-আপের ফ্রন্ট-এন্ড ডেভেলপমেন্টে কাজ করা ব্যক্তির জন্য আলাদা কাজ হবে। .
গ্রাফিক প্রজেক্ট কাটার মাধ্যমে একজন ফ্রন্ট-এন্ড ডেভেলপার জাভাস্ক্রিপ্ট ডেভেলপারদের দিকে বিকশিত হতে পারে—একজন ওয়েব প্রোগ্রামার যা মূলত অ্যাপ্লিকেশন লজিক এবং উন্নত জাভাস্ক্রিপ্ট অপারেশন লেখার সাথে কাজ করে। উপরন্তু, একজন ফ্রন্ট-এন্ড ডেভেলপারকে প্রায়ই (সেইসাথে একজন ব্যাক-এন্ড ডেভেলপারকে) অ্যাপ্লিকেশনটির জাভাস্ক্রিপ্ট আর্কিটেকচারের পরিকল্পনা করতে হয় এবং প্রকল্পের জন্য সচেতনভাবে ফ্রেমওয়ার্ক এবং লাইব্রেরি নির্বাচন করতে হয়।
ফ্রন্ট-এন্ড ডেভেলপমেন্ট কি সহজ?
- আপনি দ্রুত প্রভাব দেখতে পারেন; ওয়েব ডেভেলপমেন্ট/ব্যাক-এন্ড ডেভেলপমেন্ট শেখার বিপরীতে, বিশুদ্ধ এইচটিএমএল-এও কোডের টুকরো তৈরি করা অবিলম্বে আমাদের ভিজ্যুয়াল ইফেক্ট দেয়, যা আমাদের কাজ চালিয়ে যেতে অনুপ্রাণিত করে।
- কম প্রবেশের থ্রেশহোল্ড - খুব শুরুতেই ইন্টার্নশিপ বা জুনিয়র পজিশনে পেশাদার ক্যারিয়ার শুরু করার জন্য অপেক্ষাকৃত কম ফ্রন্ট-এন্ড দক্ষতা প্রয়োজন।
- জুনিয়রদের জন্য প্রচুর চাকরির অফার—বিশেষ করে যখন ছুটি আসছে, এবং প্রচুর গ্রীষ্মকালীন ইন্টার্নশিপ আছে।
- স্বাধীনতা—আমরা নিজেদের জন্য ওয়েবসাইট তৈরি করার যত্ন নিতে পারি এবং তারপর ফ্রিল্যান্সার হিসেবে অর্ডার পেতে পারি। সর্বোপরি, মৌলিক সুযোগে, আমাদের A থেকে Z পর্যন্ত সহজ ওয়েবসাইট সেট আপ করতে সক্ষম হওয়া উচিত।
সামনের দিকের উন্নয়নের জন্য আমাদের কী দরকার?
এখানে সাফল্যের জন্য রেসিপি আছে. একটি ওয়েবসাইট তৈরি করতে, আপনার প্রয়োজন:
এইচটিএমএল + সিএসএস
এগুলো হল একটি ওয়েবসাইট তৈরির মৌলিক উপাদান। এইচটিএমএল ওয়েবসাইটগুলির কাঠামো প্রদান করে—বর্নিত উপাদানগুলি, এবং CSS ব্রাউজারকে বলে যে এই উপাদানগুলি কেমন হওয়া উচিত। একবার আপনি HTML এবং CSS আয়ত্ত করার পরে, আপনি যেকোনো (গ্রাফিক) ডিজাইন পুনরায় তৈরি করতে পারেন এবং এটিকে একটি ওয়েবসাইটে পরিণত করতে পারেন।
জাভাস্ক্রিপ্ট
ওয়েবসাইট তৈরির জন্য একটি ওয়েব প্রোগ্রামিং ফ্রন্ট-এন্ড ডেভেলপমেন্ট ভাষা। জাভাস্ক্রিপ্টের জন্য ধন্যবাদ, আপনি আপনার ওয়েবসাইটে ইন্টারঅ্যাক্টিভিটি যোগ করেন, অর্থাৎ, আপনি এমন ওয়েবসাইটগুলি বিকাশ করেন যা ব্যবহারকারীর ক্রিয়াকলাপে সাড়া দেয়। এমনকি আপনি গেম তৈরি করতে পারেন। ভাষা কীভাবে কাজ করে বা ওয়েব প্রোগ্রামিং ভাষার যুক্তি বোঝার জন্য আমরা অন্তত বেসিক জাভাস্ক্রিপ্ট কোড আয়ত্ত করার পরামর্শ দিই। তারপর আপনি jQuery এ যেতে পারেন।
jQuery
প্রযুক্তিগতভাবে, এটি একটি ভাষা নয় কিন্তু একটি জাভাস্ক্রিপ্ট লাইব্রেরি। একটি মধ্যস্থতাকারীর মতো যা আপনাকে জাভাস্ক্রিপ্ট সহজ এবং দ্রুত লিখতে দেয়। আপনি jQuery কোড লিখুন; লাইব্রেরি আপনার সম্পর্কে উদ্বিগ্ন এবং ব্রাউজারে সামান্য জটিল জাভাস্ক্রিপ্টের অর্থ পাস করার জন্য অনুবাদকের সাথে খেলা করে। যদিও আজ jQuery "একটু পুরানো", আমরা এটিকে "অনুরোধে" শেখার পরামর্শ দিই এটি ওয়েব প্রোগ্রামিং লজিক এবং বুটস্ট্র্যাপ (সিএসএস ফ্রেমওয়ার্ক ব্যবহৃত) শেখা সহজ করে এবং এখনও চাকরির অফারগুলিতে উপস্থিত হয়৷
ফ্রেমওয়ার্ক
তাদের কাজ হল সবচেয়ে সাধারণ সমস্যার রেডিমেড সমাধান প্রদান করে ওয়েবসাইট এবং অ্যাপ্লিকেশন তৈরির প্রক্রিয়াকে সহজ করা। উপরন্তু, তারা একটি পরিপাটি পদ্ধতিতে আপনার কোড বিকাশ কিভাবে একটি প্যাটার্ন প্রদান. প্রারম্ভিকদের জন্য, আমরা একটি CSS ফ্রেমওয়ার্ক বেছে নেওয়ার পরামর্শ দিই, যেমন, বুটস্ট্র্যাপ (অন্যান্য বিকল্পগুলি হল: ফাউন্ডেশন, পিওর, YAML CSS), এবং তারপরে বর্তমানে জনপ্রিয় জাভাস্ক্রিপ্ট ফ্রেমওয়ার্কগুলির মধ্যে একটি যোগ করুন: Angular 4, ReactJS, Vue.js, Ember.js, Meteor.js.
গিট
এটি সরাসরি ওয়েব কোডিংয়ের সাথে সম্পর্কিত নয়, যা আমরা বুঝি প্রায়ই শেষ পর্যন্ত বিলম্বিত হয়। ভুলবশত, আপনি যত তাড়াতাড়ি গিট ব্যবহার করা শুরু করবেন, সংস্করণ নিয়ন্ত্রণ ব্যবস্থা ততই ভালো। আমরা প্রস্তাব করেছি এই অর্ডার। অবশ্যই, আপনি এটি সম্পূর্ণ ভিন্নভাবে করতে পারেন: jQuery এড়িয়ে যান এবং HTML এবং CSS এর মূল বিষয়গুলি আয়ত্ত করার সাথে সাথে বুটস্ট্র্যাপ শিখুন; যাইহোক, আমরা আপনাকে উপদেশ দিচ্ছি যে আপনি হাত দ্বারা লিখিত সমাধানগুলি অনুসন্ধান করা থেকে নিজেকে সহজীকরণ এবং কেটে ফেলবেন না, এবং ফ্রেমওয়ার্ক থেকে প্রিফ্যাব ব্যবহার করবেন না বা খাঁটি জাভাস্ক্রিপ্টে একটি লাইন পেতে সক্ষম হলে জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক শিখবেন না।
আমি ফ্রন্ট-এন্ড বিকাশের সাথে কোথায় শুরু করব?
নিয়মিত শিখুন, এবং প্রতিটি নতুন দক্ষতা অনুশীলনে প্রয়োগ করার চেষ্টা করুন, এমনকি শুধুমাত্র একটি উদ্দেশ্য সহ কোডের ছোট টুকরোতেও - আপনি এইমাত্র যা আয়ত্ত করেছেন তা দেখানোর জন্য। সেগুলিকে ওয়েবে শেয়ার করুন৷ ফেসবুকে আপনার অনুপ্রেরণামূলক গ্রুপ সীমিত করুন। অনুপ্রেরণামূলক গল্প পড়ার মাত্র 3 ঘন্টা পরে, আপনি প্রায়শই 3 গুণ বেশি অনুপ্রাণিত হন না। আপনার অধ্যয়নের জন্য সাধারণত 3 ঘন্টা কম থাকে।
বাজার দেখুন, এবং কাজের অফারগুলির প্রয়োজনীয়তা পড়ুন। তারা বদলে যাচ্ছে! আমরা আজ এই পোস্টটি লিখছি এবং প্রযুক্তির পরিবর্তনের সাথে সাথে সম্ভবত এটি এক বছরের মধ্যে আপডেট করতে হবে। একবার আপনি বেসিকগুলি হ্যাং হয়ে গেলে: HTML CSS জাভাস্ক্রিপ্ট, কিছু নতুন ট্রেন্ডিং হতে বাধ্য—আপনার "শিখতে" তালিকা আপডেট করুন৷ যত তাড়াতাড়ি সম্ভব বিনামূল্যে কর্মশালা (পরামর্শদাতাদের কাছ থেকে শিখতে এবং একই সাথে আকর্ষণীয় যোগাযোগ করতে) এবং একটি শিল্প ইন্টার্নশিপের জন্য দেখুন। চাকরিতে পরিণত হবে সেরা শিক্ষক।
একটি সম্মুখ প্রান্ত উন্নয়ন উদাহরণ কি?
এইচটিএমএল + সিএসএস
তিনটি সম্ভবত ইন্টারেক্টিভ ওয়েব ফ্রন্ট-এন্ড ডেভেলপমেন্ট কোর্স সহ সবচেয়ে বিখ্যাত সাইট। বিনামূল্যে, সুসংগঠিত, তারা খুব সহজেই নতুনদের কাছে জ্ঞান পৌঁছে দেয়। তারা ব্রাউজারে ইন্টারেক্টিভ কোর্স ধারণ করে। আমাদের বাড়িতে কিছু ইনস্টল করার দরকার নেই, আমরা শুধু কোর্স করি এবং আমাদের অগ্রগতি অবিলম্বে পরিমাপ করা হয়।
খান একাডেমি, কোডেকাডেমি এবং হোমস্কুল
খান একাডেমির সম্পূর্ণ বিনামূল্যের উপকরণ রয়েছে এবং অন্যান্য ওয়েব ভাষা ব্যবহার করার বিকল্পও রয়েছে। এটি একটি শিক্ষামূলক প্ল্যাটফর্ম, শুধুমাত্র ওয়েব ডেভেলপমেন্ট সম্পর্কে নয়। আপনি HTML এবং CSS সহ মৌলিক উপাদান থেকে শুরু করে আরও উন্নত জাভাস্ক্রিপ্ট স্ক্রিপ্টে যেতে পারেন।
Codecademy- এ অনেক বিনামূল্যের সামগ্রী এবং আকর্ষণীয় প্রাক-নির্মিত ফ্রন্ট-এন্ড ডেভেলপমেন্ট পাথ রয়েছে যা শুধুমাত্র পেশাদার ব্যবহারকারীদের জন্য উপলব্ধ।
কোড স্কুল - আমাদের মতে, সবচেয়ে সংগঠিত কোর্স. এগুলিতে ভিডিও + ফ্রন্ট-এন্ড ডেভেলপমেন্ট টাস্ক সহ একটি ইন্টারেক্টিভ অংশ থাকে। প্রতিটি কোর্সের প্রথম স্তর বিনামূল্যে, কিন্তু দুর্ভাগ্যবশত, আপনাকে বাকিগুলির জন্য অর্থ প্রদান করতে হবে। যাইহোক, এমনকি বিনামূল্যের অংশগুলি (সাধারণত প্রায় 1 ঘন্টা) দেখতে মূল্যবান।
একটি কোর্স নিতে কিভাবে নির্বাচন করবেন?
তিনটি ওয়েব প্ল্যাটফর্ম দেখুন। বিষয়গুলি ওভারল্যাপ করে, তবে কিছু সদৃশ বিষয়ের মধ্য দিয়ে যাওয়া মূল্যবান। প্রথমত, পুনরাবৃত্তি জ্ঞানকে একীভূত করে, এবং দ্বিতীয়ত, প্রতিটি ফ্রন্ট-এন্ড প্ল্যাটফর্মে শিক্ষাদানের জন্য একটু ভিন্ন পদ্ধতি রয়েছে। সিদ্ধান্ত আপনার. অনেক লোক একটি মাসিক বুটক্যাম্প বা ওয়েব ডেভেলপমেন্ট কোর্সের জন্য অর্থ প্রদান করতে চায়, কারণ তাদের নখদর্পণে বিনামূল্যে সবকিছু রয়েছে। অস্বাভাবিক কিছু না।
সবচেয়ে খারাপ বিষয় হল যে আমাদের কাছে অনেক উপকরণ রয়েছে এবং আমাদের যা যা প্রয়োজন তা দ্রুত শিখতে চাই, যাচাই বাছাই ছাড়াই—সবকিছু ট্রেতে নিয়ে যান এবং মৌলিক উপকরণের বাইরে আরও এক ধাপ এগিয়ে যান। অতএব, আমরা বুঝতে পারি যে যদি আপনার কাছে সমস্ত ফ্রন্ট-এন্ড কোর্সের জন্য সময় না থাকে এবং সিদ্ধান্ত নেওয়া আপনার শক্তি না হয়, তাহলে খান একাডেমি: HTML CSS-ওয়েব ডেভেলপমেন্টের ভূমিকা দেখুন।
জাভাস্ক্রিপ্ট
জাভাস্ক্রিপ্ট ব্যবহার না করে আমাদের ফ্রন্ট-এন্ড ডেভেলপমেন্ট কোর্স কি হবে? উপরের ইন্টারেক্টিভ সাইটগুলি দুর্দান্ত। তাদের আমাদের জন্য জাভাস্ক্রিপ্ট কোর্স রয়েছে - চমৎকার, সহজ, দুর্ভাগ্যবশত খুব বিস্তৃত নয়, কিন্তু গরম করার জন্য ভাল। যদি আপনার কাছে ইতিমধ্যেই HTML এবং CSS-এর বেসিকগুলি থাকে, তাহলে আপনাকে আগের পরামর্শগুলি দিয়ে শুরু করার দরকার নেই৷
ভূমিকায় 9টি সংক্ষিপ্ত বিকাশ অনুশীলনের সাথে শুরু করতে: JavaScript দ্বারা, আপনি Udacity-তে একই বিষয়গুলি তৈরি করতে পারেন: JavaScript Intro, তারপরে (বা এখনই) কাজের একটি বৃহত্তর সেটে যান: HTML / JavaScript: ইন্টারেক্টিভ ওয়েব তৈরি করা পাতা।
jQuery
আমাদের সামনের দিকে আরও একটি ধাপ, কিন্তু অত্যন্ত ঐচ্ছিক৷ বর্তমানে, একটি ফ্রন্ট-এন্ড ডেভেলপমেন্ট কোর্স jQuery ছাড়াই করতে পারে। বিশেষ করে যেহেতু ফ্রন্ট-এন্ড ডেভেলপারদের জন্য আজ অনেকগুলি উত্তেজনাপূর্ণ নতুন বিকল্প রয়েছে, আমরা কাজের অফারগুলি দেখেছি এবং এটি এখনও স্টকে থাকা মূল্যবান৷
হ্যাঁ, খান একাডেমি এবং কোডেকাডেমিতে jQuery কোর্স রয়েছে। যাইহোক, এই ক্ষেত্রে, আমি সুপারিশ করতে চাই—এক ঘণ্টার এবং সম্পূর্ণ বিনামূল্যে চেষ্টা করুন jQuery Pluralsight (সাবেক কোড স্কুল) ফ্রন্ট-এন্ড ডেভেলপমেন্ট কোর্স।
শেখার কাঠামো
এই পর্যায়ে, আপনি নিজেই ফ্রন্ট-এন্ড উপকরণ চয়ন করতে পারেন এবং আপনার জ্ঞানের জন্য তাদের উপযুক্ততা মূল্যায়ন করতে পারেন। যখন বুটস্ট্র্যাপ ফ্রেমওয়ার্কের কথা আসে, একটি ওয়েবসাইট তৈরি করা হয় 12-কলামের গ্রিডের উপর ভিত্তি করে, এবং এই জ্ঞানটি অনুশীলনে বাকিগুলি বোঝার জন্য মৌলিক। বুটস্ট্র্যাপ আপনাকে দ্রুত প্রতিক্রিয়াশীল ওয়েবসাইট (RWD) তৈরি করতে দেয়—অর্থাৎ, মোবাইল ডিভাইসের জন্য অভিযোজিত। আপনি যদি টিউটোরিয়াল আকারে শিখতে পছন্দ করেন: বুটস্ট্র্যাপ কোর্সটি কোড একাডেমিতে উপলব্ধ, এবং ডেইলি ওয়েবের সাথে, আপনি 30 মিনিটের মধ্যে আপনার প্রথম বুটস্ট্র্যাপ স্লাইডার তৈরি করবেন।
ফ্রেমওয়ার্ক জাভাস্ক্রিপ্ট
বর্তমানে, একটি শালীন ফ্রন্ট-এন্ড ডেভেলপমেন্ট কোর্স অবশ্যই বর্তমানে ব্যবহৃত জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক চালু করা উচিত এবং অন্তত একটি শেখানো উচিত। আপনি Pluralsight (পূর্বে কোড স্কুল) এর ফ্রেমওয়ার্ক সহ ইন্টারেক্টিভ কোর্সগুলি খুঁজে পেতে পারেন, যা 14 দিনের জন্য বিনামূল্যে। আপনি scotch.io-তে বিনামূল্যে সামগ্রীর একটি খুব সমৃদ্ধ সংগ্রহ খুঁজে পেতে পারেন। অন্যদিকে, প্রতিটি ফ্রেমওয়ার্কের জন্য আপনি যেখানে বিনামূল্যে ফ্রন্ট-এন্ড ডেভেলপমেন্ট কোর্স পাবেন সেখানে সদস্যতা ত্যাগ করা একটি পৃথক পোস্টের জন্য একটি বিষয়।
তাদের অনেক আছে. পছন্দটি কঠিন, এবং তাদের সব জানা অসম্ভব। আপনি যেটা দিয়ে শুরু করতে চান, সেটাতেই লেগে থাকুন। ফুল থেকে ফুলে ঝাঁপিয়ে পড়বেন না কারণ ওয়েব ডেভেলপমেন্ট শেখার এক সপ্তাহ পরে; কেউ আপনাকে বলবে যে অন্যটি ভাল। প্রথমটি শিখুন এবং এটিতে একটি সাধারণ ওয়েব অ্যাপ্লিকেশন লিখুন। সাধারণত, প্ল্যানার, করণীয় তালিকা এবং র্যাঙ্ক নিউজের মতো অ্যাপ্লিকেশনগুলি শুরু করার জন্য সুপারিশ করা হয়। আপনার যা দরকার তা হল ফ্রেমওয়ার্কের নাম এবং আপনি যে ওয়েব অ্যাপ্লিকেশন তৈরি করতে চান তার নাম।
বিনামূল্যে কোর্সের উদাহরণ:
- AngularJS
- কৌণিক 2+ (বর্তমানে 6—কিন্তু 4/5 হল আরেকটি ফ্রন্ট-এন্ড ডেভেলপমেন্ট সংস্করণ)
- ReactJS
- Vue.js
- Ember.js
এটা কি শেষ? না! এটি একটি চমৎকার শুরু এবং জুনিয়র ফ্রন্ট-এন্ড ডেভেলপারের জন্য একটি দৃঢ় ভিত্তি।
এই কোর্সের পরে কি?
আপনার ওয়েব প্রকল্পে কাজ করে শুরু করুন. যেমনটি আমরা শুরুতে লিখেছিলাম, আপনার কাজটি একেবারে প্রথম ফ্রন্ট-এন্ড ডেভেলপমেন্ট স্টেপ থেকে ডকুমেন্ট করুন এবং কোডটি GitHub-এ রাখুন, যদিও এটি আদর্শ থেকে অনেক দূরে।
আপনি নিজেকে পরীক্ষা করতে চান?
আপনি যা শিখেছেন তা একত্রিত করার সর্বোত্তম উপায় হল অনুশীলনের মাধ্যমে। ফ্রন্ট-এন্ড কোর্সের মধ্য দিয়ে যাওয়া একটি জিনিস, কিন্তু শুধুমাত্র আপনার ওয়েব প্রোজেক্টে কাজ করা আপনাকে কোড করতে শেখায়—নিজেই সমস্যার সমাধান করতে। একটি ফর্ম (ল্যান্ডিং পৃষ্ঠা) তৈরি করুন যার মাধ্যমে আপনি পৃষ্ঠার লেখককে ইমেল করতে পারেন।
আপনার বিজনেস কার্ডের ওয়েবসাইট তৈরি করুন - পোর্টফোলিও - জাভাস্ক্রিপ্ট ব্যবহার করে ফিবোনাচি সিকোয়েন্স, আপনার স্লাইডার বা স্ক্র্যাচ থেকে একটি সাধারণ গেম দিয়ে টেবিলটি পূরণ করার কথা ভাবুন। আপনি ইতিমধ্যে কোডিং দক্ষতা আছে কিন্তু কোন গ্রাফিক দক্ষতা আছে মনে করেন, তাই আপনি যে বিকাশ "কুৎসিত"? আপনাকে স্বাগতম! একটি প্রস্তুত গ্রাফিক ডিজাইন চয়ন করুন, যেমন, সাপ্তাহিক দেব চ্যালেঞ্জ থেকে, এবং এটি তৈরি করার চেষ্টা করুন।
বুনিয়াদি শিখতে কতক্ষণ লাগে?
এটা তোমার উপর নির্ভর করে. শৃঙ্খলা সবচেয়ে গুরুত্বপূর্ণ। বেশিরভাগ লোকের জন্য একটি ওয়েব প্রোগ্রামিং ভাষা শেখা কঠিন মনে হয় কিন্তু কোর্স করার জন্য সময় নেওয়ার জন্য কোন খরচ হয় না। আপনার প্রথম ওয়েবসাইট সেট আপ করার জন্য প্রাথমিক বিষয়গুলি আয়ত্ত করতে প্রায় 1-3 মাস সময় লাগতে পারে, আপনি ফ্রন্ট-এন্ড বিকাশে কতটা উচ্চাভিলাষী তার উপর নির্ভর করে।
জাভাস্ক্রিপ্ট আয়ত্ত করতে, আমি আরও 3 মাসের কঠোর শিক্ষা যোগ করব। আমি ধরে নিচ্ছি আপনি কাজ করছেন, তাই আপনি সপ্তাহে প্রায় 5-10 ঘন্টা শেখার জন্য উত্সর্গ করবেন, অর্থাৎ, দিনে কমপক্ষে 1 ঘন্টা। আপনি ছয় মাসের মধ্যে একজন ফ্রন্ট-এন্ড বিশেষজ্ঞ হয়ে উঠবেন না, তবে আরও শেখার জন্য একটি ভিত্তি তৈরি করার জন্য এটি যথেষ্ট সময়।
অনলাইনে সাহায্যের জন্য দেখুন
শেখার সময় একাধিকবার, আপনার সমস্যা হবে: কীভাবে একটি উপাদান কেন্দ্রীভূত করবেন? কেন এই স্ক্রিপ্ট কাজ করছে না? এইচটিএমএল এবং সিএসএস ফায়ারফক্সের চেয়ে ক্রোমে আলাদা দেখায়। ফ্রন্ট-এন্ড ডেভেলপমেন্টে কীভাবে প্রো হয়ে উঠবেন?
এটি স্বাভাবিক, তবে যারা জিজ্ঞাসা করে তারা ভুল করে না।
- গুগল —আঙ্কেল গুগলকে জিজ্ঞাসা করুন, বিশেষ করে ইংরেজিতে।
- স্ট্যাক ওভারফ্লো —সম্ভবত স্ট্যাক ওভারফ্লো থেকে প্রতিক্রিয়া পপ আপ করা প্রথম হবে। এটি একটি ওয়েব ডেভেলপার পোর্টাল যেখানে ব্যবহারকারীরা ওয়েব প্রোগ্রামিং ভাষা-সম্পর্কিত প্রশ্ন পোস্ট করে এবং অন্যরা (সাধারণত আরও অভিজ্ঞ ওয়েব প্রোগ্রামার) আপনাকে ফ্রন্ট-এন্ড ডেভেলপমেন্ট সম্পর্কে উত্তর দেওয়ার চেষ্টা করে। পূর্ববর্তী সেরা সমাধানগুলি হল পয়েন্ট, এবং প্রশ্নের লেখক একটি মন্তব্য চিহ্নিত করতে পারেন যা তার সমস্যার সমাধান করেছে। কখনও কখনও বেশ কয়েকটি বা এক ডজন সমাধান রয়েছে, তাই সেগুলি সব পড়া এবং আপনার জায়গায় সেগুলি পরীক্ষা করা মূল্যবান। যদি কোনো সমাধান আপনাকে সাহায্য করে, ভোট দিন—এটিকে একটি তীর চিহ্ন দিন।
- Facebook — নতুনদের জন্য FB-তে ফ্রন্ট-এন্ড ডেভেলপমেন্ট গ্রুপগুলি আপনাকে অনেক সাহায্য করতে পারে, বিশেষ করে যখন আপনি জানেন না কীভাবে আপনার সমস্যা সম্পর্কে জিজ্ঞাসা করবেন। একটি স্ক্রিন এবং আপনার কোড আপলোড করুন। কেউ আপনার জন্য এটি লিখবে বলে আশা করবেন না, তবে মন্তব্য অবশ্যই আপনাকে সঠিক পথে নিয়ে যাবে। দুর্ভাগ্যবশত, তুচ্ছ সাধারণ প্রশ্নগুলির সাথে, লোকেরা সর্বদা কিছু অপ্রীতিকর লিখবে - এটি কঠিন, ধৈর্য ধরুন। আমরা ওয়েব গ্রুপের সুপারিশ করি—স্টার্ট-আপ সম্পর্কিত প্রশ্নগুলির জন্য স্টার্ট সমর্থন সর্বোত্তম, এবং মডারেটররা নিশ্চিত হন যে কোনও ঘৃণা নেই।
- CanIUse — যদি আপনার সমস্যা CSS এর সাথে সম্পর্কিত হয় আপনার ব্রাউজারগুলির একটিতে কাজ করছে না, তাহলে নিশ্চিত করুন যে আপনি যা ব্যবহার করছেন তা আপনি যে সংস্করণটি পরীক্ষা করছেন তার জন্য সমর্থিত। এইভাবে, আপনি ভূত ফ্রন্ট-এন্ড সমস্যাগুলির জন্য দীর্ঘ এবং ক্লান্তিকর অনুসন্ধানগুলি এড়াতে পারবেন।
উপসংহার
সুতরাং, এই নিবন্ধে, আপনি আইটি জগত সম্পর্কে আরও শিখেছেন, এবং আমরা আপনাকে দিকনির্দেশনা দিয়ে সাহায্য করতে পারলে আমরা খুশি হব। ফ্রন্ট-এন্ড বিশ্ব বিশাল, এবং একজন শিক্ষানবিশের পক্ষে এতে হারিয়ে যাওয়া সহজ হতে পারে, কিন্তু আমরা মানুষকে সঠিক পথে যেতে সাহায্য করার দিকে মনোনিবেশ করি। তবে এটাও মনে রাখবেন যে প্রথাগত ওয়েব ভাষার পাশাপাশি, একটি নো-কোড ওয়েব প্রোগ্রামিং ভাষা রয়েছে। কোড-মুক্ত সরঞ্জামগুলি ব্যাপকভাবে উপলব্ধ না হওয়া পর্যন্ত, ওয়েব অ্যাপ্লিকেশন ডেভেলপমেন্ট একচেটিয়াভাবে ওয়েব প্রোগ্রামারদের দ্বারা করা হয়েছিল।
সৌভাগ্যবশত, সময় ফুরিয়ে আসছে, এবং এখন যে কোনো ছাত্র-ছাত্রী যে কোনো উপাদানে পারদর্শী তাদের ওয়েব অ্যাপ্লিকেশন বা ল্যান্ডিং পৃষ্ঠা তৈরি করতে পারে। বুনিয়াদি শেখার পরে, এমনকি জ্ঞানের স্তরে, HTML এবং CSS, আপনি ইতিমধ্যেই আপনার স্বপ্নের চাকরি খুঁজে পেতে পারেন। অনেক বিজ্ঞানী উল্লেখ করেছেন যে ওয়েব প্রোগ্রামিং ভাষা মানুষের ক্ষমতা উন্নত করে এবং নরম দক্ষতা বিকাশে অবদান রাখে। শেষ পর্যন্ত, এটি আপনার আর্থিক স্বাধীনতা। আমরা ফ্রন্ট-এন্ড বিশ্বের বিভিন্ন লোককে জানি যারা তাদের স্টার্ট-আপ চালু করেছে এবং আমাদের গ্রহের ভালোর জন্য প্রয়োজনীয় কাজ করেছে।
এবং, অবশ্যই, এই জাতীয় পদ্ধতির সুবিধা রয়েছে:
- ব্যবহার সহজ এবং মহান ক্ষমতা.
- দুর্দান্ত টেমপ্লেট লাইব্রেরি।
- বিভিন্ন পরামিতি সেটিং সমর্থন.
নো-কোড বা ভিজ্যুয়াল প্রোগ্রামিং ভাষা একটি নতুন পদ্ধতি যেখানে আপনাকে স্ক্র্যাচ থেকে কোড লিখতে হবে না। আমরা আপনাকে একটি গ্রাফিকাল ইন্টারফেস সহ সরঞ্জামগুলি ব্যবহার করতে উত্সাহিত করি, যা ওয়েব বিকাশের ভবিষ্যত। প্রথাগত ফ্রন্ট-এন্ড ওয়েব অ্যাপ্লিকেশনগুলি দুর্দান্ত জিনিস, কিন্তু আমরা মনে করি আপনাকে উদ্ভাবন করতে হবে, তাই আমাদের পণ্য আপনার জন্য উপযোগী হতে পারে। আমরা আন্তরিকভাবে একজন প্রোগ্রামারের পেশা আয়ত্ত করার সঠিক পথ খুঁজে পেতে চাই। এই পথটি কাঁটাযুক্ত, তবে আপনি যদি এটি আয়ত্ত করেন তবে এটি আপনাকে আপনার সারা জীবন সন্তুষ্ট করবে যা আপনি এই সময়ে কাটিয়েছেন।
