Dasar-dasar

HTML

Html sangat penting untuk memulai dalam pengembangan frontend, mengetahui apa itu tag , element , attribute , jenis acara apa yang ada di elemen HTML sangat membantu, terutama, ini membantu Anda dengan mudah memahami dokumentasi.

Beberapa elemen yang harus diketahui: h1-h6, p, b, img, video, i, span, div, form, input, select, a, header, main, footer, section.

• Bagaimana bentuk bekerja, pemahaman tindakan, dan metode.
• Apa atribut, dan atribut yang sesuai dari setiap elemen.

Cara kerja penataan gaya, cara menautkan CSS ke HTML, apa itu penyeleksi. Berbagai jenis penyeleksi , — nama tag, kelas, id . Gaya sebaris, internal, eksternal.

Sifat yang harus diketahui: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,

• Memahami cara kerja flex , menulis keyframe animasi , kueri media. Blokir vs elemen sebaris.
• Apa itu pseudo-classes , berbagai jenisnya::hover, :focus, :link, :visited, :active, :first-child, :disabled, :last-child, :nth-child(n)
• Elemen semu :::after, ::before

Javascript berbeda dari HTML dan CSS, membutuhkan lebih banyak logika. Anda harus tahu, cara menautkan file JS ke HTML, cara kerja kode JS.

Harus tahu terminologi: Variabel, konstanta, kondisional, loop, fungsi, metode, model objek, tipe data.

• Perbedaan antara fungsi dan metode?
• Cara menulis fungsi dasar menggunakan loop dan kondisi.
• Apa itu objek jendela dan penggunaannya?

Reaksi

Sebagai pengembang reaksi, Anda harus mengetahui setidaknya apa itu JSX, cara menulis komponen, cara kerja DOM virtual.

• Komponen fungsional vs komponen Kelas
• Negara bagian vs alat peraga
• Kait — useEffect, useState, useCallback
• Metode siklus hidup
• Redux — cara kerja redux, aliran redux, reduksi, tindakan.
• Perutean reaksi
• kait khusus

Pada titik ini, Anda harus tahu cara membuat panggilan API , cara kerja kode asinkron . Anda juga harus tahu cara kerja JS di latar belakang, apa itu loop acara.

• Janji vs Panggilan Balik
• Panggilan API dengan Axios
• Penutupan
• Konteks
• Perbedaan antara var, let, dan const
• Cara kerja referensi objek

Selain mengetahui cara membuat kode, Anda juga harus tahu cara kerja internet. Anda harus memahami cara kerja REST API dan menggunakan alat dev chrome dengan benar, termasuk cara memantau permintaan HTTP, cara melihat kode sumber halaman, dan cara menggunakan lebih banyak alat yang bereaksi dan disediakan redux.