✨ Cara Mengkaji Pembangunan Frontend dengan Cara Malas

5 tahun yang lalu, saya tidak dapat membina satu projek bahagian hadapan.

Saya akan menonton tutorial dan berasa yakin—sehingga saya cuba membina sesuatu secara bebas.

Semuanya terasa sukar. Mustahil. Sangat menggembirakan.

Maju cepat ke hari ini: Saya seorang Jurutera Kanan Frontend di Palantir.

Bagaimana jika saya memberitahu anda bahawa pembelajaran pembangunan frontend tidak perlu berasa begitu susah payah?

Anda tidak perlu berasa seperti orang paling bodoh di dunia.

Dalam surat berita hari ini, saya akan menunjukkan kepada anda cara mengkaji pembangunan frontend cara malas.

Bersedia? Mari selami.

Dua Cara Malas untuk Belajar Pembangunan Frontend

Sama ada anda mampu membeli sumber berbayar atau tidak, kedua-dua pendekatan ini akan membimbing anda kepada kejayaan.

Pilihan 1: Gunakan FrontendMasters (7 Langkah)

FrontendMasters membuat pembangunan frontend klik untuk saya. Guru-guru mereka hebat, dan kursus-kursusnya ringkas dan terus kepada intinya.

Jika anda seorang pelajar dengan Pek Pembangun Pelajar GitHub, anda boleh mendapat 6 bulan percuma. Jika tidak, ia $39/bulan.

Berikut ialah cara menggunakannya dengan berkesan:

1. Mulakan dengan percuma Frontend Development Bootcamp. Kursus ini memperkenalkan anda kepada perkara asas. Bina projek—ia amat penting untuk pembelajaran.

2. Kerjakan 1-2 projek peringkat junior di FrontendMentor. Jika anda buntu, Google, tanya ChatGPT atau dapatkan bantuan di Reddit (atau e-mel saya!). Tidak mengapa jika ia terasa lambat dan menyakitkan—begitulah cara anda belajar.

3. Ambil kursus JavaScript Lanjutan (JavaScript: The Hard Parts, v2). Ini akan membantu anda memahami konsep lanjutan dan nyahpepijat kod anda.

4. Bina 1-3 projek perantaraan pada FrontendMentor (senarai projek perantaraan). Fokus pada projek yang memerlukan API dan operasi tak segerak.

5. Belajar React. Mulakan dengan mana-mana kursus "Pengenalan Lengkap untuk React" di FrontendMasters. Yang terbaru pada masa penulisan ialah Pengenalan Lengkap untuk React, v8.

6. Bina 1-3 projek dengan React di FrontendMentor. Bina semula projek terdahulu anda dengan React untuk melihat kelebihannya.

7. Perdalam pengetahuan React anda:

* Read the [React documentation](https://react.dev).

* Check out [Intermediate React, v5](https://frontendmasters.com/courses/intermediate-react-v5/).

* Grab my free e-book with **101 React Tips & Tricks** [here](https://www.frontendjoy.com/p/download-my-free-101-react-tips-tricks-book).

* (Bonus): I highly recommend the [Advanced React](https://www.advanced-react.com/) book.

Pilihan 2: Gunakan Alat Percuma (7 langkah)

Jika anda tidak mampu membeli sumber berbayar, jangan risau—anda masih boleh mempelajari pembangunan bahagian hadapan dengan cekap.

Ini yang saya syorkan:

1. Ikuti percuma Frontend Development Bootcamp percuma di FrontendMasters. Anda perlu membuat akaun. Bina projek semasa anda pergi—ia adalah kunci kepada pembelajaran.

2. Bina 1-2 projek peringkat junior di FrontendMentor. Berjuang adalah sebahagian daripada proses—Google, gunakan ChatGPT atau minta bantuan.

3. Gunakan JavaScript.info untuk menguasai JavaScript. Ia merupakan sumber percuma yang komprehensif.

4. Bina 1-3 projek perantaraan pada FrontendMentor (senarai projek perantaraan). Fokus pada projek yang melibatkan API dan operasi tak segerak.

5. Ketahui React. Pergi ke Permulaan Pantas React dan ikuti tutorial mereka.

6. Bina 1-3 projek React pada FrontendMentor. Bina semula projek terdahulu anda dengan React untuk mengukuhkan perkara yang telah anda pelajari.

7. Tingkatkan pengetahuan React anda:

* Read the [React documentation](https://react.dev).

* Check out [Intermediate React, v5](https://frontendmasters.com/courses/intermediate-react-v5/).

* Grab my free e-book with **101 React Tips & Tricks** [here](https://www.frontendjoy.com/p/download-my-free-101-react-tips-tricks-book).

* (Bonus): I highly recommend the [Advanced React](https://www.advanced-react.com/) book.

Ringkasan

Ikuti langkah ini, dan anda bukan sahaja akan selesa dalam pembangunan bahagian hadapan tetapi juga cukup yakin untuk:

• Google perkara yang anda tidak tahu.

• Gunakan alatan AI untuk membantu pengekodan.

• Kendalikan rangka kerja lanjutan seperti Next.js.

Kebanyakan pembelajaran anda akan datang daripada latihan, jadi teruskan membina, teruskan percubaan dan, yang paling penting—teruskan.

? Makanan untuk difikirkan

Itu bungkus ?.

Tinggalkan komen ? untuk berkongsi kesilapan yang anda lakukan (dan cara anda mengatasinya).

Dan jangan lupa untuk menjatuhkan "???".

Jika anda sedang belajar React, muat turun buku 101 React Tips & Tricks saya secara PERCUMA

.

Jika anda suka artikel seperti ini, sertai surat berita PERCUMA saya, FrontendJoy

.

Jika anda mahukan petua harian, cari saya di X/Twitter. <script> // Detect dark theme var iframe = document.getElementById('tweet-1859869939533816068-530'); if (document.body.className.includes('dark-theme')) { iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=1859869939533816068&theme=dark" } </script>

Atas ialah kandungan terperinci ✨ Cara Mengkaji Pembangunan Frontend dengan Cara Malas. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!