Çevrimiçi kursa tepki verin. Karmaşık istemci uygulamalarının geliştirilmesi - HTML Akademisi'nden ücretsiz kurs, 9 haftalık eğitim, Tarih 15 Ekim 2023.
Miscellanea / / December 04, 2023
Kurs neden profesyonel?
Bu kursta, sektördekiyle aynı karmaşıklık düzeyindeki gerçek projelerin nasıl yapılacağını öğreneceksiniz. Ve bunları doğru bir şekilde yapacaksınız, böylece eğitimden sonra şirketlerin ödemeye hazır olacağı üst düzey sonuçlar elde edeceksiniz.
Eğitim sırasında neler beklenebilir?
Hayatları
Öğretmenlerin karmaşık konuları teori ve pratikten analiz ettiği canlı yayınlar. Moskova saatiyle 19'dan 21'e kadar gerçekleşirler, ertesi gün kayıt yapılabilir.
Pratik
Dersten sonra projeniz üzerinde çalışacağınız ödevleri yaparsınız ve ders materyalini pekiştirirsiniz.
Kod incelemesi
Mentor, ödevlerin kalitesini kontrol edecek ve nasıl daha iyi yapılabileceğine dair deneyimini paylaşacaktır.
Bölüm 1 TypeScript'e Giriş
Kurstaki çalışma planını ele alalım. TypeScript'in ne olduğunu ve hangi sorunları çözdüğünü öğrenelim. Yazı sistemini tanıyalım ve yazma işleminin nasıl gerçekleştiğini anlayalım. Derleyiciyi nasıl yapılandıracağımızı öğrenelim ve temel ayarlara bakalım. Daha sonra yazılı kod yazmanın özelliklerini anlamaya ve uygulamaya geçelim: tuple'lar, arayüzler, jenerikler vb.
Organizasyonel konular.
Projelerin gözden geçirilmesi.
Kursta çalışma planı.
TypeScript'e giriş.
TypeScript nedir ve hangi sorunları çözer?
Tip sistemi.
TypeScript kodu nasıl JavaScript'e dönüşür?
Altyapı: derleyici ayarları.
Ek açıklamalar ve otomatik tür çıkarımı.
TypeScript kullanarak pratik yapın.
Nesnelerin, dizilerin, işlevlerin yazılması.
Jenerikler.
Tuples.
Arayüzler, takma adları yazın.
Bölüm 2 Tepki
React kütüphanesine giriş. Hangi sorunları çözdüğünü ve ön uç geliştirmeyi nasıl basitleştirebileceğini öğrenelim. Create React App (CRA) aracını kullanarak projenin temelini hazırlayalım. CRA için şablonların nasıl kullanılacağını öğrenelim. Daha sonra React kütüphanesinin ana özelliklerini (JSX, bileşenler, bileşenler arasında veri aktarımı) tanıyacağız.
Tepki.
React nedir?
React nasıl çalışır?
Hangi sorunları etkili bir şekilde çözüyor?
Sanal DOM.
Altyapı.
React Uygulaması oluşturun.
TypeScript.
JSX
HTML'den farkı nedir?
Temel çalışma yöntemleri.
Bileşen yaklaşımı.
Bileşenleri reaksiyona sokun.
Destekler. Verilerin özellikler aracılığıyla aktarılması.
Kompozisyon.
Bileşenleri oluşturma.
Oluşturma listeleri.
Koşullu oluşturma.
Bölüm 3 Yönlendirme (React Router)
SPA'da yönlendirmenin nasıl organize edildiğini öğrenelim. Projeye React Router'ı ekleyelim ve paketin yeteneklerine bakalım: rotalar, yönlendirmeler, özel rotalar vb.
SPA'da yönlendirme.
Geçmiş API'si.
Rota, Bağlantı, Yönlendirme bileşenleri.
Rota yönetimi.
Bölüm 4 Reaksiyon bileşenleri. Kancalar
React ve bileşenler hakkındaki bilgimizi genişletelim. Durumun nasıl yönetileceğini, olayların nasıl kullanılacağını ve bileşenlerin yaşam döngüsü yöntemlerini öğrenelim. React Hook'ları tanıyalım ve sınıf bileşenlerini onlarla nasıl değiştireceğimizi öğrenelim. Formlarla nasıl çalışılacağını öğrenelim.
Durum.
Tek yönlü veri akışı.
Fonksiyonel bileşenler, sınıf bileşenleri, PureComponent.
React Hooks'a giriş.
Yaşam döngüsü yöntemleri.
Tepki verin ve oluşturun.
Bölüm 5 Tepki ve Desenler
Yazılım mimarisi nedir ve nasıl tasarlanır sorusuna bakalım. Gelin tanışalım ve tasarım kalıplarını pratikte uygulamayı öğrenelim.
Tasarım.
İyi bir program ile kötü bir program arasındaki fark nedir?
Neden yazılım tasarlamalısınız? Tasarım hedefleri.
Yazılım mimarisi.
Tasarım araçları.
Tasarım desenleri.
Desenler hangi sorunları çözer?
Desen nelerden oluşur?
Tasarım deseni türleri.
React'taki desenler
Durum bilgisi olmayan bileşenler.
Proxy bileşenleri.
Daha yüksek dereceli bileşenler.
Render Sahneleri.
Sağlayıcı.
Kancalara ve desenlere tepki verin.
Bölüm 6 Devlet Yönetimi. Redux
Flux mimarisini tanıyalım: Eylemler, Dağıtıcılar, Görünümler ve Mağazalar. Redux projesine bağlanıp kod tabanını güncelliyoruz.
Akı mimarisi.
Depolama, dağıtıcı, eylemler.
Redux.
Ara yazılımlar.
Redux işlevselliğini genişletme.
Bölüm 7 Redux'ta Eşzamansızlık
Middleware kullanarak Redux'un senkronize işlemine asenkron kodun nasıl uygulanacağını öğrenelim. Axios paketini kullanarak sunucuyla nasıl etkileşim kuracağımızı öğrenelim. Haydi önleyicilerle tanışalım.
Redux-thunk.
Aksiyos.
Bölüm 8 Performans Optimizasyonu
React uygulamalarının performansını tartışalım: Hangi özellikler var, bileşenleri tasarlarken ilk etapta nelere dikkat etmeniz gerekiyor. Ardından Redux Araç Takımına bir göz atacağız ve Redux ile çalışırken standart kodlardan kurtulmak için onu nasıl kullanacağımızı öğreneceğiz.
Bileşen profili oluşturma.
Bileşen güncelleme yönetimi.
Notlandırma.
Redux Araç Takımı.
Bölüm 9 Tepkiyi Test Etme
React uygulamalarını test etmeye yönelik araç ve teknikleri tanıyalım. Test altyapısını kuracağız ve bileşenlere yönelik testler yazacağız.
Alay.
React Test Kitaplığı.
Savunmanın ilk haftası
Proje üzerindeki çalışmaların tamamlanması ve nihai savunmaya hazırlık.
Savunmanın ikinci haftası
Projenin kalite kriterlerine göre inceleyen mentor tarafından ilk değerlendirmesi.
Savunmanın üçüncü haftası
Projeyi inceleyen mentorun yorumlarına göre geliştirmek ve ikinci bir değerlendirmeye sunmak.
Bölüm 10 Finali
Dersi özetleyelim ve React ve ekosistemini incelemenin ilerideki vektörünü belirleyelim. Daha sonra gelecek sürümlerde beklenen yeni React özelliklerini tartışacağız.
Savunmanın dördüncü haftası
Son düzenlemeleri yapmak ve son notu almak.
G
Gantelka
26.04.2022 G.
Gerçekten beğendim!
Avantajları: 1) Mevcut malzemeler. 2) İyi yapılandırılmış bir eğitim planı. 3) Bilginin erişilebilir sunumu. 4) Bireysel yaklaşım. Dezavantajları: Öğrenim ücreti en ucuzu değildir ancak sık sık verilen hediyeler ve indirimler yardımcı olur. Ayrıca kurslardan kazanılan bilgiler de buna değer. Yakın zamanda Htmlacademy kursunu tamamladım "React. Karmaşık istemci uygulamalarının geliştirilmesi." Harika kurs! Bir sürü teori ve daha fazlası...