Skip to main content

How to start web development (কীভাবে ওয়েব ডেভলপমেন্ট শুরু করবেন)?

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

আপনি যদি এই ব্লগটি পড়ছেন তবে অবশ্যই আপনি ওয়েব ডেভেলপার হতে চান, এবং আপনি যদি সত্যিই কোনও ডেভেলপার হতে চান।

WAW! আসুন ওয়েব ডেভলপমেন্ট শিখতে শুরু করি…

১. HTML :- আমি ভুল না হলে আপনি স্কুল জীবনে বা কোনো কম্পিউটার প্রশিক্ষণ কেন্দ্রের সঙ্গে কখনো যুক্ত হলে এই (HTML) কথাটি শুনে থাকবেন এমনকি কেও কেও হয়তো এর উপর কাজ ও করে থাকতে পারেন তবে সময় যত যাচ্ছে প্রযুক্তিও ততোটাই উন্নত হচ্ছে। বর্তমানে আমরা HTML5 এর সাহায্যে কাজ করেথাকি। ওহ! চিন্তায় পড়ে গেলেন ? এত চিন্তার কিছুনেই এটা আসলে HTML এর আপডেটেড ভারশন পুরোনো সবকিছুই আছে এর মধ্যে তবে আরো অনেক নতুন ফিচার্স যুক্ত হয়েছে। 

আমি আগেও বলেছি আপনারা চাইলে কোনো সংস্থার থেকে প্রশিক্ষণ নিতে পারেন আবার অনলাইনেও অনেক   সংস্থা রয়েছে সম্পূর্ণ বিনামূল্যে সেখান থেকে শিখতে পারেন।

২. CSS :- আমরা এমন একটি সমাজে বাস করি যেখানে প্রত্যেকে সুন্দর, সুন্দর দেখতে চায় এবং এটি অর্জন করতে সবাই মেকআপ করে। একইভাবে, HTML এর জন্য CSS কোড। HTML পেজ  গুলিতে সৌন্দর্য তৈরি করে এই CSS। এমনকি আপনি CSS ব্যবহার করে অ্যানিমেশন তৈরি করতে পারেন। আপনি আপনার পৃষ্ঠাগুলির স্ক্রোলিং ইভেন্টগুলি, মাউস ক্লিক ইভেন্টগুলি এবং আরও অনেককিছু যুক্ত করতে পারেন। HTML যেমন HTML5 তে পরিবর্তিত হওয়ার সাথে সাথে CSS ও CSS3 এ পরিবর্তিত হয়েছে।

৩. JAVASCRIPT : - আমার বিশ্বাস আপনি যদি HTML এবং CSS এই দুটি বিষয় ভালো ভাবে শিক্ষে নিতে পারেন তাহলে আপনি যেকোনো ওয়েবসাইটের একটি খুব সুন্দর পৃষ্ঠা ডিজাইন করতে পারবেন। এখন, আপনার ওয়েব পৃষ্ঠায় কিছু অ্যানিমেশন বাজানো এবং বিরতি ইত্যাদির মতো কাজ করবেন তখন আপনার ওয়েব পৃষ্ঠার এলিমেন্ট তৈরি করার পালা শুরু করবে, জাভাস্ক্রিপ্টের সাহায্যে, আপনি এটি সহজেই করতে পারেন ওয়েবপৃষ্ঠাকে আরও মসৃণ, নমনীয় করার জন্য ব্যবহৃত সেরা স্ক্রিপ্টিং ভাষার একটি হ'ল জাভাস্ক্রিপ্ট। এটি শেখার পক্ষে সহজ নয় তবে আপনি এটি শুরুর দিকে যা শিখলেন তা আপনার সমস্ত কাজ করার জন্য যথেষ্ট।


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

৫. PHP :- উপরের বিষয় গুলো আপনাকে একটি সুন্দর ওয়েবসাইট ডিজাইন করতে সাহায্য করবে। তবে, এখন আমাদের ওয়েব পৃষ্ঠার ব্যাক-এন্ড এ প্রচুর পরিশ্রমের কাজ রয়েছে। সুতরাং সার্ভার-সাইডে কোড করার জন্য আমাদের সার্ভার-সাইড স্ক্রিপ্টিং ভাষা দরকার যেটি হলো PHP (হাইপারটেক্সট প্রিপ্রসেসর)। আমাদের আরও অনেক অন্যান্য সার্ভার-সাইড স্ক্রিপ্টিং ভাষা রয়েছে যেমন asp.net, jsp ইত্যাদি তবে PHP হ'ল সহজতম এবং সর্বাধিক ব্যবহৃত সার্ভার-সাইড স্ক্রিপ্টিং ভাষাগুলির মধ্যে একটি।

৬. MySQL :- ওয়েব পৃষ্ঠায় প্রদর্শন করার জন্য আমাদের কাছে প্রচুর ডেটাপ্রয়োজন তবে আমরা কেবল ওয়েব পৃষ্ঠাগুলিতে সেগুলি সঞ্চয় করতে পারি না। একে জন্য প্রয়োজন একটি ডেটাবেসের আর এই ডেটাবেস কে ম্যানেজ করারজন্য প্রয়োজন একটি ডেটাবেস মানাগমেন্ট সিস্টেম এ রকম একটি সহজ সরল ডেটাবেস মানাগমেন্ট সিস্টেম হল MySQL। 

আমি কেবল asp এবং jsp এর পরিবর্তে PHP ভাষা শেখার পরামর্শ দিচ্ছি কারণ এটি My-SQL ডাটাবেসটির সাথে সংযুক্ত করার সহজতম উপায় সরবরাহ করে যদি আপনার C / C++ প্রোগ্রামিং ভাষাগুলির একটি প্রাথমিক ধারণা থাকে। 

Comments

Post a Comment

Popular posts from this blog

How to create a drag and drop in html

Drag and drop in html using CSS. At first we have tried to find a solution for a simple and easy way to create a drag and drop input for a website. Now we create a simple tricks using css. Html:- <div class="files">    <input type="file"  name="files[]" multiple/> </div> CSS:- <style type="text/css"> .files input { outline: 2px dashed #92b0b3; padding: 200px 0px 85px 50%; text-align: center !important; margin: 0; width: 100% !important; } .files input:focus{      outline: 2px dashed #92b0b3;   } .files{ position:relative} .color input{ background-color:#f1f1f1;} .files:before { position: absolute; bottom: 20px; left: 0;  pointer-events: none; width: 100%; right: 0; height: 150px; content: " {{ __('Click Or Drop Files To Upload.') }} "; display: block; margin: 0 auto; color: #76838f; text-tr

How to create a fabicon (ফ্যাবআইকন কিভাবে তৈরি করতে হয়)?

ফ্যাবআইকন (Favicon):- একটি ফ্যাবআইকন একটি ছোট 16 × 16 পিক্সেল আইকন যা একটি ওয়েব ব্রাউজারের শীর্ষে উপস্থিত হয়। এটি আপনার ওয়েবসাইটের ব্র্যান্ডিং এবং দর্শকদের যখন আপনার একাধিক ট্যাব খোলা থাকে তখন আপনার পৃষ্ঠাটি সনাক্ত করার জন্য একটি সুবিধাজনক উপায় হিসাবে কাজ করে। তাদের ক্ষুদ্র আকারের কারণে, ফ্যাভিকনগুলি সাধারণ চিত্র বা এক থেকে তিন অক্ষরের হয়ে থাকে । How to create a fabicon (ফ্যাবআইকন কিভাবে তৈরি করতে হয়)? ফ্যাবআইকন জেনারেটরের  সাহায্যে আপনি বিনামূল্যে নিজের কাস্টম ফ্যাবআইকন গুলি সহজেই তৈরি করতে পারেন। ১.  আপনার  ফ্যাবআইকন  হিসাবে আপনি যে চিত্রটি ব্যবহার করতে চান তা সনাক্ত করুন এবং এটি নির্ধারণ করুন যে মাত্রাগুলি পুরোপুরি যেন বর্গক্ষেত্র হয় (যেমন 100 পিক্সেল x 100 পিক্সেল)। ২. আপনার কম্পিউটারে ফাইলের স্থানটিতে ব্রাউজ করুন এবং চিত্রটি নির্বাচন করুন। ৩. নিচের "Create Favicon" বাটন টি টিপুন.  ৪. ডাউনলোডের পরে, কেবল আপনার মূল ডিরেক্টরিতে নাম পরিবর্তন করুন এবং  ফ্যাবআইকন  .টি আপলোড করুন। ৫.আপনার ওয়েব পৃষ্ঠাগুলির <head> ট্যাগ এ  নীচের কোডটি ক

How to become a web developer (কীভাবে ওয়েব ডেভেলপার হয়ে উঠবেন) ?

আপনাকে সব কিছু জানতে হবে: - আজকাল আমরা প্রযুক্তি ছাড়া বাঁচার কথা ভাবতে পারি না। আমরা সবাই বিভিন্ন প্রযুক্তি থেকে সহায়তা পাই, ওয়েবসাইট তাদের মধ্যে একটি। এই ওয়েবসাইটটি একটি ওয়েব ডেভেলপার তৈরি করেছিলেন তবে ওয়েব ডেভলপমেন্টটি আসলে কী, এবং একজন  ওয়েব ডেভেলপার কী করে? আমরা ওয়েব ডেভলপমেন্টের বেসিকগুলি বিশদভাবে জানবো এবং আপনাকে ইন্ডাস্ট্রিতে  প্রবেশের জন্য সবচেয়ে প্রয়োজনীয় স্কিলস  এবং টুলস দেখাব। আসুন প্রথমে কিছু ব্যাকগ্রাউন্ড দেখেনি  - তবে দৌড়ানোর  আগে আমাদের হাঁটা শিখতে হবে। ১. ওয়েব ডেভলপমেন্ট কী? ওয়েব ডেভলপমেন্ট হ'ল ইন্টারনেটে ওয়েবসাইট বা অ্যাপ্লিকেশন তৈরি করার প্রক্রিয়া, বা একটি ব্যক্তিগত নেটওয়ার্ক যা ইন্ট্রানেট হিসাবে পরিচিত। ওয়েব বিকাশ কোনও ওয়েবসাইটের ডিজাইনের সাথে সম্পর্কিত নয়; বরং এটি কোডিং এবং প্রোগ্রামিং সম্পর্কে যা ওয়েবসাইটের কার্যকারিতাকে আরো  শক্তিশালী করে তোলে । সবচেয়ে  সহজ , স্ট্যাটিক ওয়েব পেজ গুলি থেকে সোশ্যাল মিডিয়া প্ল্যাটফর্ম এবং অ্যাপ্লিকেশনগুলি, ই-কমার্স ওয়েবসাইটগুলি থেকে কনটেন্ট ম্যানেজমেন্ট সিস্টেম (সিএমএস) পর্যন্ত । আমরা প্রতি