NASIL

Ana Sayfa

Menüler

Simge Çubuğu Menü Simgesi Akordeon Sekmeler Dikey Sekmeler Sekme Başlıkları Tam Sayfa Sekmeleri Hover Sekmeleri En İyi Gezinme Duyarlı Topnav Simgeli Gezinme Çubuğu Arama Menüsü Arama çubuğu Sabit Kenar Çubuğu Sayfa Gezinme Duyarlı Kenar Çubuğu Tam Ekran Gezinme Tuval Dışı Menü Yan Gezinti Düğmelerini Üzerine Getirin Simgeli Kenar Çubuğu Yatay Kaydırma Menüsü Dikey Menü Alt Gezinme Duyarlı Alt Gezinme Alt Kenar Gezinme Bağlantıları Sağa Hizalanmış Menü Bağlantıları Ortalanmış Menü Bağlantısı Eşit Genişlik Menü Bağlantıları Sabit Menü Kaydırmada Aşağı Kaydırma Çubuğu Kaydırmada Navbar'ı Gizle Kaydırmada Gezinme Çubuğunu Küçült Yapışkan gezinme çubuğu Görüntüdeki gezinme çubuğu Fareyle üzerine gelinen açılır menüler Açılır Menüler'i tıklayın Basamaklı Açılır Menü Topnav'da açılır menü Sidenav'da açılır menü Navbar Açılır Menüsü Alt Navigasyon Menüsü açılan Mega Menü Mobil Menü Perde Menüsü Daraltılmış Kenar Çubuğu Daraltılmış Yan Panel sayfalandırma Galeta unu Düğme Grubu Dikey Düğme Grubu Yapışkan Sosyal Bar Hap Navigasyonu Duyarlı Başlık

Görüntüler

slayt gösterisi Slayt Gösterisi Galerisi Modal Görüntüler Hafif kutu Duyarlı Görüntü Izgarası Görüntü Izgarası Sekme Galerisi Görüntü Bindirme Solması Görüntü Bindirme Slaytı Görüntü Bindirme Yakınlaştırma Görüntü Bindirme Başlığı Görüntü Bindirme Simgesi Görüntü Efektleri Siyah Beyaz Görüntü Resim Metni Resim Metin Blokları Şeffaf Resim Metni Tam Sayfa Resmi Resimdeki Form Kahraman Resmi Arka Plan Resmini Bulanıklaştır Kaydırmada Bg'yi Değiştir Yan Yana Görüntüler Yuvarlak Görüntüler avatar resimleri Duyarlı Görüntüler Merkezi Görüntüler küçük resimler Resmin Çevresindeki Kenarlık Takımla tanış Yapışkan Görüntü Bir Resmi Çevir Bir Görüntüyü Sallayın Portföy Galerisi Filtrelemeli Portföy Görüntü Yakınlaştırma Görüntü Büyüteç Camı Görüntü Karşılaştırma Kaydırıcısı Favicon

Düğmeler

Uyarı Düğmeleri Anahat Düğmeleri Bölünmüş Düğmeler Hareketli Düğmeler Solma Düğmeleri Resimdeki Düğme Sosyal Medya Düğmeleri Daha Fazla Oku Daha Az Oku Yükleme Düğmeleri İndirme Düğmeleri hap düğmeleri Bildirim Düğmesi Simge Düğmeleri Sonraki/önceki Düğmeler Gezinme'de Daha Fazla Düğme Blok Düğmeleri Metin Düğmeleri Yuvarlak Düğmeler Üst Düğmeye Kaydır

Formlar

Giriş Formu Kayıt Formu Ödeme Formu İletişim Formu Sosyal Giriş Formu Kayıt Formu Simgelerle Form Bülten Yığılmış Form Duyarlı Form Pop-up Formu satır içi formu Giriş Alanını Temizle Sayı Oklarını Gizle Metni Panoya Kopyala Hareketli Arama Arama Düğmesi Tam Ekran Arama Navbar'da Giriş Alanı Navbar'da Giriş Formu Özel Onay Kutusu/Radyo Özel Seçim Geçiş anahtarı Onay Kutusu Büyük Harf Kilidi Algıla Enter'da Tetik Düğmesi Şifre Doğrulama Şifre Görünürlüğünü Aç/Kapat Çoklu Adım Formu otomatik tamamlama Otomatik tamamlamayı kapat Yazım denetimini kapat Dosya Yükleme Düğmesi Boş Giriş Doğrulaması

filtreler

Filtre Listesi Filtre Tablosu Filtre Elemanları Filtre Açılır Menüsü Sıralama Listesi Büyü Tablosu

tablolar

Zebra Çizgili Masa Orta Masalar Tam genişlikte masa Yan Yana Masalar Duyarlı Tablolar Karşılaştırma Tablosu

Daha

Tam Ekran Video Modal Kutular Kalıcı Sil Zaman çizelgesi Kaydırma Göstergesi İlerleme Çubukları Beceri Çubuğu Aralık Kaydırıcıları Araç ipuçları Ekran Öğesinin Üzerine Gelme Açılır pencereler katlanabilir Takvim HTML İçeriği Yapılacaklar listesi yükleyiciler Yıldız Derecelendirmesi Kullanıcı oyu Bindirme Etkisi İletişim Cips kartlar Flip Kart Profil Kartı Ürün Kartı uyarılar Çağırmak notlar Etiketler çevreler Stil İK Kupon Liste Grubu Madde İşaretsiz Liste Duyarlı Metin Kesme Metni parlayan metin Sabit Altbilgi Yapışkan Öğe Eşit Yükseklik düzeltme Duyarlı Şamandıralar snack bar Tam Ekran Penceresi Kaydırma Çizimi Pürüzsüz Kaydırma Gradyan Bg Parşömeni Yapışkan Başlık Kaydırmada Başlığı Küçült Fiyatlandırma Tablosu Paralaks En Boy Oranı Duyarlı Iframe'ler Beğen/Beğenme arasında geçiş yap Gizle/Göster arasında geçiş yap Karanlık Modu Aç/Kapat Metni Aç/Kapat Sınıfı Değiştir Sınıf Ekle Sınıfı Kaldır Aktif Sınıf Ağaç görünümü Mülkü Kaldır Çevrimdışı Algılama Gizli Öğeyi Bul Web sayfasını yeniden yönlendir Yakınlaştır Vurgulu Çevirme Kutusu Dikey Ortala DIV'deki Orta Düğme Hover'da Geçiş oklar şekiller İndirme: {link Tam Yükseklik Elemanı Tarayıcı penceresi Özel Kaydırma çubuğu Kaydırma çubuğunu gizle Kaydırma Çubuğunu Göster/Zorla Cihaz Görünümü İçerik Düzenlenebilir Kenarlık Yer Tutucu Rengi Metin Seçimi Rengi madde işareti rengi Dikey çizgi bölücüler Simgeleri Canlandır Geri sayım saati Daktilo Yakında Sayfası Sohbet Mesajları Açılır Sohbet Penceresi Bölünmüş ekran referanslar Bölüm Sayacı Tırnak Slayt Gösterisi Kapatılabilir Liste Öğeleri Tipik Cihaz Kesme Noktaları Sürüklenebilir HTML Öğesi JS Medya Sorguları Sözdizimi Vurgulayıcı JS Animasyonları JS Dizi Uzunluğu JS Üstelleştirme JS Varsayılan Parametreleri Geçerli URL'yi Al Geçerli Ekran Boyutunu Al Iframe Öğelerini Alın

İnternet sitesi

Ücretsiz Web Sitesi Oluşturun Web Sitesi Yap Statik Bir Web Sitesi Yapın Bir Web Sitesi Yapın (W3.CSS) Bir Web Sitesi Yapın (BS3) Bir Web Sitesi Yapın (BS4) Bir Web Sitesi Yapın (BS5) Bir Web Sitesi Oluşturun ve Görüntüleyin Bağlantı Ağacı Web Sitesi Oluşturun Portföy Oluştur Özgeçmiş Oluştur Restoran Web Sitesi Yapın Bir İşletme Web Sitesi Yapın WebKitabı Yap Merkez Web Sitesi İletişim Bölümü Sayfa Hakkında Büyük Başlık Örnek Web Sitesi

Kafes

2 Sütun Düzeni 3 Sütun Düzeni 4 Sütun Düzeni Genişleyen Izgara Liste Tablosu Görünümü Karışık Sütun Düzeni Sütun Kartları Zig Zag Düzeni Blog Düzeni

Google

Google Grafikleri Google Yazı Tipleri Google Yazı Tipi Eşleştirmeleri Google Analytics Kurulumu

dönüştürücüler

Ağırlığı Dönüştür Sıcaklığı Dönüştür Uzunluğu Dönüştür Dönüştürme Hızı

Blog

Geliştirici İşi Alın Bir Ön Uç Geliştiricisi Olun.

Nasıl Yapılır - Bir Geliştirici İşi Alın


Herkes geliştirici olabilir.

İnternette birçok ücretsiz içerik bulabilirsiniz.

İlk geliştirici işinizi yapmak zor olabilir.

En önemli şey asla pes etmemek.

Daha iyi olmak için her gün pratik yapın.


Bir geliştirici ne yapar

Geliştirici, bilgisayarda bir şeylerin olmasını sağlayan kişidir.

Bu, bir web sitesi, web uygulaması veya bir oyun oluşturmak için olabilir.

Hem hobi, hem iş hem de iş olabilir;+]

İşe yarayan bir şey inşa etmek yaratıcı ve eğlencelidir!

Geliştirici olmak için ne gerekiyor

Ne tür bir geliştirici olmak istediğinize dair bir hedef belirleyin. EG Ön Uç veya Arka Uç .

Hangi programlama dillerini öğreneceğinize karar verin.

Kodla okuyun, pratik yapın ve oluşturun.

Size bir fırsat verebilecek biri tarafından fark edilin.

Asla pes Etme.

Front-End ve Back-End arasındaki fark, Front-End'in bir web sayfasının nasıl göründüğünü, back-end'in ise nasıl çalıştığını ifade etmesidir.

Ayrıca Ön Uç'u istemci tarafı ve Arka Uç'u sunucu tarafı olarak düşünürsünüz .


nereden başlamalıyım

HTML, CSS ve JavaScript, bir web sitesi oluşturmak için bilmeniz gereken temel dillerdir.

Bir web geliştiricisi olmak için aşağıdaki konularla aşağıdaki sırayla başlayın:

  1. HTML ile yapıyı oluşturun. Öğrenmeniz gereken ilk şey, web sayfaları oluşturmak için standart biçimlendirme dili olan HTML'dir.
  2. HTML öğrenin ❯
  3. CSS ile stil. Bir sonraki adım, güzel renkler, yazı tipleri ve çok daha fazlasıyla web sayfanızın düzenini ayarlamak için CSS öğrenmektir.
  4. CSS öğrenin ❯
  5. JavaScript ile etkileşimli hale getirin. HTML ve CSS okuduktan sonra, kullanıcılarınız için dinamik ve etkileşimli web sayfaları oluşturmak için JavaScript öğrenmelisiniz.
  6. JavaScript öğrenin ❯

W3Schools Spaces'ı hiç duydunuz mu? Burada HTML, CSS ve JavaScript kullanarak ücretsiz bir web sitesi oluşturabilirsiniz.

Ücretsiz başlayın ❯

* Kredi kartına gerek yok

Aşağıdakiler gibi JavaScript ve CSS çerçevelerini ve kitaplıklarını öğrenin ve uygulayın:

Çerçeveleri ve kitaplıkları bilmek sizi iş piyasasında daha çekici hale getirecektir.

Back-End'i nasıl öğrenebilirim?

Statik web siteleri oluşturmak için HTML, CSS ve JavaScript kullanılır.

Web sitelerini dinamik hale getirmek için (veritabanları, iletişim formları, kullanıcı erişimi vb.) Back-End programlama dillerini kullanmanız gerekir.

İşte bazı popüler Back-End dilleri:

Web siteleri ve web uygulamaları oluşturmakla çalışan kişilere Ön Uç Geliştiriciler denir.

Uygulama oluşturma ile çalışan kişilere Back-End Developers denir.

Hem Ön Uç hem de Arka Uç ile çalışan kişilere Fullstack Geliştiricileri denir.

Yolculuğunuza Front-End ile başlamanızı öneririz.


On adımda ilk işinizi nasıl alırsınız?

İlk işinizi almanın birçok yolu vardır.

Adımların sırası bir öneridir.

Adımları istediğiniz sırayla yapabilirsiniz.


Hazırlıklar: Bir hedef belirleyin

Hedefinize bağlı kalın.

Bir plan oluşturun.

Öğrenme ve uygulama için her gün ve hafta zaman ayırın.

Tutarlı olmak en önemli şeydir!


İçeriğe erişmek için pahalı bir Bootcamp veya aylık abonelik için ödeme yapmak için gerçekten hiçbir neden yok.

İnternette açık birçok ücretsiz içerik bulabilirsiniz.

Planınız üzerinde çalışın, inşa edin ve tutarlı olun. İyi olacaksın!

Birinci Adım: Dillerde ustalaşın

Öğrenmeye karar verdiğiniz dilleri okuyun, pratik yapın ve geliştirin.

Ana dillerden emin olduğunuzda çerçeveler ve kitaplıklarla başlayın.

Daima inşa et.


İkinci Adım: Çevrimiçi bir özgeçmiş oluşturun

Çevrimiçi özgeçmiş, özgeçmişin dijital versiyonudur.

Deneyiminizin, becerilerinizin, eğitiminizin ve başarılarınızın bir özetidir.

Bir işe başvurmak, serbest meslek, danışmanlık sözleşmesi veya bir okula başvurmak için kullanılabilir.

Bir web sitesi olarak çevrimiçi olmasının değeri, dünyanın her yerinden insanların kolayca erişebilmesidir.

İşte çevrimiçi özgeçmişinizi nasıl oluşturacağınıza dair bir eğitim: Çevrimiçi Özgeçmiş Nasıl Oluşturulur


Üçüncü Adım: Bir portföy sitesi oluşturun

Portföy fark edilmek için çok önemlidir.

Portföy oluşturmak, çevrimiçi varlığınızı büyütmenin iyi bir yoludur.

Portföy, becerilerinizi ve projelerinizi sergilemek için kullanılır.

Bir iş, serbest meslek veya staj bulmanızda size yardımcı olabilir.

İşte portföyünüzü nasıl oluşturacağınıza dair bir eğitim: Portföy Nasıl Oluşturulur


Dördüncü Adım: İlgili işleri arayın ve başvurun (devam ediyor)

Her zaman iş arıyor ve başvuruyor olun.

Tipik giriş işleri Stajyer veya Junior Developer'dır.

İlk işi almanın en zoru olduğunu unutmayın.

Bir sonrakine inmek daha kolay.


Beşinci Adım: Serbest çalışan konserler arayın

Serbest çalışan konserler, ilgili iş deneyimi oluşturmak için iyidir.

Profilinizi bir konser platformuyla oluşturun.

İlgili sözleşmeleri arayın ve başvurun.

Profilinizi aktif olarak pazarlayın.

Özgeçmişinize ve Portföyünüze tamamlanmış taahhütleri ekleyin.


Altıncı Adım: Projeler üzerinde çalışın

Kendi projeleriniz üzerinde çalışmak becerilerinizi geliştirir.

Tamamladığınız projelerinizi başkalarıyla paylaşın.

Denemeye devam. Tutarlılık en önemli şeydir!

Sizin için W3Schools Spaces adında bir kod düzenleyici oluşturduk . Burada HTML, CSS ve JavaScript kullanarak ücretsiz bir web sitesi oluşturabilirsiniz.

Ücretsiz başlayın ❯

* Kredi kartına gerek yok


Yedinci Adım: Staj başvurusunda bulunun

Stajlar, iş piyasasına girmenin en iyi yollarından biridir.

Aşağıdakiler gibi ilgili deneyimler edinmenize yardımcı olabilir:

  • Gerçek dünya problemlerini çözmeye çalışmak
  • Takım olarak çalışmak (bu önemlidir). Sadece yalnız çalışmak için değil
  • Başkalarından öğrenmek
  • Kodunuzla ilgili geri bildirim alma
  • Çevik yöntemleri öğrenmek
  • Bir şirketle kendinizi kanıtlama şansı yakalayın

Sekizinci Adım: Kodunuzu Github'a yükleyin ve katkıda bulunun

Github açık kaynak kodlu bir depodur.

Programcılar için bir topluluktur.

Kodunuzu github'da bulundurmak, başkalarıyla işbirliğine izin verir.

Açık kaynaklı bir projeye katılmak, deneyim kazanmanın iyi bir yoludur. Bir tane ara!

İşte Git'i öğrenmeniz için bir eğitim: Git'i Öğrenin


Dokuzuncu Adım: Bir geliştirici topluluğuna katılın

Topluluk, başkalarıyla bağlantı kurabileceğiniz bir yerdir.

Bir topluluğa katılmak öğrenmeyi kolaylaştırabilir.

Farklı bakış açılarını paylaşmak, öğrenmenin iyi bir yoludur.

Öğrendiklerinizle katkıda bulunarak geri verebilirsiniz.

Fark edilmek için başkalarıyla ve ağlarla bağlantı kurun.

Belki topluluk kalabalığında bir akıl hocası bulabilirsin?

Bir topluluğa katılmak, öğrenmek, işbirliği yapmak ve ağ kurmak için diğer geliştiricilerle bağlantı kurmak için harikadır.

Bunun için bir topluluk oluşturduk.

W3Schools Topluluğuna Katılın ❯

On Adım: Çevrimiçi varlığınızı büyütün

Çalışmalarınızı sosyal medyada sergileyin.

gibi alakalı içerikler yazarak katkıda bulunun.

  • Projeleriniz
  • Nesne
  • Açık kaynaklı bir platforma katkılar

W3Schools Alanları

W3Schools Spaces

İhtiyacınız olan her şey tarayıcıda. Kullanımı kolaydır - deneyin!