Temel bilgiler

HTML

Html, ön uç geliştirmeye başlamak için gereklidir, etiketin , öğenin , özniteliğin ne olduğunu , HTML öğesinde ne tür olayların olduğunu bilmek yararlıdır, özellikle belgeleri kolayca anlamanıza yardımcı olur.

Bilinmesi gereken unsurlardan bazıları: h1-h6, p, b, img, video, i, span, div, form, input, select, a, header, main, footer, section.

• Biçim nasıl çalışır, eylem anlayışı ve yöntem.
• Her bir öğenin nitelikleri ve karşılık gelen nitelikleri nelerdir.

Stil nasıl çalışır, CSS ile HTML arasında nasıl bağlantı kurulur , seçiciler nelerdir. Farklı seçici türleri , — etiket adı, sınıf, id . Satır içi, dahili, harici stil.

Özellikleri bilmeli: display, font-size, font-weight, position, cursor, line-height, margin, padding, border, transition, color, background, background-color, width, height, justify-content, align-items, overflow, min(max)-height, min(max)-width, border-radius, outline,

• Nasıl anlamak esnek yazma, eser animasyon kareleri , medya sorguları. Blok ve satır içi öğeler.
• Sahte sınıflar nedir , farklı türleri::hover, :focus, :link, :visited, :active, :first-child, :disabled, :last-child, :nth-child(n)
• Sahte öğeler :::after, ::before

Javascript, HTML ve CSS'den farklıdır, daha fazla mantık gerektirir. JS dosyasını HTML'ye nasıl bağlayacağınızı, JS kodunun nasıl çalıştığını bilmelisiniz.

Bilinmesi gereken terminoloji: Değişkenler, sabitler, koşullar, döngüler, işlevler, yöntemler, nesne modeli, veri türleri.

• İşlev ve yöntem arasındaki fark?
• Döngü ve koşullar kullanılarak temel işlevler nasıl yazılır.
• Bir pencere nesnesi ve kullanımı nedir?

Tepki

Bir tepki geliştiricisi olarak, en azından JSX'in ne olduğunu, bir bileşenin nasıl yazılacağını, sanal DOM'nin nasıl çalıştığını bilmelisiniz.

• İşlevsel bileşen vs Sınıf bileşeni
• Devlet vs sahne
• Kancalar — useEffect, useState, useCallback
• Yaşam döngüsü yöntemleri
• Redux — redux nasıl çalışır, redux akışı, redüktörler, eylemler.
• Tepki yönlendirme
• özel kancalar

Bu noktada API çağrılarının nasıl yapıldığını, asenkron kodun nasıl çalıştığını bilmelisiniz . Ayrıca JS'nin arka planda nasıl çalıştığını, olay döngülerinin neler olduğunu da bilmelisiniz.

• Sözler ve Geri Aramalar
• Axios ile API çağrıları
• kapatma
• bağlam
• var, let ve const arasındaki fark
• Nesne başvurusu nasıl çalışır?

Kod yazmayı bilmenin yanı sıra internetin nasıl çalıştığını da bilmelisiniz. REST API'nin nasıl çalıştığını anlamalı ve HTTP isteklerinin nasıl izleneceği, sayfanın kaynak kodunun nasıl görüntüleneceği ve daha fazla aracın nasıl kullanılacağı dahil olmak üzere krom geliştirme araçlarını doğru şekilde kullanmalısınız tepki ve redux sağlar.