কীভাবে কিকব্যাট পোর্টফোলিও তৈরি করবেন

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

গিটহাবের মতে, ২০১ September সালের সেপ্টেম্বর থেকে আমার আমার পোর্টফোলিওর সাথে একটি ব্যক্তিগত ওয়েবসাইট রয়েছে। আমি যখন আমার ওয়েবসাইটটির জন্য গুগল অ্যানালিটিকগুলি দেখি তখন সেপ্টেম্বর 2016 থেকে অক্টোবর 2017 পর্যন্ত আমার পোর্টফোলিওর দুটি পুনরাবৃত্তির জন্য 300 এরও কম ভিউ পেয়েছি। আমি বেশ demotivated ছিল, কিন্তু আমি হাল ছাড়িনি।

অক্টোবর 2017 এ আমি আমার ওয়েবসাইটটি সম্পূর্ণরূপে নতুন করে ডিজাইন করেছি এবং ফলাফলগুলি বেশ নাটকীয়। আমি প্রথম মাসে 1,861 বার দেখা পেয়েছি এবং তার পর থেকে আমার প্রতি মাসে গড়ে প্রায় এক হাজার হিট হয়েছে।

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

ব্যক্তিগত সাইট দর্শক

কি কাজ হয়নি?

আমি আমার বর্তমান পোর্টফোলিওটিতে যাবার আগে যা আমি সত্যিই পছন্দ করি, আমি আমার প্রথম দুটি ওয়েবসাইট সম্পর্কে কথা বলতে চাই।

আমার প্রথম পোর্টফোলিও

প্রথম পোর্টফোলিওটি ছিল জ্যাকিল সাইট যা SASS এবং পগ ব্যবহার করেছিল। আমি এটি নস্টালজিয়ার জন্য এখানে ব্যবহার করেছি। প্রকল্পগুলি দেখুন, তারা সবাই কলেজ থেকে আসে এবং বেশিরভাগই সি ++ তে থাকে!

আমার প্রথম পুনরাবৃত্তি - CSS শিখুন

এই সেটআপটি ওয়েবসাইটের আসল সামগ্রীর জন্য অকারণে জটিল ছিল। আমি এমন একটি সাধারণ পৃষ্ঠার জন্য জ্যাকিল, ম্যাটারিয়ালাইজ (সিএসএস ফ্রেমওয়ার্ক), এসএএসএস এবং পগ ব্যবহার করেছি। আমার মনে হয় গুলপ সেটআপটি আসলে সিএসএসের চেয়ে বেশি দীর্ঘ ছিল।

আমি সবেমাত্র ফ্রন্টএন্ড কোড লিখতে শুরু করেছি যাতে এটি আমার জন্য SASS এবং গুল্প ব্যবহার করার সুযোগ ছিল really আমারও জ্যাকিলের দরকার নেই। আমার কেবল কয়েকটি প্রকল্প তালিকাবদ্ধ ছিল এবং কেবল একটি পৃষ্ঠা।

সন্ধান পাওয়া যায় নি এমন সংস্থাগুলির জন্য কনসোলে 404 টি সংখ্যাও প্রদর্শিত হয়েছিল। আমি যদি ডেভেলপার হয়ে সাইটটির দিকে চেয়ে থাকি তবে আমি অবশ্যই এটির সমালোচনা করব।

আমার প্রকল্পগুলির স্ক্রিনশটগুলি দুর্দান্ত ছিল না। এগুলি সমস্তই হয় কোড থেকে বা অযৌক্তিক উপায়ে ক্রপ করা হয়েছিল।

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

তবে কিছু জিনিস ছিল যা আমি ভাল করেছিলাম। আমি জীবনীটির হাইলাইটেড শব্দগুলি সত্যিই পছন্দ করি। ব্যবহারকারীকে এই কীওয়ার্ডগুলি দেখতে বলা হয়, এমনকি যদি তারা পুরো জীবনীটি না পড়ে থাকে। আমি আরও প্রশংসা করি যে সাইটটি প্রতিক্রিয়াশীল ছিল যাতে ব্যবহারকারীরা বিভিন্ন আকারের স্ক্রিনে সাইটটি দেখতে পারে। বর্তমানে আমার ট্র্যাফিকের প্রায় এক তৃতীয়াংশ মোবাইল উত্স থেকে আসে। সুতরাং এই ব্যবহারকারীদের মনে রাখা গুরুত্বপূর্ণ।

আমার দ্বিতীয় পোর্টফোলিও

আমার দ্বিতীয় পুনরাবৃত্তি - পোলকা বিন্দু :-)

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

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

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

সামগ্রিকভাবে, তবে আপনি আমার বর্তমান একটিতে এই পোর্টফোলিও থেকে অনেকগুলি বিষয় দেখতে পারেন।

কি কাজ

গত অক্টোবরে আমি স্ক্র্যাচ থেকে শুরু করে একটি পোর্টফোলিও তৈরি করেছি যা কিছুটা পুরানো। আপনার পোর্টফোলিও হ'ল কয়েকটি সাইটের মধ্যে আপনি হ'ল এটি কোনও সীমাবদ্ধতা ছাড়াই নিজের সম্পূর্ণ সৃজনশীল প্রকাশ।

সুতরাং আমি সমস্ত বিল্ট-ইন ইন্টারঅ্যাকশনগুলি করেছি, অ্যানিমেশনগুলি যেমন আপনি এটি কল করেন, পোর্টফোলিওটিতে এটি ছিল।

আমার শেষ পুনরাবৃত্তি - দ্য ওয়ার্কস

আপনি যদি হোম পৃষ্ঠার যে কোনও জায়গায় ক্লিক করেন তবে একটি এলোমেলো আকার উপস্থিত হয়। আপনি যদি অক্ষরগুলির উপর দিয়ে মাউসটি সরান, সেগুলি অ্যানিমেটেড হবে। আপনি যদি বায়ো পৃষ্ঠায় আমার ছবিটি দেখতে যান তবে এটি ঘুরবে।

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

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

এই নকশাটি মানুষের দৃষ্টি আকর্ষণ করে এবং এটির সাথে যোগাযোগ করার জন্য তারা ওয়েবসাইটে থাকে stay এছাড়াও, আমার ওয়েবসাইটে প্রচুর লোকের নজরে পড়ে, যদি আমি চাকরি খুঁজছিলাম তবে দুর্দান্ত হবে!

আমি আরও ভাল কি করতে পারি

আমি এখনও কাজ করতে পারে এমন জিনিসগুলির একটি তালিকা এখানে

  • লোককে আমার অন্যান্য সামাজিক মিডিয়ায় রূপান্তর করার ক্ষেত্রে কার্যকারিতার দিক থেকে, কেবলমাত্র যোগাযোগের পৃষ্ঠায় নয়, প্রতিটি পৃষ্ঠায় আমার অন্যান্য সামাজিক যোগাযোগের লিঙ্ক থাকতে পারে।
  • আমাকে সম্ভবত আমার প্রকল্পগুলি দিয়ে যেতে হবে এবং ২ personal টি ব্যক্তিগত প্রকল্পের তালিকা পরিবর্তে কয়েকটি বাছাই করতে হবে।
  • আমার কাছে আমার প্রকল্পগুলির কোনও স্ক্রিনশট নেই। এটি ডিজাইনের মাধ্যমে, তবে আমি যদি তাদের প্রকল্পের স্ক্রিনশট রাখি তবে আমি সম্ভবত তাদের আরও বেশি ট্র্যাফিক পেতে পারি। আমার প্রোগ্রামটিতে স্ক্রিনশট যুক্ত করে তৈরি করা বিভিন্ন রঙের প্যালেটগুলি আমি পছন্দ করি না।

আমার কাছে এমন অনেক প্রকল্প নেই যা আমি খুব চিত্তাকর্ষক বলে মনে করি। বেশিরভাগ ক্ষেত্রে তারা বেশ ছোট এবং আমি কিছু শিখতে তাদের তৈরি করেছি। আমি আমার ওয়েবসাইটটি আরও অনুকূল করতে পারি তবে এই মুহুর্তে আমি এটি কোথায় তা পছন্দ করি।

কিকবট পোর্টফোলিও তৈরির জন্য আমার টিপস

  • এমন একটি পোর্টফোলিও তৈরি করুন যা নিজের একটি সত্য প্রকাশ। প্রোগ্রামিং বিভিন্নভাবে সৃজনশীল ক্ষেত্র। আপনার সৃজনশীলতা ব্যবহার করুন!
  • সাইটটিকে ইন্টারেক্টিভ করুন যাতে লোকেরা আপনার সাইটে থাকতে পারে এবং এটি মনে রাখতে পারে।
  • একটি ডোমেন নাম কিনুন। আমি aspittel.github.io থেকে alispit.tel এ চলে এসেছি। আমি আমার নামের সাথে খেলতে পছন্দ করি এবং আপনি বেশ সস্তার জন্য প্রচুর ডোমেন পেতে পারেন। আমি নেমচিপ ব্যবহার করি এবং এটি ডোমেনের জন্য এক বছরে 00 8.00 এর মূল্য।
  • আপনার কোনও কনসোল ত্রুটি না রয়েছে তা নিশ্চিত করুন। অনেক প্রযুক্তিগত নিয়োগকর্তা এটি সন্ধান করছেন, সুতরাং আপনার ওয়েবসাইটটি ত্রুটিমুক্ত নিশ্চিত করুন!
  • প্রযুক্তি কেবলমাত্র প্রযুক্তির প্রয়োজনে ব্যবহার করবেন না। আপনার যদি খুব মিনিমালিস্ট ব্যক্তিগত ওয়েবসাইট থাকে তবে কেবল সেগুলি ব্যবহারের জন্য কোনও শক্তিশালী কাঠামো বা লাইব্রেরি ব্যবহার করবেন না। একটি খুব সহজ সাইট যা খুব ধীর গতির একটি ব্যবহারকারীর খারাপ অভিজ্ঞতা।
  • আপনার ওয়েবসাইটটি মোবাইল ফোনে সাড়া ফেলে এবং কাজ করে তা নিশ্চিত করুন। আমি আপনাকে এমন ব্যবহারকারীদের জন্য এটি ব্যবহার করতে উত্সাহিত করতে চাই যা একটি বিভক্ত স্ক্রিন সেটআপ ব্যবহার করে।
  • আমি অনলাইনে পাওয়া টেম্পলেট ব্যবহার করা এড়াতে চাই। এগুলি ব্যবহার করা হলে এটি আমার কাছে বেশ স্পষ্ট। আমি এটি তাদের জন্য বুঝতে পারি যারা ওয়েব বিকাশকারী নয়, তবে আপনি যদি ওয়েব বিকাশকারী হন তবে আপনার দক্ষতা দেখান!
  • নিজেকে বাজারজাত করতে পোর্টফোলিওটি ব্যবহার করুন। আপনি যদি নিয়োগকর্তাদের কাছে নির্দিষ্ট দক্ষতা প্রদর্শন করতে চান তবে নিশ্চিত হন যে সেই দক্ষতাগুলি আপনার ওয়েবসাইটে উপলব্ধ। আমি চাই যে লোকেরা আমার ব্লগটি দেখুক। এজন্য আমি এটি আমার হোমপেজে প্রকাশ করেছি। আমি আরও কথা বলতে চাই, তাই আমার বক্তৃতাগুলির জন্য আমার একটি সম্পূর্ণ পৃষ্ঠা রয়েছে। আমি আর পেশাদারি সি ++ কোড লিখতে চাই না, তাই আমি এই প্রকল্পগুলি আমার সাইট থেকে সরিয়েছি।
  • আপনার লিঙ্কগুলি নষ্ট না হয়েছে তা নিশ্চিত করুন। আমি নির্দিষ্ট পয়েন্টগুলিতে সম্পূর্ণ দোষী ছিলাম, তবে এটি দেখতে ভাল লাগে না এবং তারপরে আপনার দর্শকরা সেই লক্ষ্যটি দেখতে পাবে না!
  • আপনার পোর্টফোলিওটি আপ টু ডেট রাখুন এটি আমার দোষ যে আমি প্রায়শই এটি করি না তবে আমি কমপক্ষে প্রতি কয়েকমাসে আমার ওয়েবসাইটে নতুন প্রকল্প এবং আলোচনা যুক্ত করার চেষ্টা করি।
  • একটি সমালোচনামূলক চোখ ব্যবহার করুন এবং নকশায় মনোযোগ দিন। কোডে যাওয়ার আগে আমি আমার ওয়েবসাইটগুলি ডিজাইন করতে স্কেচ ব্যবহার করি।
  • পাশের গতি সম্পর্কে চিন্তা করুন। তারা পারফর্ম করছে কিনা তা নিশ্চিত করার জন্য আমি আমার সমস্ত অবস্থানে বাতিঘরগুলি পরীক্ষা করি।

আমার কয়েকটি প্রিয় পোর্টফোলিও

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

আপনার পাশ

আমি অন্য ব্যক্তির পোর্টফোলিওগুলি দেখতে এবং তাদের পরামর্শ দিতে পছন্দ করি। আমি যখনই পোর্টফোলিওর প্রতিক্রিয়া থ্রেডগুলিতে দেখি সেগুলিতে মন্তব্য করি। আপনি যদি প্রতিক্রিয়া সন্ধান করছেন এমন আপনার যদি থাকে তবে আমাকে আপনার ওয়েবসাইটে একটি লিঙ্ক টুইট করুন এবং আমি এটি পর্যালোচনা করে প্রতিক্রিয়া পাঠাব! অথবা, যদি আপনার কেবল একটি চমত্কার থাকে তবে এটি আমার কাছেও প্রেরণ করুন! আমি এটি আমার প্রিয় তালিকায় যুক্ত করতে চাই।

আপনি যদি এই নিবন্ধটি পছন্দ করেন তবে আমার সাপ্তাহিক নিউজলেটারে সাবস্ক্রাইব করুন যাতে আমার সপ্তাহের প্রিয় লিঙ্কগুলি থাকে!

মূলত zen-of-pogramming.com এ প্রকাশিত।