Ön uç geliştirici - kurs 47.600 ruble. Loft Okulu'ndan, 3 aylık eğitim, Tarih 28 Kasım 2023.
Miscellanea / / November 29, 2023
Bilgi ve beceriler
Bir ön uç geliştirici için gerekli tüm bilgiler.
Portföy
Portföyünüzde 2 etkileyici modern ve teknolojik proje.
Sertifika
Bilgi seviyenizi ve etki derecenizi yansıtan bir puanla.
Taşıyıcı başlangıcı
Tüm iyi ve mükemmel öğrencilere istihdam garantisi veriyoruz.
Cevap değil bilgi veriyorlar. Açıklamayı severler ve karmaşık bilgileri anlaşılır bir dille aktarabilirler. Kodunuzun kalitesi hakkında talep: Kodunuz mükemmel olana kadar ödevi geçemezsiniz. Diğer insanları iyi anlıyorlar ve herhangi bir öğrenciye nasıl bir yaklaşım bulacaklarını biliyorlar. Her zaman yardıma hazır.
Vue.js Gelişmiş Web Geliştirme
1. Hafta - İş Akışı
— Mentor ve grupla tanışıyoruz.
— Webpack montajını kullanarak son proje için seçilen düzeni oluşturuyoruz.
— Sonucu Github'da yayınlıyoruz ve doğrulama için mentora gönderiyoruz.
Kurs açılışı
1. Eğitim nasıl gidiyor (01:09:37)
Vue. Ana Özellikler
1. Teori (04:49)
2. Merhaba Dünya (06:20)
3. Olay İşleme (02:38)
4. Birden fazla olayı yönetme (01:19)
5. Dinamik değerler (01:30)
6. Direktiflere Giriş (05:40)
7. Kısaltılmış direktifler (00:37)
8. Parametreli yöntemler (01:36)
9. Etkinlik değiştiriciler (08:52)
10. Hesaplanan Özellikler (10:50)
11. İzleyiciler (06:02)
12. Sınıflarla çalışma (03:37)
13. CSS Özellikleriyle Çalışmak (02:49)
14. DOM öğelerine erişim (03:50)
15. Koşullu oluşturma (04:46)
16. İşleme listeleri (05:12)
17. Bileşen Oluşturma (04:16)
18. Yerel bileşenler (02:44)
19. Veri tepkisi (04:35)
20. Bileşen özellikleri (03:52)
21. Slotlar (04:37)
22. Kapsamlı yuvalar (04:52)
23. Özel Etkinlikler (04:27)
24. Işınlanmalar (02:53)
Vue. Tek dosyalı bileşenler
1. Projenin kurulumu. VUE-CLI (09:22)
2. Tek dosya bileşeni (03:18)
3. Stillerle çalışma (07:02)
4. Niteliklerin ve işleyicilerin aktarılması (02:53)
5. Bireysel dosyalar (01:26)
6. Bileşen özelliklerinin doğrulanması (07:35)
7. Kullanıcı etkinliklerinin doğrulanması (02:01)
8. İki yönlü veri iletişimi (04:11)
9. Özel v-modeli (05:51)
10. Yaşam Döngüsü Kancaları (07:08)
11. Kirlilik (04:40)
NPM
1. npm nedir? (05:50)
2. Npm'yi yükleme ve güncelleme (02:33)
3. Npm ile ilgili yardım (01:28)
4. Paketleri bulma ve yükleme (04:24)
5. Paket bağımlılıkları (02:09)
6. Bildirim dosyası package.json (03:02)
7. Paketleri kaldırma ve güncelleme (03:02)
8. bağımlılıklar ve geliştirme bağımlılıkları (01:51)
9. Web paketi ve npx (04:04)
10. npm komut dosyaları (04:02)
11. npm, git ve github (02:40)
İplik
1. İplik (07:07)
Web paketi. Temel bilgiler
1. Teori (01:09)
2. Minimum yapılandırma ve başlatma (04:41)
3. Dosya adlandırma (02:34)
4. Yükleyiciler (04:28)
5. Geliştirici sunucusu (02:43)
6. Eklentiler (02:34)
7. Modül ara (03:18)
8. Sorsmap'ler (03:17)
9. Dev ve diğerleri (02:42)
10. Modül türleri (03:00)
11. Minimum montaj (05:30)
ESLint. Yapılandırmaya genel bakış
1. Giriş (01:26)
2. Kurulum ve başlatma (03:10)
3. Hata düzeltmeleri (02:04)
4. Yapılandırma (05:21)
5. Çıkış Formatı (00:52)
Düzen tasarımcısı için Figma
1. Figma. Arayüz (04:37)
2. Figma. Proje organizasyonu (01:32)
Esnek Kutu
1. Giriş (00:45)
2. Esnek kap (01:43)
3. Ana Eksen Hizalaması (01:37)
4. Çapraz eksen hizalaması (01:50)
5. Tek Bir Elemanı Hizalama (01:09)
6. Esnek eleman - kap (00:53)
7. Eksen yönü (03:18)
8. Çok satırlı konteyner (02:54)
9. Çok satırlı içeriği hizalama (01:25)
10. Oranlar (02:46)
11. Sıkıştırma oranları (01:24)
12. Temel boyut (04:02)
13. Öğelerin sırası (02:40)
Git
1. Giriş (07:03)
2. Git'e başlarken (03:01)
3. Yeni bir depo oluşturma (01:09)
4. Git dizinine (izleme alanı) dosya ekleme (06:49)
5. Taahhüt oluşturma (07:17)
6. Navigasyonu tamamlayın. Değişiklikleri iptal et (12:10)
7. Tipik Git döngüsü (03:34)
8. Git'te dallanma (11:27)
9. Şubeleri birleştirirken çakışmalar (06:06)
10. Verileri geçici (taahhüt etmeden) kaydetme (05:25)
11. Uzak depolarla çalışma (20:04)
12. Projeleri Barındırmak için GitHub Sayfalarını Kullanma (04:31)
Vue. Atölye #1
1. Projenin başlangıcı (05:24)
2. Başlık Bileşeni (04:13)
3. Simge Bileşeni (05:06)
4. Bileşenlerin listesinin görüntülenmesi (02:56)
5. Bileşeni değiştir (03:19)
2. Hafta - Vue.js
— Düzeni uyarlanabilir hale getiriyoruz.
— Vue.js'de “Beceriler” bloğunu uygulayacağız.
— Vue.js'de “Projelerim” bloğunu uygulayacağız.
— “İncelemeler için kaydırıcı” bloğunu Vue.js eklentisini kullanarak uyguluyoruz.
Hikaye kitabı
1. Kurulum (01:56)
2. İlk hikaye (04:35)
3. Bir bileşenin bağlanması (01:24)
4. Yapılandırma genişletme (04:26)
5. Genel stiller (02:08)
6. Bileşenin hikayesi (05:23)
7. CDD (04:16)
8. Bir bileşen oluşturma (02:28)
9. Bir bileşenin uygulanması (02:29)
10. Olay günlüğü (03:29)
11. Arka plan eklentisi (01:41)
12. Eklenti Düğmeleri (02:28)
13. Eklenti Kaynağı (02:17)
14. Sonuç (01:11)
JavaScript - ES6
1. Dize enterpolasyonu (07:39)
2. Yöntem açıklamalarının basitleştirilmesi (13:35)
3. Varsayılanlar (30:08)
4. Yıkıcı Ödev: Nesneler (07:30)
5. Yeni özellikler ve eski tarayıcılar (13:07)
JavaScript'te eşzamansızlık
1. Zamanlayıcılar (23:44)
2. Resimler yükleniyor (22:21)
3. Vaatler (36:29)
4. AJAX (32:28)
Aksiyos. Sorgu Kitaplığı
1. Giriş (02:23)
2. İstek gönderme (02:12)
3. Yapılandırmaya genel bakış (04:30)
4. Talep gövdesi (01:43)
5. Varsayılan Ayarlar (01:38)
6. Durdurucular (02:11)
7. Hizmetler (02:33)
8. eşzamansız beklemede (01:18)
Vue. Atölye #2
1. Hazırlık (02:39)
2. Bir bileşenin bağlanması (02:16)
3. Kontrol çıkışı (02:38)
4. İlerleme Bileşeni (05:09)
5. Sunucuya istek (06:38)
6. Veri çıkışı (05:55)
3. Hafta - Yerel JavaScript
— Admin panelini oluşturuyoruz.
— Storybook'u inceliyoruz ve projemizde uyguluyoruz.
— Proje formlarının gerekli işlemlerini (validasyonunu) gerçekleştiriyoruz.
VueRouter. Tarayıcıda yönlendirme
1. Giriş (04:31)
2. Bağlantı kurma (02:41)
3. Yazılımda gezinme (02:35)
4. Yol parametreleri (04:42)
5. Özellikler olarak parametreler (00:49)
6. Gelişmiş seçenekler ve 404 (03:29)
7. İç içe rotalar (03:23)
8. Etkinlik dersleri (02:37)
9. Çeşitli Yönlendirici Görünümleri (01:08)
10. Dinamik içe aktarmalar (02:00)
11. Güzel URL (02:16)
Vuex. Devlet Müdürü
1. Giriş (01:13)
2. Bağlantı (02:30)
3. Aksiyon (02:27)
4. Mutasyonlar (02:16)
5. Alıcılar (02:02)
6. Pratikte uygulama (08:07)
7. Asistan işlevleri (02:59)
8. Modüller (05:18)
9. Dinamik modüller (01:38)
Soru cevap
Vue. Atölye #3
1. Düzen (04:33)
2. Veri çıkışı (02:42)
3. Animasyona Hazırlık (02:14)
4. Düğme ekranı (03:45)
5. Ek içerik yükleme (11:38)
6. Geçişten sonra slaytı göster (02:17)
4. Hafta - Vue.js, SPA
— SPA'yı yönetici panelinde uyguluyoruz.
— Uygulama depolama alanı aracılığıyla verilerle çalışmayı inceliyoruz
— API ile iletişim kurmak, istemci-sunucu etkileşimlerini ayarlamak için ajax kullanıyoruz.
Yetki. Jetonlar
1. Yetki türleri (04:20)
2. GitHub OAuth (01:42)
3. GitHub uygulaması oluşturma (02:28)
4. Jeton alma (08:38)
5. Verilerin kodda saklanması (01:46)
6. Rota koruması (04:13)
Vue. Atölye #4
1. Hazırlık (01:33)
2. Eylem oluşturma (02:30)
3. İndirme Durumu (04:01)
4. Talep (02:27)
5. Kopyaları kaldırma (03:29)
6. Rota koruması (03:23)
7. Oturumu kapat (00:51)
5. Hafta - Uygulama
— Kaydedilen verileri yönetici panelinden açılış sayfasına gösteriyoruz.
— Bileşenleri test ediyoruz.
— Bir mentorla bir proje üzerinde grup çalışması.
Vue.js. Kompozisyon API'si
1. Giriş (01:29)
2. Genel örnek (03:57)
3. Şarkı işlevi (01:51)
4. Reaktif fonksiyon (00:55)
5. toRef işlevi (01:35)
6. toRefs işlevi (00:58)
7. Hesaplanan özellikler (00:56)
8. izleme işlevi (01:41)
9. watchEffect işlevi (03:14)
10. salt okunur işlevi (00:40)
11. Test fonksiyonları (02:30)
12. ref dışı işlevi (01:27)
13. Yaşam Döngüsü Kancaları (00:58)
14. Örnek. Projeye genel bakış (00:53)
15. Örnek. İşlevsellik yükleniyor (01:20)
16. Örnek. Kategoriler (02:20)
17. Örnek. İlk filtreleme (02:46)
18. Örnek. Filtre değiştirme (02:11)
19. Örnek. Diğer filtreleme işlevleri (02:03)
20. Örnek. Sıralama yöntemi (03:05)
JS kod testi
1. Giriş (16:05)
2. Şaka (15:47)
3. Testlerin faydaları (09:01)
4. Kapsam (10:02)
Vue.js. Bileşen testi
1. Paketlerin kurulması (04:39)
2. Bileşen sarıcı (04:13)
3. Ne test edilmeli (02:48)
4. İlk test (05:25)
5. Emisyon olayının kontrol edilmesi (03:44)
6. Mülklerin aktarılması (02:58)
7. Form öğeleriyle çalışma (05:42)
8. Genel ayarlar (01:15)
9. Moki (05:04)
10. Kitaplıkları bağlama (02:32)
11. Eylem testi (03:26)
12. Mağazayı test etme (02:53)
13. Resimlerle test etme (03:08)
Test yapmak. Moki
1. Model oluşturma (02:39)
2. Bağımsız değişkenlerle çalışma (01:39)
3. Dönüş değeri (02:57)
4. Modüller (04:24)
5. Zamanlayıcılar (02:05)
Vue. Atölye #5
1. Basit Bileşen (03:03)
2. Depolu bileşen (05:21)
3. Test yapmak. Hazırlık (03:20)
4. Test yapmak. Değiştirici (02:38)
5. Test yapmak. Sorunlar (05:08)
6. Hafta - Projenin tamamlanması
- Projeyi sonuçlandırıyoruz.
— Projeyi mentorların incelemesine sunuyoruz.
- Diplomaların derecelendirilmesi.
BT'de nasıl iş bulunur: ipuçları ve püf noktaları
1. Bilişim alanında nasıl iş bulunur? Arama, görüşme ve deneme süresi (42:21)
2. Uzaktan çalışma ve serbest çalışma siparişleri nasıl bulunur? (20:12)
3. BT'de ilk iş - nasıl davranılmalı? Stajlar, resmi istihdam ve “yiyecek için” çalışma (14:11)
4. Deneme süresi nasıl geçilir? (27:10)
5. Bir FAANG şirketinde röportaja nasıl hazırlanılır (08:52)
6. Web sayfasını yükleme süreci (25:19)
7. Programcı röportajı - bilmeniz gereken her şey (01:24:07)
8. Programcı röportajından bir sorunu çözme (19:36)
9. Ön uç geliştirici röportajı (01:37:17)
React.js Web Uygulaması Geliştirme
1. Hafta - React.js'ye Giriş
— Kurs ekibini ve sınıf arkadaşlarımızı tanıyoruz.
— React'ta JSX ve Virtual DOM'u öğrenmek
— Veri aktarımının bileşen yaklaşımını ve yöntemlerini düşünüyoruz.
tanıdık
1. Kurs açılışı (05:41)
React.js
1. React Nedir (07:05)
2. Sanal DOM (02:46)
3. JSX (06:10)
4. Koşullarla görüntü oluşturma (05:11)
5. Listelerle çalışma (02:45)
6. Bileşenler (02:41)
7. Sahne Aksesuarları (01:45)
8. Durum (06:45)
9. Etkinlikler (02:26)
10. React Devtools (03:58)
II React.js
1. Yaşam döngüsü yöntemleri (05:19)
2. Bileşenler - işlevler (01:29)
3. Saf Bileşen (02:54)
4. Sentetik Etkinlikler (01:42)
5. Formlarla çalışma (02:51)
6. Hata işleme (01:39)
Görevlerin analizi #1
1. Atölye #1 (30:36)
2. Hafta - React.js kalıpları, test etme
— Bileşen sınıfının bileşenlerini, öğelerini ve örneklerini inceliyoruz.
— Recompose kütüphanesini, yüksek dereceli bileşenleri ve Render Props modellerini dikkate alıyoruz.
— Testlerin avantajlarını anlıyoruz, Jest, Enzim, Anlık Görüntüler üzerinde çalışıyoruz.
III Tepki
1. Giriş (01:43)
2. Prop Türleri (10:18)
3. Bağlam (05:19)
4. Referanslar (05:18)
5. Portallar (05:02)
6. Kancalar (10:42)
IV React.js
1. Yüksek Dereceli Bileşenler (HOC'ler) - Yüksek Dereceli Bileşenler (10:33)
2. Ref-iletme (HOC'ler) (04:31)
3. Sahne desenini işleme (05:25)
4. HOK Kütüphanesinin Yeniden Oluşturulması (10:32)
5. Profil Oluşturma (04:02)
Test yapmak
1. Giriş (05:06)
2. Test Koşucusu (02:51)
3. DSL'yi test edin (08:41)
4. Enzim (06:57)
5. Anlık Görüntüler (03:09)
6. Efsaneleri test etmek (05:01)
7. React Test Kütüphanesi (06:32)
Görevlerin analizi #2
1. Atölye #2 (27:54)
3. Hafta - Redux, yönlendirme
— Yönlendirmeyi inceliyoruz: Basit yönlendirme, Switch ile yönlendirme ve iç içe yönlendirme.
— Redux kitaplığıyla tanışma: Mağaza, Eylemler, Düşürücüler, React-redux'un temel kavramları ve kavramları.
— Middleware, Side Effect ile çalışmanın bir yolu olarak kabul edilir.
Tarayıcıda yönlendirme
1. Geçmiş API'si (02:48)
2. Basit yönlendirme (05:39)
3. Switch'ten Yönlendirme (04:16)
4. İç içe yönlendirme (05:32)
5. Özel rota (04:39)
Ben Redux
1. Giriş (04:07)
2. Mağaza (05:03)
3. Eylemler (02:17)
4. Redüktörler (07:56)
5. Tepki-redux (03:26)
II Redux
1. Giriş (03:11)
2. CreateActions (redux eylemleri) (09:13)
3. Ara yazılım (07:54)
4. Eylemleri yönetin (05:52)
5. Seçiciler (06:17)
6. Yeniden seç (04:49)
7. Ördekler (06:56)
Görevlerin analizi #3
1. Atölye #3 (39:13)
4. Hafta - Redux-destanı
— Redux-saga kütüphanesini inceliyoruz. Jeneratör* işlevlerini tekrarlayın. Bunları paralel olarak nasıl çalıştıracağımızı öğrenelim.
— Take yöntemine bakalım. Mağazadan veri almanın bir yolu olarak seçmeyi inceleyelim.
— Bir React uygulamasına stil vermenin yollarını arıyoruz. ClassNames, StyledComponents, TarayıcıList, MaterialUI kütüphanelerini inceliyoruz.
Ben Redux-destanı
1. Giriş (00:57)
2. Genel Bakış (02:08)
3. Jeneratörler (04:11)
4. Destanlar ekleniyor (02:07)
5. Eylemlere tepki verin (03:53)
6. Özellik lansmanları (02:06)
II Redux-destanı
1. Giriş (00:27)
2. Efektlerin paralel olarak gerçekleştirilmesi (03:41)
3. Yürürlükte (02:45)
4. Efekt seç (02:04)
5. Efektleri iptal et (04:05)
Stillerle çalışma
1. Giriş (01:34)
2. CRA Stilleri (05:21)
3. Sınıf İsimleri (06:32)
4. Tarz Bileşenleri (07:11)
5. Tarayıcı Listesi (01:37)
6. Malzeme Kullanıcı Arayüzü (08:13)
Görevlerin analizi #4
1. Atölye #4 (09:55)
5. Hafta – Formlar, CI ve DI ve İstemci hatalarının yönetimi
— Formik, Redux Forms, React Final Form kütüphanelerini kullanarak formlarla çalışmayı düşünüyoruz.
— Üretim kodunun kalitesini sağlamaya yönelik yöntemler düşünüyoruz. Husky, TravisCI, HerokuNow gibi araçları analiz ediyoruz.
— Geliştirmeye yönelik bir dizi faydalı kütüphane üzerinde çalışıyoruz (Storybook, RamdaJS, Axios).
— TypeScript'i düşünüyoruz.
Formlarla Çalışmak
1. Giriş (05:07)
2. Formik (08:51)
3. Redux formu (06:22)
4. Tepkinin son formu (06:36)
CI ve DI ve İstemci hatalarının işlenmesi
1. Giriş (05:07)
2. Husky (02:32)
3. TravisCI kullanan CI (03:32)
4. Heroku'ya konuşlandır (04:57)
5. Dönme çubuğu (02:00)
Geliştirme için bir dizi faydalı kütüphane
1. Hikaye Kitabı (05:32)
2. RamdaJS (04:47)
3. Aksiyos (05:52)
4. Daktilo (09:31)
Görevlerin analizi #5
1. Atölye #5 (13:17)
6. Hafta - Proje çalışması
— Başvuruyu tamamlayıp incelemeye gönderiyoruz.
BT'de nasıl iş bulunur: ipuçları ve püf noktaları
1. Bilişim alanında nasıl iş bulunur? Arama, görüşme ve deneme süresi (42:21)
2. Uzaktan çalışma ve serbest çalışma siparişleri nasıl bulunur? (20:12)
3. BT'de ilk iş - nasıl davranılmalı? Stajlar, resmi istihdam ve “yiyecek için” çalışma (14:11)
4. Deneme süresi nasıl geçilir? (27:10)
5. Bir FAANG şirketinde röportaja nasıl hazırlanılır (08:52)
6. Web sayfasını yükleme süreci (25:19)
7. Programcı röportajı - bilmeniz gereken her şey (01:24:07)
8. Programcı röportajından bir sorunu çözme (19:36)
9. Ön uç geliştirici röportajı (01:37:17)