Mükəmməl bir texniki portfelinizi belə qurursunuz

Və ümumiyyətlə əla bir portfeldir

Portfellər sizi təmsil edir və çox vaxt işəgötürənin sizdən və işinizdən aldığı ilk təəssüratlardan biridir.

Buna görə, özünüzü və işinizi bacardığınız qədər əhatə edən bir portfel yığmağınız vacibdir.

Mükəmməl bir texnoloji portfelini qurmaq üçün bəzi tövsiyələrimə nəzər salaq.

Qeyd: Bu təkliflər şəxsi təcrübəmə əsaslanır. Möhtəşəm bir portfel qurmağın bir çox yolu var. Bunları məcburi qaydalar kimi deyil, təlimatlar kimi istifadə edin. Sizin üçün işləyən başqa bir yanaşmanız varsa, xahiş edirəm aşağıda paylaşın!

Portfellər bir şəxs olaraq kim olduğunuzu və masaya hansı bacarıqları gətirdiyinizi izah edir. Həm də inkişaf bacarıqlarınızı nümayiş etdirmək üçün əla bir yoldur! Portfelinizin ən yüksək səviyyəyə çatdığından əmin olmaq üçün nəzərə alınacaq bir neçə vacib şey var.

CV tez-tez işə götürənlərə kim olduğunuzu söyləmək imkanı vermir. Beləliklə, portfellər parlamağın yoludur! Əyləncə üçün nə etməyi sevirsən? Bir sözlə həyat hekayəniz nədir? İnsanların sənin haqqında nə bilməsini istəyirsən?

Bəzi şəxsi məlumatları əlavə edərək, potensial işəgötürənlərə sizinlə işləmək nəyin olduğuna dair bir fikir verirsiniz!

Budur portfelimin Haqqında səhifəsindən kiçik bir hissə. Tam səhifəni burada görməkdən çəkinməyin.

Kodlaşdırma və ya dizayn bacarıqlarını nümunə göstərən qürur duyduğunuz layihələriniz və ya işləriniz varsa, portfeliniz onları göstərmək üçün gedəcək yerdir.

Bir çox şirkət daxili (məxfi) iş istehsal edir. Beləliklə, bunları bir ümumi portfelə necə əlavə edəcəyinizi düşünə bilərsiniz.

Təəssüf ki, cavab ... edə bilməzsiniz. Təklifim, bacarıqlarınızı nümayiş etdirən iki-üç tərəfli layihəyə sahib olmaqdır. Bilirəm ki, bu hər kəs üçün edilə bilməz, amma işiniz məxfi olarsa, edə biləcəyiniz çox şey yoxdur.

İşlərinizə baxmaq üçün istifadə etdiyiniz texnologiyaları, layihədəki rolunuzu (varsa) təsvir edin, bir-iki ekran görüntüsü əlavə edin və kodu bir link yerləşdirin (bacarırsınızsa).

Portfelimin iş sahəsini belə düzəltdim. Tam səhifəyə buradan baxa bilərsiniz.

İşəgötürənin diqqətini cəlb etmək üçün əla bir yol portfelinizi yan layihə kimi istifadə etməkdir. Portfelimi qurmaq üçün Reats.js ilə Gatsby-dən istifadə etdim, çünki bir sayt generatoru ilə təcrübə aparmaq və React bacarıqlarımı nümayiş etdirmək istədim.

Həm də portfelimi yaratmadan əvvəl Sketch-də tərtib etdim. Məlumatlarınızın necə göstəriləcəyi üçün bir iyerarxiya yaratmağı məsləhət görürəm.

Portfelinizi yaratmağın müxtəlif yolları haqqında daha çox məlumat üçün "Portfelimi yaratmaq üçün hansı texnologiyadan istifadə etməliyəm?" Bölməsinə baxın.

İşəgötürənlər və perspektivli işəgötürənlər portfelinizi illərdir yeniləməmisinizsə belə, axtara bilərlər. Beləliklə, məlumatlarınızı mümkün qədər aktual saxlamağınız vacibdir.

Yeni bir rol götürəndə portfelinizi yeniləyin. Hər dəfə yeni bir tətbiq yaratdıqda, portfelinizi yeniləyin!

Bunun özünüzü və mövcud bacarıqlarınızı təmsil etməsini istəyirsiniz. Beləliklə, saxlanması asan və zamanın sınağından çıxacaq bir şey yaratmağınız vacibdir.

Portfelinizə hər zaman bir əlaqə metodu daxil etməlisiniz. Düzü, bu anda siyahımda bir əlaqə metodu yoxdur (ayıb olsun!).

Bir əlaqə üsulu təqdim etməsəniz, işə götürənlər sizə mümkün rollar barədə məlumat verə bilməyəcəklər.

Buna görə sosial medianıza bir keçid əlavə edin (bunu əsas əlaqə vasitəniz kimi istifadə edirsinizsə), e-poçt ünvanı və ya telefon nömrəsi (çox zəng qəbul etməyinizə qarşı deyilsinizsə).

Onlara sizinlə əlaqə qurma imkanı verin.

Bir portfel dizayn etmək ən çətin vəzifə ola bilər, xüsusən də son dərəcə inkişaf etdirici olsanız və ya dizayn təcrübəsi az və ya heç yoxdursa.

Bir veb sayt və ya tətbiqetmə yaradarkən, Dribbble'dan ilham mənbəyi və rəng palitrası üçün istifadə edirəm. Əlavə olaraq, bəzi şablonlarını görmək üçün Wix və Squarespace-ə baxa bilərsiniz. Başqalarının dizaynlarını səhv təqdim etməyinizi məsləhət görmürəm, amma ilham üçün yaxşı bir başlanğıc nöqtəsidir.

Dizaynı olduqca sadə saxlamağı məsləhət görürəm. Hələ beş, hətta on ildən sonra əla görünəcək bir şey istəyirsən. Sadə, lakin əlçatan rəngləri seçin. Müvafiq ölçüdə oxunaqlı şriftlərdən istifadə edin.

Həm də bir məlumat arxitekturasının yazılmasına kömək edir. Portfelinizdə hansı məlumatlara sahib olmaq istərdiniz? Bunu necə şərh etmək istəyirsən? Tək səhifə? Birdən çox marşrut? Kod vermədən əvvəl bu qərarları verin və bir ton vaxtınıza qənaət edəcəksiniz.

Qrafikə ehtiyacınız varsa, çəkməməyi məsləhət görürəm. İstifadəsi pulsuz və fərdiləşdirilməsi asandır.

Portfelinizi qurmaq üçün istifadə edə biləcəyiniz bir çox fərqli texnologiya var. Arxa və ön tərəfli inkişaf etdiricilər üçün bir neçə variantı nəzərdən keçirək.

Back-end geliştirici

Bir arxa plan geliştiricisisinizsə və ya bir istifadəçi interfeysi yaratmaq istəmirsinizsə, bir neçə seçiminiz var.

1. CMS istifadə edin

Məzmun İdarəetmə Sistemləri (CMS) rəqəmsal məzmunun yaradılması və saxlanmasını idarə edir.

WordPress, oradakı ən populyar məzmun idarəetmə sistemlərindən biridir və öz istifadəçi interfeyslərini qurmaq üçün xüsusilə rahat olmayan inkişaf etdiricilər üçün əla seçimdir.

2. Vanilla HTML & CSS istifadə edin

Əsas veb inkişafla tanışsınızsa, veb saytınızı qurmağın ən yaxşı yolu Vanilla HTML və CSS istifadə etməkdir. Bacarıqlarınızın parıldadığı yerdə deyilsə, istifadəçi interfeysi dizaynında həddini aşmağın lazım olduğunu düşünməyin. Bununla birlikdə veb saytınızı HTML və CSS-də qurmaq, rahatlıq zonasından kənarda olan bacarıqları öyrənə biləcəyinizi göstərir.

Fantastik portfel hazırlamaq üçün JavaScript ehtiyacınız yoxdur!

3. CSS çərçivəsindən istifadə edin

Əsas HTML və CSS ilə kifayət qədər tanışsınızsa, lakin daha uyğun bir istifadəçi interfeysi istəyirsinizsə, o zaman bir CSS çərçivəsini sınamalısınız.

CSS çərçivələri elementlərin dizaynını asanlaşdırır və sürətləndirir. Bir qabaqcıl inkişaf etdirici rolu üçün müraciət edirsinizsə, işəgötürənlər CSS-i inkişaf etdirmək üçün məlumatlı bir geliştirici axtarır deyə bir CSS çərçivəsindən istifadə etmək ən yaxşı seçim olmaya bilər. Bununla birlikdə, arxa planlı bir geliştirici üçün bu əla bir seçim ola bilər.

Foundation, Bulma, SemanticUI və ya Bootstrap tövsiyə edirəm.

4. Veb sayt qurucusundan istifadə edin

Məzmununuzu mümkün qədər tez işə salmaq istəyirsinizsə, Wix və ya Squarespace kimi bir veb sayt qurucusundan da istifadə edə bilərsiniz.

Bu, bir veb saytın yerləşdirilməsini son dərəcə sürətli və asanlaşdırır. Xüsusi bir etki daxil edə bilərsiniz.

Bununla birlikdə, bir ön geliştirici rolu üçün müraciət edirsinizsə, bir veb sayt platforması istifadə etməməyi məsləhət görürəm. Bu inkişaf bacarıqlarınızı göstərmək üçün bir şansdır! Böyük ol ya da evə get!

Ön tərəfli geliştirici

Bir qabaqcıl inkişaf etdiricisinizsə, veb saytınızı qurmaq üçün daha çox seçiminiz var.

1. Vanilla HTML, CSS və JavaScript istifadə edin

Sadə bir vanil veb saytında səhv edə bilməzsiniz. İstəməsəniz və ya ehtiyacınız yoxdursa, portfelinizin memarlığını çətinləşdirməyə ehtiyac yoxdur. Veb saytınızı əvvəldən qurmağınızın özü potensial işəgötürənlərə bacarıqlarınızı nümayiş etdirmək üçün bir az daha çox vaxt ayırmağa hazır olduğunuzu göstərir.

2. JavaScript çərçivəsindən istifadə edin

Portfelinizi bir çərçivə və ya kitabxanadan istifadə edərək JavaScript bacarıqlarınızı tətbiq etmək (və göstərmək) üçün istifadə edə bilərsiniz. Rahat olduğunuz birini seçməyinizi təklif edirəm (və ya daha yaxşısını etmək üçün həmişə öyrənmək istədiyiniz birini seçin!) Və ya axtardığınız rol növləri üçün uyğun bir seçim.

Çox vaxt bu çərçivələr və ya kitabxanalarda bir başlanğıc layihəsi yaratmaq üçün istifadə edə biləcəyiniz bir CLI var. Bu, bir mühit qurmaq üçün çox vaxta qənaət edə bilər və kodunuzu özünüz tərtib etmək, minimuma endirmək və tükəndirmək ehtiyacını aradan qaldırır.

3. Statik bir sahə generatoru istifadə edin

Statik sahə generatorları, populyar kitabxanaların və çərçivələrin (React, Vue, Angular və s.) Tətbiqi ilə texnologiya sənayesində getdikcə populyarlaşır. Portfelimi Gatsby ilə qurdum: React üçün sayt generatoru.

Seçmək üçün çox sayda sayt generatoru var, məsələn: B. React tətbiqetmələri üçün Next.js və VuePress üçün VuePress.

Bunlar bir çox üstünlükləri təklif edir, məsələn: B. Təsvir optimallaşdırması, mobil dostluq cavab müddətləri və əlçatanlıq üçün plaginlər.

Öz Portfelinizi Kodlaşdırma üçün göstərişlər

  • Kodunuzun diqqətlə və səmərəli şəkildə təşkil olunduğundan əmin olun. Bütün məzmunu bir səhifəyə atmaq son dərəcə asandır (və bunu edə bilərsiniz), lakin fərqli bölmələri / məzmunu yerli veb komponentlərə və ya HTML səhifələrə bölmək çox böyük bir dəyişiklik yarada bilər.
  • CSS-nin təmiz və mütəşəkkil olduğundan əmin olun. Elementlərin yerləşdirilməsi üçün daha müasir CSS-ə (Flexbox və ya Floats üzərində CSS-Grid kimi) sadiq qalmağa çalışın. Bu, göstəricilərlə ayaqlaşdığınızı göstərir.
  • Semantik HTML istifadə edin. Kodunuzu əsas bölgələri təyin edən bir iyerarxiyada qurun. Bu işarələrdən istifadə edin ( , , , , və s.) portfelinizdə mühüm yerləri qeyd etmək üçün. Cəhd edin, və az istifadə olunmalıdır.

Hər zaman aşağıdakı bölmələri portfelinizə daxil etməyinizi məsləhət görürəm:

  • Haqqında: sən kimsən? Boş vaxtınızda nə etməyi sevirsiniz? Əyləncəli faktlar varmı?
  • İş / Layihələr / Bacarıqlar: Hansı texnologiyalarla işləmisiniz? Hansı layihələr qurdunuz?
  • Bloq (istəyə görə): Bir blogunuz varsa, onu burada təqdim edin.
  • Əlaqə: İşəgötürənlər necə əlaqə qura bilər?

Bu da mənim şəxsi seçimimdir. Fərqli platformalara (sosial media, GitHub və s.) Yönləndirən bir açılış səhifəsi yaratmaq istəyə bilərsiniz.

Portfeliniz sizin bir təmsilçiniz olmalıdır. Portfellər üçün heç bir uyğunluq yoxdur. Bunu özün et!

Ümid edirəm bu blog faydalı oldu və işinizi nümayiş etdirmək üçün əla bir portfel yaratmağa təşviq edəcəkdir. Hər hansı bir sualınız varsa, Twitter ilə əlaqə qurmaqdan çəkinməyin! Kodlamada əylənin!