Sıfırdan web geliştiricisi - kurs 72.900 ruble. Brunoiam'dan, 9 aylık eğitim, tarih 27 Kasım 2023.
Miscellanea / / November 27, 2023
Maksimum etkili eğitim
Mevcut bilgi
Kurslar, açık pozisyonlar analiz edildikten sonra geliştirilir ve altı ayda bir güncellenir. Gereksiz bir şey yok - yalnızca işte neyin yararlı olacağını öğretiyoruz
Mentorların rolü
Sizi projenize çekecek, güçlü yönlerinizi geliştirmenize yardımcı olacak ve sizi zorluklarla yalnız bırakmayacak kişisel bir mentorla yeni şeyler öğrenmek çok daha kolaydır.
Gerçek projeler
Projeleri tamamlamak öğrenciyi gerçek çalışma koşullarına yaklaştırır. Projeler yalnızca materyali öğrenmeye değil, aynı zamanda kendinizi mesleğe kaptırmaya da yardımcı olur
Basit, hızlı ve kullanışlı
Açık yapı. Kurs modüllere ayrılmıştır. Dersler için modüller. Her ders, öğretmenin kişisel deneyimiyle birleştirilmiş bir teoridir. Uzun selamlar ve su olmadan
Bu kurs kimlere yöneliktir?
Web geliştiricisi olmak isteyenler için
Kursun temel amacı sizi mesleğe hazırlamaktır. Eğitimden sonra iş bulabilecek ve şirket içinde becerilerinizi hızla geliştirebileceksiniz.
Yeni bir alan denemek isteyenler için
Web programlama en çok talep gören mesleklerden biri olmaya devam ediyor ve gücünü kaybetmeyecek. Bu, işgücü piyasasında başarılı bir şekilde rekabet edebilmek için hala zamanımızın olduğu umut verici bir alandır.
Eğitim nasıl işliyor?
- Size uygun bir programda çalışın
- Ödeviniz üzerinde pratik yapın. Üç zorluk seviyesinden oluşurlar
- Aynı anda projeler üzerinde çalışın. Portföyünüze gidecekler
- Akıl hocanıza pratik ödevler gönderin. 24 saat içinde ayrıntılı geri bildirimde bulunacak
Çalışacağınız teknolojiler:
- HTML, web sitelerinin oluşturulduğu biçimlendirme dilidir. Tarayıcıya yüklenen sitenin nasıl görüntüleneceğini söyler
- CSS bir stil dilidir. Belgeye stil vermek için tarayıcıyla etkileşime girer
- Github - bir ekipte kod üzerinde çalışmaya yönelik bir bulut hizmeti
- Ağ teknolojileri ve protokolleri - TCP/IP, HTTP, HTTPS, FTP
- JavaScript internetteki en popüler programlama dilidir. Bir web sayfasının veya tarayıcının öğelerinin davranışını açıklar
- Node.js, JavaScript kodunu tarayıcının dışında çalıştırmaya yönelik bir ortamdır. Rutin görevleri otomatikleştirmek için kullanılır
- React Basics - arayüz geliştirmeye yönelik bir kütüphane, arayüz bileşenlerini daha hızlı oluşturmanıza olanak tanır
- Temel Bilgiler TypeScript, Microsoft tarafından geliştirilen ve JS'nin esnekliğine ve dinamik yeteneklerine bir tür sistemi ekleyen bir programlama dilidir.
- PHP'nin Temelleri - modern web geliştirmenin önde gelen dillerinden biri
- Figma/Adobe Photoshop - web tasarımcısı düzenlerini temel alan web sitesi düzeni için grafik editörleri
2
kursİş deneyimi 2014 yılında web geliştirmeye geçti. 2017'den beri dijital ajans Kelnik'te ön uç geliştirici olarak çalışıyor ve konut gayrimenkul geliştiricileri ve çevrimiçi mağazalar için büyük web siteleri geliştiriyor. Bir yıldan fazla uluslararası bir şirkette çalıştım.
deneyim
2014 yılında web geliştirmeye geçtim. 2017'den beri dijital ajans Kelnik'te ön uç geliştirici olarak çalışıyor ve konut gayrimenkul geliştiricileri ve çevrimiçi mağazalar için büyük web siteleri geliştiriyor. Bir yıldan fazla bir süre uluslararası şirket Wrike'ta çalıştım. Artık bağımsız bir geliştirici.
Benim hakkımda
Her zaman internetle ilgili değildim; kariyerime 2007 yılında havalandırma alanında proses mühendisi olarak başladım, ancak okulda en sevdiğim konu bilgisayar bilimiydi. 2014 yılında web sitesi düzeninden (html, css, jQuery) başlayarak "köklere" geri döndü. İlk proje akrabalar için perde salonu web sitesiydi. Gurur duydum - bunu kendim yazıp WordPress'e aktardım :) Sonrasında serbest çalışmaya ve ajans ve ürün geliştirmede mükemmel deneyime giden dikenli bir yol vardı. Kursa gelin; nasıl kod yazılacağını öğreneceğiz, web sitesi yapımında yeni bir beceri kazanacağız ve bu beceriyi nasıl ve nerede uygulayacağımızı öğreneceğiz!
1
PekiÖn uç geliştirici deneyimi. Kariyerime serbest çalışan olarak başladım ve şu anda bir şirkette tam kapsamlı geliştirici olarak çalışıyorum. Kendim hakkında tek bir yerde durmuyorum, her zaman yeni teknolojiler üzerinde çalışıyorum. Meslek değiştirmenin nasıl bir şey olduğunu biliyorum. Bu yüzden...
deneyim
Ön uç geliştiricisi. Kariyerime serbest çalışan olarak başladım ve şu anda bir şirkette tam kapsamlı geliştirici olarak çalışıyorum.
Benim hakkımda
Tek bir yerde durmuyorum, sürekli yeni teknolojiler üzerinde çalışıyorum. Meslek değiştirmenin nasıl bir şey olduğunu biliyorum. Bu nedenle karmaşık konuları basit bir dille açıklamaya ve öğrencilerin bilgilerini örneklerle pekiştirmelerine yardımcı olmaya odaklanıyorum.
“Materyalin ilginç sunumuna, bilgi ve beceri miktarına ve erişilebilir bilgi türüne özellikle dikkat ediyorum. Sunumları netleştirin. Organize materyal için teşekkürler, her şey mantıklı!"
— Polina Sergeevna, WB296-2459
Blok 1 - Web teknolojilerinin temelleri
- Kurs için kişisel hedefler belirlemek
- Site türleri, işlevsellik
- Web sitesi oluşturma aşamaları, ana sektör meslekleri
- Ağ teknolojileri ve İnternet protokolleri: TCP/IP, HTTP, HTTPS, FTP
- Barındırma ve etki alanı, DNS sistemi
- İstemci ve Sunucu Modeli
- Tarayıcının ve kod editörlerinin rolü
- Çalışma alanınızı ayarlama
- Sürüm kontrol sistemleri. Git
Blok 2 - HTML
- HTML'ye Giriş: Etiket ve Nitelik Kavramları
- HTML metin kodlaması
- Metin oluşturmak için etiketler
- Köprüler ve dosya adresleri
- Çapa bağlantıları
- Arama ve e-posta gönderme bağlantısı
- HTML'deki tablolar
- img etiketi ve özellikleri. Resim yayınlama kuralları. Resim formatları: hangilerini seçmeli
Blok 3 - CSS
- Temel CSS Söz Dizimi
- Ana seçici türleri: tanımlayıcılar, sınıflar, sözde sınıflar
- Belirlilik noktaları ve kural öncelikleri
- Kademeli ve mülkiyet mirası
- Bağlamsal ve evrensel seçici
- CSS'de Metin ve Yazı Tipi Özellikleri
- Harici yazı tiplerini bağlama
- HEX ve RGB renkleri. Öğelere tek tip bir arka plan ekleme. Sayfanın arka plan resmi, arka plan ayarları
Blok 4 - Blok modeli ve web sayfası düzeni
- Blok ve satır içi öğeleri anlama
- Blokların temel özellikleri
- Blok boyutu ve kutu boyutu nasıl hesaplanır: border-box
- Blok modeli nedir
- Bir düzen oluşturmak için blokları kullanma
- Satır içi blok öğeleri
- görüntü özelliği
- Bir düzen oluşturmanın eski yöntemleri: biliyorum, kullanılamaz
Blok 5 - Flexbox ile çok sütunlu düzenler
- Düzen tasarımı için anlamsal etiketler
- Flexbox Temelleri: Kapsayıcılar ve Öğeler
- Elemanların ana ve çapraz eksen boyunca hizalanması
- Eksenlerin değiştirilmesi ve elemanların dikey hizalanması
- Flexbox kullanmayla ilgili sorunlar
Blok 6 - Yerleşim tasarımcıları için grafik düzenleyicilerin temelleri
- Resimlerle çalışma: kırpma, kırpma
- Tasarruf: format, kalite, ağırlık
- Renk kodunu nasıl öğrenebilirim?
- Yazı Tipi Araçları
- Bitmiş CSS'yi kopyalama
- Mesafelerin ölçülmesi: araçlar, ayarlar
- Efektler ve kopyalanması
- Haritaları ve videoları yerleştirme
Blok 7 - Konumlandırma
- Konumlandırma türleri: statik, mutlak, göreceli, sabit
- Farklı konumlandırma türlerinin özellikleri
- z-endeksi ve yer paylaşımı bağlamı
- Konumlandırma ne zaman ve nasıl kullanılır?
- Çok düzeyli bir açılır menü örneği
- Tipik konumlandırma problemlerini çözme
Blok 8 - Geri bildirim formları
- Temel form öğeleri: giriş, seçim, metin alanı, düğme
- Alan durumu ve sözde sınıflar
- Seçim öğeleri onay kutusu, radyo, seç
- Öğeleri gruplama: alan kümesi ve açıklama
- Yer tutucu sözde öğeye yönelik stiller
- Formlar için stil yazma kuralları
- Stil düğmeleri
Blok 9 - Duyarlı ve uyarlanabilir web tasarımı
- Uyarlanabilir ve duyarlı web tasarımı kavramı
- Medya sorguları
- Görünüm Alanı Seçenekleri ve Meta görünüm alanı Etiketi
- Tarayıcılar arası sorunlar
- Kod geçerliliği, doğrulayıcılar
- Çok sayfalı sitelerin özellikleri
- SEO tanıtımı için düzen kuralları
Blok 10 - HTML5 ve CSS3 kullanarak animasyon
- Animasyon efektleri oluşturmak için yumuşak geçişler
- Ana kareleri kullanan animasyon
- Elementlerin dönüşümü
- Siteye temel animasyon öğeleri ekleme
Blok 11 - JavaScript Temelleri
- JavaScript'e giriş
- Değişkenler ve veri türleri
- Matematiksel operatörler ve tür dönüştürme
- Mantıksal operatörler
- Dallar ve koşullu ifadeler
- Yerleşik kullanıcı etkileşimi özellikleri
Blok 12 - JavaScript'te döngüler ve diziler
- Diziler
- Dizilerle çalışma yöntemleri
- for ve while döngüleri
- İç İçe Diziler
- Konsolla çalışma
Blok 13 - Fonksiyonlar
- Bir fonksiyonun tanımı. Ok fonksiyonu ve alışılmış olandan farkları. Fonksiyon İfadesi ve Fonksiyon Bildirimi.
- Görünürlük alanı. Nasıl çalışır. Sözcük Ortamı.
- Zamanlayıcılar ve kapatma. Fonksiyonlar setInterval, setTimeout, clearInterval, clearTimeout. Kapatma nedir ve nasıl kullanılır?
- Geri arama işlevleri
Blok 14 - Nesneler. DOM. Olaylar
- Nesneler ve sözlükler. Nesneler nasıl oluşturulur? Anahtar kelime şudur. Nesne özelliklerini alma, değiştirme ve silme. Nesnelere bağlantılar.
- Prototip mirası. Özelliklerin ve yöntemlerin kalıtımı nasıl çalışır? Tasarımcılar.
- Sınıflar. Sınıfların tanımı ve kullanım avantajları. Sınıfların genişletilmesi. Özel yöntemler ve halka açık yöntemler. Alıcılar ve ayarlayıcılar. Sınıfları ve MVP mimarisini kullanarak program oluşturma örneği.
- DOM. Sayfa nesne modeli ve neden gerekli olduğu. Bir sayfadaki öğeleri bulma ve alma. Elementlerin numaralandırılması ve temel özellikleri.
- Olaylar
Block 15 - JavaScript'te animasyon ve efektler
- JavaScript animasyonları. Öğelerin CSS özelliklerini değiştirme. Bezier eğrisi. Animasyon örnekleri.
- Tarayıcıda oluşturma. Optimize edilmiş özellikler. requestAnimationFrame işlevi.
- Animasyonlu kütüphaneler
Blok 16 - Etkileşimli öğeler
- kaydırıcı
- Akordeon
- İpucu
Blok 17 - Node.js
- Node.js'ye giriş. Node.js'nin özellikleri. Modüller ve amaçları hakkında kısaca: fs, child_process, https.
- NPM. Npm paket yöneticisinin temel komutları. Projenin başlatılması ve ilk paketlerin kurulması. package.json yapısı.
- Web Paketi Temelleri. Neden montajcılara ihtiyacımız var ve hangi aşamalar otomatikleştirilebilir? İlk Webpack yapılandırması ve oluşturma otomasyonu: kod küçültme, modül birleştirme ve SCSS ön işlemcisinin kullanımı.
- SCSS ön işlemcisi. Önişlemcilerin avantajları. Bazıları arasındaki farklara hızlı bir genel bakış: SCSS, SASS, Less, css sonrası. Temel yapılar: değişkenler, karışımlar, işlevler.
Blok 18 - Sunucuyla çalışma
- Söz API'si
- Sunucuyla ve XMLHttpRequest sınıfıyla iletişim kurma
- getirme yöntemi
- Axios Kütüphanesi
Blok 19 - React Temelleri
- Bileşenler ve JSX
- Bileşen Durumu
- Kancalar
- Şekillendirici Bileşenler
- React-Yönlendirici
Ünite 20 - TypeScript Temelleri
- Statik yazma
- Arayüzler ve türleri
- Numaralandırma türleri
Blok 21 - JS geliştirici yol haritasına genel bakış
- Bir geliştirici olarak nasıl daha da gelişeceğiniz ve ne üzerinde çalışacağınız hakkında kısaca
Blok 22 - PHP programlamanın temelleri
- Sunucu teknolojilerinin amacı
- Yerel web sunucusu ve etki alanı
- Dinamik web sayfaları oluşturma
- CMS sistemleri kavramı
- Web sitesi barındırma
- Dosyaları indirmek için FTP protokolü
- Projeyi özetleme ve tamamlama
Bonus oranı
Ücretsiz kurs "Öğrenmeyi öğrenin"
Eğitimin boşa gitmemesi için her öğrencimize bu kursa erişim sağlıyoruz. Sorun insanların eğitimlerden sonuç alamamasıdır. Üç ana sebep var:
- Net hedefler yok. Ve hedeflerin önemini anlayanlar bile bunu hala yapmıyor. İşimi değiştirmek ve havalı bir sosyal medya yöneticisi olmak istiyorum; bir amaç değil, bir arzu. Bu ayarla sonuç uygun olacaktır.
- Öğrenmeyi yarı yolda bırakmak. Birçok insan ilk haftada motivasyon bulur. Ancak sonuca ulaşmak imkansızdır. Çünkü beyin düzenli öğrenmeyi sevmez.
- Tutarlılık eksikliği. Seçilen bir konuyla ilgili herhangi bir bilgiyi yakaladığımızda, gelişigüzel hareket ettiğimizde ve sonuç olarak hiçbir sonuç elde edemediğimizde bu oldukça yaygın bir olgudur.
Neden bu üç nedeni vurguladık? Çünkü 11 yıldır ders veriyoruz ve öğrencilerden geri dönüşler alıyoruz. Kurs sırasında size tüm bu değerli bilgileri hayata nasıl uygulayacağınızı anlatacağız.