📂 React Js Folder Structure

@TechCodeAz
@TechCodeFrontend

MasterCode Academy'nın onlayn frontend təlimlərinə qeydiyyat davam edir.

Tədris müddəti : 5 ay

Həftədə 3dəfə dərs 2dəfə masterclass ilə 5 ay ərzində frontend proqramlaşdırmanı öyrənəcək, həmçinin işə qəbul üçün müsahibələrə hazırlaşacaqsınız.

Öyrənəcəyiniz əsas texnologiyalar:

Html5 Css3 (+ Sass) Bootstrap JavaScript Jquery Typescript React Js və Firebase texnologiyaları ,Git Github,Figma

Kurs sonu həm kursun rəsmi sertifikatını həmdə cv və portfolionuza əlavə edəcəyiniz 5+ böyük layihələr hazırlamış olacaqsınız. (E-ticarət, blog saytlar , sosial şəbəkə klonları(react js ilə) və s ). Eyni zamanda alqoritmik biliklərinizi gücləndirərək Hackerrank platformasındakı imtahanlarada hazırlaşıb sertifikatları əldə edəcəksiniz.


Hal-hazırda oktyabr qruplarına qeydiyyat davam edir. Səhər Qruplarımıza xüsusi endirim mövcuddur.

Əlavə məlumat üçün əlaqə saxlayın:

+994 70 332 13 32

@CoderArxivDev

Əlaqə üçün whatsapp

🧑🏻‍💻 Andersen Təcrübə Proqramı

🎯 5 Sahə üzrə təcrübə şansı🔥

Ətraflı məlumat linki

@TechCodeAz | @TechCodeFrontend

🎯 MasterCode Frontend təqaüd proqramı

MasterCode Academy Onlayn olaraq Frontend kurslarına təqaüd proqramı elan edir. Proqrama qoşularaq Html5, Css3, Sass, Bootstrap, Javascript, Typescript , React Js əlavə olaraq Git github , Figma , Firebase kimi texnologiyaları 5 ay ərzində öyrənmiş və 5+ böyük proyekt hazırlayaraq biliklərinizi təkmilləşdirilmiş olacaqsınız.

Əgər Frontend texnologiyalarına müəyyən qədər bələdsinizsə və digər texnologiyaları da öyrənmək istəyirsinizsə bu proqram tam sizin üçündür. Təbiiki müsahibədə uğurlu nəticə göstərən hər kəsə endirimlərimiz də mövcuddur.

30% 50% 70%

🎯 Qəbul mərhələləri:

1. Formu doldur.
2. Müsahibəyə qoşul.
3. Təqaüd qazan.


⏳ Müraciət tarixləri: 3 - 10 oktyabr

🚀 Ətraflı məlumat və Müraciət linki:

https://scholarship.mastercode.az/

🎯 Onlayn tədrisimizin necə aparıldığını öyrənmək istəyirsən?

https://www.instagram.com/p/Cx8O6-WKaab/?igshid=MzRlODBiNWFlZA==



TechCode && MasterCode

Clean Code necə olmalıdır?

Hər yazılan Kod tam hədəfi həyata keçirməlidir.
Yazdığımız Kod'u necə daha çox oxunabilir edərik deyə bilmək asandır.
Yazılan kodu bacardığımızca doğru və tam adlandırma ilə parçalara ayırmaq lazımdır.

Örnək: setFormValue(String(id));

Funksiyamızda id string'ə çevirib göndəririk.
Çox sadə bir funksiyadır. Ama daha çox sadə ola bilər. Nə demişdik? Hər kod tam hədəfin yerinə yetirməlidir. Əlavə iş koda yüklənməli deyil. Bu bizim, kodları clean kod edərkən qırılma nöqtələrimizdir.

İndi gəlin Clean kod etməyə çalışaq:

Örnək:
const modifiedId = String(id);

setFormValue(modifiedId);

Kod digərindən uzun oldu. Ama Ən əsası gələcəkdə dönüb geriyə kodlara baxanda vəya düzəliş edəndə bizə ciddi zaman qazandıracaq və sürdürülə bilir olacaq.

@TechCodeAz | © Eldaniz Guluzade

Hər vaxtınız xeyir Gənclər, Tech academy təhsil mərkəzində QA manual kurslarına qoşulmaq istəyənlər üçün özəl endirim təklifi mövcuddur. “QANovember” promokodunu 0509912002 nömrəsi ilə əlaqə saxlayıb bildirərək, 15% aylıq endirim almaq imkanınız var.

Qeyd: bu təklif yalnız imtihanı uğurla verən ilk 3 nəfər üçün keçərli olacaqdır.

Salamlar hər kəsə. MasterCode Training Center'də onlayn backend dərslərinə qeydiyyat davam edir. Ayın 20dək qeydiyyatdan keçənlərə xüsusi endirimlərimiz mövcuddur.

Təlim: C# /.Net Backend

Müddəti: 6 Ay / həftədə 3 dəfə

Ətraflı məlumat:
https://www.instagram.com/p/C1rJq3xNGDe/?igsh=cHQ0OG1lN2d0aWFk

Əlaqə üçün Instagram səhifəsinə yaza bilərsiniz.

Salamlar hər kəsə sizə özəl təklifimiz var 🤩

Əgər sizdə alqoritm biliklərinizi daha üst səviyyəyə çıxarmaq istəyirsinizsə sizin üçün hazırlanan içərisində 100 dən çox alqoritm sualları olan PDF kitablar mövcuddur

Ətraflı məlumat:
https://www.instagram.com/javascript__algorithm?igsh=MWhoZXVrYTVmazVkNw==

Daha geniş məlumat almaq üçün Instagram səhifəsinə yaza bilərsiniz

TechCode20 promokoduyla gedənlərə 20% endirim tətbiq olunacaq 😇

ℹ️Bun nədir?

Bun müasir JavaScript ekosisteminə xidmət etmək üçün sıfırdan qurulmuş yeni JavaScript runtTime-dır. Onun üç əsas dizayn məqsədi var:

1. Speed(Sürət): Bun sürətli və sürətli çalışır. O, Safari üçün qurulmuş performansa əsaslanan JS mühərriki JavascriptCore-u genişləndirir. Sürətli başlanğıc - vaxtları sürətli tətbiqlər və sürətli API deməkdir.
2. Elegant APIs - Bun, HTTP serverinin işə salınması və faylların yazılması kimi ümumi tapşırıqları yerinə yetirmək üçün yüksək optimallaşdırılmış API-lərin minimal dəstini təmin edir.
3. Cohesive DX - Bun is a complete toolkit for building JavaScript apps, including a package manager, test runner, and bundler.

Bun & Yarn & Node Modules (NPM) - aralarındakı fərqlər:

Bun: Ən sürətli və effektiv seçimlərdən biridir. JavaScript və TypeScript üçün optimallaşdırılmışdır və daha yeni bir alətdir.

npm: Ən geniş istifadə olunan paket meneceridir. npm registry üzərindən paketləri idarə edir və Node.js ilə birlikdə gəlir.

Yarn: npm-in çatışmazlıqlarını aradan qaldırmaq üçün hazırlanmış, paralel yükləmə və daha sabit asılılıq idarəetməsi təmin edən sürətli bir pakettir.

npx yerinə bunx yazdıqda xəta versə? Bəs onda necə yazmaq lazımdır? Misal olaraq next-in yüklənməsini göstərək:

npx create-next-app@latest

bun x --bun create-next-app@latest

Bu cür yazmaqda məqsəd: paketin daha sürətli yüklənməsini təmin etməkdir. Əks təqdirdə bucür yazsanız:

bunx create-next-app@latest

problem çıxma ehtimalı daha yüksəkdir. Çünki sizə create-next içində belə bir methodun olmadı mesajını verəcək.

©️TechCode.Az | @TechCodeAz

📤 Sonuncu əlavə edilmiş vakansiyalar:

💼 Fiziki kanallar və əməliyyat sahəsinin front-end üzrə proqramçısı
🏢 ABB
📅 19 aprel 2025
🔗 Elana keçid

💼 Rəqəmsal kanallar sahəsinin back-end üzrə aparıcı proqramçısı / baş proqramçısı
🏢 ABB
📅 22 aprel 2025
🔗 Elana keçid

💼 React developer
🏢 Nanolink MMC
📅 22 aprel 2025
🔗 Elana keçid

💼 Texnologiya və arxitektura sahəsinə back-end üzrə baş proqramçı
🏢 ABB
📅 23 aprel 2025
🔗 Elana keçid

💼 Senior IOS Developer (Mobile Banking Solutions)
🏢 Kapital Bank
📅 29 aprel 2025
🔗 Elana keçid

💼 Pərakəndə seqment sahəsinin İOS üzrə aparıcı proqramçısı
🏢 ABB
📅 29 aprel 2025
🔗 Elana keçid

💼 Korporativ və KOS məhsullar sahəsinin Back-end üzrə baş proqramçısı
🏢 ABB
📅 29 aprel 2025
🔗 Elana keçid

💼 Bank sistemləri sahəsinin Back-end üzrə Baş proqramçısı
🏢 ABB
📅 01 may 2025
🔗 Elana keçid

💼 Rəqəmsal kiçik biznes sahəsinin android üzrə proqramçısı
🏢 ABB
📅 02 may 2025
🔗 Elana keçid

💼 Texniki xidmət və proqram təminatının yüklənməsi üzrə mütəxəssis
🏢 ABB
📅 02 may 2025
🔗 Elana keçid



@TechCodeAz | TechCode.Az

📤 Sonuncu əlavə edilmiş vakansiyalar:

💼 Uşaqlar üçün Robotexnika və Proqramlaşdırma Müəllimi
🏢 Start İT
📅 03 may 2025
🔗 Elana keçid

💼 Node.js - Express.js proqramçı
🏢 WeDevloop
📅 05 may 2025
🔗 Elana keçid

💼 Korporativ və KOS seqmenti sahəsinin back-end üzrə aparıcı proqramçısı
🏢 ABB
📅 09 may 2025
🔗 Elana keçid

💼 Middle Back-End Developer - Retail Office
🏢 Kapital Bank
📅 09 may 2025
🔗 Elana keçid



@TechCodeAz | TechCode.Az

💼 Node.js - Express.js proqramçı
🏢 WeDevloop
📅 05 may 2025
🔗 Elana keçid
@TechCodeAz | TechCode.Az

💼 React developer
🏢 Nanolink MMC
📅 22 aprel 2025
🔗 Elana keçid
@TechCodeAz | TechCode.Az

🔰 Təcrübə Proqramı - MPAY

“MPAY”də karyeranı, bilik və bacarıqlarını inkişaf etdirmək üçün əla fürsət! Aşağıdakı istiqamətlərdən birini seç və peşəkar təcrübə qazan:

🔹 Texniki dəstək (Helpdesk);
🔹 Back-end proqramlaşdırma;
🔹 iOS proqramlaşdırma;
🔹 Android proqramlaşdırma;
🔹 Biznes analitika;
🔹 Biznesin inkişafı;
🔹 Ödəniş sistemlərinin idarə edilməsi;
🔹 Sistem analitika.

📌 Təcrübə müddəti: 1 iyun – 31 avqust, 2025
📅 Son müraciət tarixi: 12 may 2025

🔸 Təcrübə proqramı ödənişsizdir və sonda sertifikat təqdim edilir.

📩 Elə indi CV-ni hr@mpay.az adresinə göndərə bilərsən.


©️ TechCode.Az | @TechCodeAz

🔰 Təcrübə Proqramı - AzİnTelecom

“AzInTelecom” MMC “TəcrübəliSƏN” ödənişli yay təcrübə proqramını elan edir!

Bu proqramda nələr əldə edəcəksiniz?

✅Mentorluq və individual fokus
✅Layihə əsaslı real iş təcrübəsi
✅Təlim sessiyaları və masterclasslar
✅İşə qəbul imkanları
✅Sertifikat və fərqlənən təcrübəçilərə tövsiyə məktubu

📌Tələblər :

• Müvafiq sahə üzrə IV kurs bakalavr və ya magistr pilləsində təhsil alan tələbələr; yeni məzunlar;
• Ünsiyyətcil, məsuliyyətli və komanda ilə iş kimi yumşaq bacarıqlara malik olmaq.

Seçim mərhələsi :
• Müraciətlərin qeydə alınması və nəzərdən keçirilməsi;
• Bilik yoxlaması mərhələsi (fəaliyyət istiqamətindən asılı olaraq);
• Panel müsahibə;
• Seçim nəticələri.

Əlavə qeyd :
• Nahar şirkət tərəfindən qarşılanır;
• Aylıq təcrübə ödənişi.

Maraqlanan təcrübəçilər mövzu sətrində müvafiq fəaliyyət istiqamətini qeyd edərək career@azintelecom.az e-mail ünvanına müraciətlərini göndərə bilər.

⏳Müraciət üçün son tarix : 15.05.2025

©️ TechCode.Az | @TechCodeAz

🔰 Təcrübə Proqramı - "Express" Yay Təcrübə Proqramı 2025

"Express" Yay Təcrübə Proqramı ilə həm öyrən, həm də gələcəyinə yatırım et!

🔻Təcrübə qazana bilinəcək sahələr:

- İnsan Resursları
- Korporativ Hüquq
- PR və Marketinq
- İnformasiya Təhlükəsizliyi
- “Expresspay” (B2B, Call Center və IT)
- Biznes Analitika
- Gecikən Kreditlərin İlkin Təqibi
- Universal Bankçılıq
- Məlumat Mərkəzi (Call Center)
- Onlayn Satış
- Əməliyyatlar
- Mikro Kreditlər

🔻Tələblər

- Ali təhsilli, 4-cü kurs və magistr tələbələri (İqtisadi və ya texniki təhsil);
- Təşəbbüskar, məsuliyyətli və yeniliklərə açıq olanlar;
- Ofis proqramlarından istifadə etmə bacarığı olanara üstünlük verilir;
- İnkişafa meyillilik.

🌐 Müraciət Et

©️ TechCode.Az | @TechCodeAz

#frontend #reactjs

ℹ️ Use Optimistic nədir? və nəyə görə useState-dən fərqlidir?

Use Optimisctic - UI-ni optimist şəkildə yeniləməyə imkan verən React Hook-dur.

useState dəyişiklikləri ani göstərmir – dəyişiklik baş verir, sonra cavab alınır, sonra state yenilənir.

`useOptimistic` isə istifadəçiyə ani reaksiya verir (məsələn: "bəyənildi" effektini dərhal göstərir), amma arxa planda (backend API) sorğunu sonradan göndərir. Əgər uğursuz olarsa, əvvəlki vəziyyətə qayıtmaq mümkündür.

Bu, istifadəçi təcrübəsini daha sürətli və səlis edir.

📌 Nümunə: Post Like (Bəyənmə) funksiyası:

🟥 useState ilə (gec reaksiya)

const [liked, setLiked] = useState(false);

const handleLike = async () => {
  const res = await fetch("/api/like", {
    method: "POST",
    body: JSON.stringify({ postId }),
  });

  if (res.ok) {
    setLiked(true);
  }
};

➡️ Burda await bitmədən bəyənmə görünmür. Yəni istifadəçi bəyən düyməsinə kliklədikdə, arxa plandan cavab gəlməyincə heç nə dəyişmir. Bu isə yavaş görünür.

🟩 useOptimistic ilə (ani reaksiya)

"use client";

import { useOptimistic, useState } from "react";

export default function PostLikeButton({ postId, defaultLiked }) {
  const [liked, setLiked] = useState(defaultLiked);

  const [optimisticLiked, addOptimisticLike] = useOptimistic(liked);

  const handleLike = async () => {
    // Əvvəlcə istifadəçiyə dərhal göstər
    addOptimisticLike(!optimisticLiked);

    // Sonra serverə göndər
    const res = await fetch("/api/like", {
      method: "POST",
      body: JSON.stringify({ postId, liked: !liked }),
    });

    if (res.ok) {
      setLiked(!liked);
    } else {
      // burda hata varsa, sabitləşdirmək üçün istəsən `setLiked(liked)` edə bilərsən
    }
  };

  return (
    <button onClick={handleLike}>
      {optimisticLiked ? "❤️ Bəyənildi" : "🤍 Bəyən"}
    </button>
  );
}

✅ Faydası:

- İstifadəçi "Like" düyməsinə klikləyən kimi dəyişiklik görünür – ani reaksiya
- Backend API cavab verəndə isə əsl məlumat useState ilə sabitlənir
- Əgər backend uğursuz olarsa, geri ala bilirsən


@TechCodeAz | TechCode.Az

🎓 "Kontakt Home" Təcrübə proqramı
🏢 Kontakt Home
📅 Başlama: 6 May 2025
📅 Bitmə: 5 İyun 2025
🔗 Müraciət Et

Ümumi məlumat
Ölkənin ən qabaqcıl pərakəndə satış şəbəkələrinin birində təcrübə qazanmaq istəyirsən və haradan başlamalı olduğunu bilmirsən? Elə isə "Kontakt"ın "Təcrübə Proqramı"na müraciət et.
Motivasiyalı, əla ünsiyyət qabiliyyətli, 4-cü kurs və magistr tələbələrini, 2024-2025-ci illərin məzunlarını, təcrübə proqramına qatılmağa dəvət edirik! Təcrübə proqramının bütün seçim mərhələlərindən uğurla keçmiş namizədlər AR əmək qanunvericiliyinə əsasən sənədləşdiriləcək və orientasiya proqramına cəlb olunacaqlar. Proqrama seçilən təcrübəçilər "Kontakt"ın müxtləlif strukturlarında sağlam və pozitiv korporativ mühitdə, qarşılıqlı etibar, güclü və zəngin iş təcrübəsi qazanacaq. Təcrübə müddətində xüsusilə fərqlənən şəxslər gələcəkdə açılacaq vakansiyalar üçün potensial namizəd kimi dəyərləndirilə bilərlər. Təcrübə proqramı ödənişli əsaslarda iki ay müddətində davam edəcəkdir.
Komanda üzvlərimiz arasından mükəmməlliyi və parlaqlığı seçərək kayera yüksəlişini təmin etməyimiz daim qürurlandığımız cəhətimizdir. Böyük komandamıza qoşulmaq istəyənlər üçün bu bir fürsətdir!
Təcrübə proqramı hansı sahələri əhatə edir?
Təcrübə proqramı sizə nə qazandıracaq?
• İnsan Resursları (İşə qəbul / Əmək münasibətləri);
• Marketinq (Sosial media / Marketinq kommunikasiyaları / Dizayn);
• İnformasiya və Kommunikasiya texnologiyaları (Texniki dəstək / Şəbəkə / Sistem);
• Hüquq;
• Maliyyə;
• Elektron kommersiya;
• Pərakəndə satış;
• Əlavə pərakəndə satış xidmətləri.
• Real iş mühiti ilə tanışlıq;
• Təhsil müddətində öyrəndiklərinizi tətbiq etmə imkanı;
• Öz sahəsində peşakar şəxslərin təcrübələri ilə tanış olmaq imkanı;
• Təcrübə proqramında iştiraka dair Sertifikat.


Tələblər
• 4-cü kurs tələbələri;
• Magistr tələbələri;
• 2024-2025-ci illərin məzunları.

@TechCodeAz | TechCode.Az

📣 Proqramlaşdırma sahəsində ən son və aktiv təcrübə proqramları gün ərzində bu kanalda paylaşılacaq.
Hazırda üzərində işlədiyimiz bot vasitəsilə təcrübə proqramları saytlarında yayımlandığı anda sizinlə dərhal paylaşılacaq. Bu fürsətləri qaçırmayın!

🔔 Yeniliklərdən xəbərdar olmaq üçün kanalı izləmədə qalın və bildirişləri açmağı unutmayın. 😎

🎓 YAY TƏCRÜBƏ PROQRAMI
🏢 Azərbaycan Respublikası Dövlət Neft Fondu
📅 Başlama: 23 Aprel 2025
📅 Bitmə: 23 May 2025
🔗 Müraciət Et

Ümumi məlumat
Real iş təcrübəsi qazanmaq üçün ARDNF komandasına qoşulmağa hazırsınızmı?
Yüksək ixtisaslı peşəkarlardan ibarət dinamik komandamız sizlərə maliyyə sahəsində ən zıruri yenilik və bacarıqları qazanmaq imkanı yaradır. Siz gündəlik real iş proseslərində iştirak edərək həm peşəkar, həm də şəxsi bacarıqlarınızı inkişaf etdirmək, eləcə də, praktiki təcrübə əldə etmək imkanı qazanacaqsınız.
Proqramın müddəti: 2025-ci ilin iyun-iyul aylarını əhatə edir (ödənişsizdir)
Müraciət üçün son tarix: 4 may 2025
Seçim Mərhələləri
Tələblərə uyğun gələn namizədlər aşağıdakı seçim mərhələlərində iştirak üçün dəvət olunacaqlar:
Seçim mərhələləri ilə bağlı ətraflı məlumat tələblərə uyğun gələn namizədlərə fərdi qaydada təqdim ediləcəkdir.
Sizi Yay Təcrübə Proqramında görməkdən məmnunluq duyarıq!
• Test imtahanı (12-21may): Test mərhələsində fiziki iştirak tələb olunur
• Qrup müzakirəsi və/və ya fərdi müsahibə (22 – 30 may): Test mərhələsini uğurla keçmiş namizədlər bu mərhələyə dəvət olunacaqlar.


Tələblər
Aşağıda göstərilən sahələr üzrə bakalavr təhsil pilləsi üzrə 3-cü və ya 4-cü kursda təhsil alan tələbələr, eləcə də 2024-cü ildə ali təhsilini bitirmiş və yüksək akademik göstəricilərə malik məzunlar təcrübə proqramına müraciət edə bilərlər.
• Azərbaycan və ingilis dillərini mükəmməl bilmək (digər dilləri bilmək üstünlük sayılır);
• MS Office proqramlarında peşəkar səviyyədə işləmə bacarığı (əlavə proqramlarda bacarıqlar üstünlükdür).

@TechCodeAz | TechCode.Az