Tepat setelah “Di mana tempat terbaik untuk belajar?” mungkin pertanyaan paling umum yang saya dengar dari orang-orang yang mempelajari kode adalah "Buku pengembangan web apa yang harus saya pelajari?" Nah, pertimbangkan ini sebagai jawaban untuk pertanyaan itu karena saya telah menyusun daftar buku yang tidak hanya bagus untuk masuk ke pengembangan front-end tetapi juga tersedia secara gratis.
Buku tentang CSS
Ini adalah sebagian besar tempat kita akan hang out karena, yah, ini adalah sebuah situs kebanyakan tentang CSS!
Keajaiban CSS oleh Adam Schwartz
- Sempurna untuk: Langkah selanjutnya dalam perjalanan CSS Anda
- Tingkat pembelajaran: Menengah
- Membutuhkan: Beberapa pemahaman dasar tentang CSS
Adam Schwartz mencakup enam konsep CSS dalam buku ini, termasuk model kotak, tata letak, tabel, warna, tipografi, dan transisi. Ini adalah hal-hal yang bahkan membuat bingung beberapa CSSer berpengalaman, beberapa dari konsep ini mungkin membingungkan. Adam telah berusaha keras untuk mengungkap masing-masing.
Selain buku ini menjadi primer yang bagus tentang konsep CSS yang kompleks, saya suka bagaimana setiap properti CSS yang disebutkan di seluruh buku dapat diklik sehingga Anda selalu dapat mengkliknya untuk melihat bagaimana masing-masing diterapkan. Ada banyak contoh ilustrasi dan rekomendasi untuk bacaan lebih lanjut, jika Anda ingin mempelajari lebih lanjut tentang setiap bab.
Saya menemukan bab tentang warna sangat menarik bukan hanya karena membahas praktik terbaik untuk menggunakan warna dengan mudah, tetapi juga karena ada aplikasi yang sangat praktis, seperti ketika Adam menggunakan CSS untuk mendukung branding organisasi.
Desain Web yang Tangguh oleh Jeremy Keith
- Sempurna untuk: Mengembangkan strategi untuk menulis kode
- Tingkat pembelajaran: Menengah
- Membutuhkan: Beberapa pemahaman dasar tentang CSS
Langsung dari perkenalan:
Anda tidak akan menemukan kode apa pun di sini untuk membantu Anda membangun situs web yang lebih baik. Tetapi Anda akan menemukan ide dan pendekatan. Ide lebih tangguh daripada kode. Saya telah mencoba menggabungkan ide-ide paling tangguh dari sejarah desain web ke dalam pendekatan untuk membangun situs web masa depan.
Apa yang dilakukan Jeremy dengan sangat baik adalah menggambarkan soft skill, seperti perencanaan, penjabaran, dan pendekatan untuk menulis kode. Jadi, daripada memasukkan potongan kode di sepanjang buku ini, yang akan Anda temukan adalah detail tentang strategi kode, seperti peningkatan progresif, memutuskan alat apa yang akan digunakan, dan tantangan menulis kode yang ramah masa depan.
Dan bagi Anda yang belum menikmati mendengarkan Jeremy menceritakan konten (seperti yang dia lakukan di .) Seri Sejarah Web), ada file audio yang tersedia untuk diunduh.
Memulai Pengembangan Web CSS: Dari Pemula hingga Profesional oleh Simon Colison
- Sempurna untuk: Dasar-dasar CSS
- Tingkat pembelajaran: Pemula mutlak
- Membutuhkan: Tidak ada apa-apa selain waktu dan motivasi
Ini mungkin ditulis pada tahun 2006, tetapi cakupan standar web dan aksesibilitas Simon tidak lekang oleh waktu dan relevan saat ini. Dia memberikan pemahaman tentang interoperabilitas serta pendekatan untuk membangun aplikasi web, termasuk fase perencanaan awal yang sering diabaikan.
Buku ini memiliki dua bagian besar yang selanjutnya dibagi menjadi 16 bab. Bagian 1 mencakup topik CSS, seperti bekerja dengan teks, tautan, daftar, latar belakang, gambar, tabel, dan formulir. Itu benar-benar tidak berhemat pada detailnya juga.
Bagian 2 adalah semua tentang tata letak, menjelaskan kegunaan dan manipulasi tata letak, ditambah studi kasus yang praktis. Bab-bab disusun sedemikian rupa sehingga satu bab secara alami mengalir ke bab berikutnya. Setiap bab juga berisi bagian penutup yang menyoroti semua konsep penting yang tercakup dalam bab ini.
Memang, buku ini memberikan pengembang pemula latar belakang yang kuat dalam CSS dan membantu mereka secara bertahap dengan konsep yang lebih maju. Ini akan membuat perjalanan CSS Anda lebih mudah.
Buku tentang HTML & CSS
CSS dan HTML sering diajarkan bersama-sama, yang bisa sangat membantu saat Anda menulis baris kode pertama dan ingin tahu bagaimana kedua bahasa berinteraksi satu sama lain.
Belajar Membuat Kode HTML & CSS oleh Shay Howe
- Sempurna untuk: Memulai perjalanan front-end Anda
- Tingkat pembelajaran: Pemula
- Membutuhkan: Tidak ada pengalaman sebelumnya sama sekali
Shay menyebut buku ini sebagai panduan sederhana dan komprehensif yang didedikasikan untuk membantu pemula belajar HTML dan CSS.
Dia melakukan ini dengan berfokus pada elemen umum desain dan pengembangan front-end. Beberapa pelajaran yang dibahas adalah Model Kotak, Pemosisian, Tipografi, Latar Belakang dan Gradien, Daftar, Media, Formulir, dan Tabel. Di bab pertama *Membangun Halaman Web Pertama Anda, Shay menganalisis konten situs web biasa termasuk elemen, atribut, dan pengaturan struktur dokumen HTML, validasi kode, penyeleksi, dan pengaturan ulang CSS. Saya menemukan buku ini sangat instruktif terutama karena melampaui permukaan untuk membahas banyak konsep kunci dengan contoh kode, yang dapat Anda ikuti.
Satu hal mendalam tentang buku hebat ini adalah, Shay membangun proyek lengkap dari awal selama 12 pelajaran dan di akhir setiap pelajaran, dia memberikan ringkasan dan tautan ke status situs web saat ini (sehingga Anda dapat membandingkan dengan milik Anda jika Anda ikuti) dan kode sumber di setiap tahap pelajaran.
Jika Anda seorang pembelajar yang belajar sambil melakukan, Anda akan menemukan materi ini sangat berguna dan pada saat Anda selesai, Anda akan mengembangkan situs web fungsional multi halaman.
Sekuel lanjutan dari kursus ini juga tersedia gratis melalui tautan yang sama.
HTML & CSS: Pelajari Dasar-dasarnya dalam 7 Hari oleh Michael Knapp
- Sempurna untuk: Memulai perjalanan front-end Anda
- Tingkat pembelajaran: Pemula
- Membutuhkan: Tidak ada pengalaman sebelumnya sama sekali
Bisakah Anda mempelajari semua yang perlu diketahui tentang HTML dan CSS dalam tujuh hari? Mungkin tidak, tapi itulah mengapa buku 2017 karya Michael Knapp ini difokuskan langsung pada dasar-dasarnya. Michael mempelajari pelajaran sejarah singkat sebelum meluncurkan struktur, logika, dan presentasi HTML dan CSS. Anda akan mendapatkan semuanya dengan cepat ke titik di mana Anda harus merasa cukup percaya diri tentang menempatkan halaman web dasar bersama-sama, ditambah beberapa tambahan di sepanjang jalan saat buku ini menyentuh SEO dan analitik.
Buku ini terdiri dari program-program sederhana yang dapat Anda jalankan di komputer Anda jika Anda ingin mengikutinya.
Versi ebook tersedia gratis di Apple Books, tetapi ada juga versi Kindle jika Anda sudah berlangganan di sana.
Trik CSS Terbesar Vol. 1 oleh Chris Coyier
- Sempurna untuk: Mengagumi apa yang bisa dilakukan CSS
- Tingkat pembelajaran: Menengah
- Membutuhkan: Beberapa pengalaman CSS
Tahukah Anda bahwa CSS-Tricks juga memiliki buku tentang CSS? Akan sangat konyol untuk mengabaikannya dari daftar ini karena yang Anda dapatkan adalah kumpulan tipuan CSS klasik yang dijelaskan tidak lain oleh Chris Coyier. Faktanya, Chris memilih sendiri semua contoh yang tercakup dalam buku ini dari bertahun-tahun (bertahun-tahun!) menjalankan situs ini di sini dari banyaknya trik yang telah melintasi mejanya.
Setiap trik memecahkan titik rasa sakit tertentu. Misalnya yang pertama Trik "Pin Scrolling ke Bawah"menunjukkan bagaimana overflow-anchor Properti CSS dapat digunakan untuk membuat antarmuka seperti obrolan yang sama dari alat seperti Slack, di mana layar ditambatkan di bagian bawah dengan cara yang terasa seolah-olah halaman sedang bergulir untuk Anda saat item baru ditambahkan.
Buku dalam proses
Kode sama pentingnya dengan bagaimana kami menulis kode dan berkolaborasi dalam proyek dengan orang lain seperti tentang kode sebenarnya yang kami tulis. Buku-buku berikut adalah titik awal yang bagus untuk segala hal mulai dari perencanaan dan manajemen proyek hingga berkomunikasi dan berkolaborasi dengan orang lain.
Berkolaborasi: Menyatukan Orang di Sekitar Proyek Digital oleh Ellen De Vries
- Sempurna untuk: Menjadi kolaborator yang lebih baik
- Tingkat pembelajaran: N / A
- Membutuhkan: Pikiran terbuka untuk bekerja dengan baik dengan orang lain!
Ellen membahas sesuatu dalam buku ini yang harus kita semua hadapi: berkolaborasi dengan orang lain. Dan itu bukan masalah kecil — buku ini dibagi menjadi empat bagian yang membahas hal-hal yang dapat kita kerjakan dengan baik dengan orang lain:
- Tahu bagaimana mempersiapkan tanah dan menciptakan kondisi yang tepat untuk kolaborasi.
- Memelihara budaya kelompok pada tahap awal kolaborasi.
- Pertahankan proses kolaboratif yang sehat.
- Raih imbalan dari sebuah kolaborasi.
Sebagai ahli strategi konten, Ellen memiliki pengalaman yang tepat untuk membantu siapa pun menjadi bagian dari proyek kolaboratif, atau mendapatkan hasil maksimal dari kolaborasi.
Proses Desain Web Modern oleh aliran web
- Sempurna untuk: Desainer senior, manajer proyek
- Tingkat pembelajaran: N / A
- Membutuhkan: Beberapa pemahaman dasar tentang CSS
Ebook gratis ini menampilkan proses desain tujuh langkah yang dimaksudkan untuk membantu menentukan alur kerja untuk merek desain web saat ini.
Itu termasuk:
- Menetapkan tujuan
- Mendefinisikan ruang lingkup
- Peta situs dan gambar rangka
- Bekerja dengan konten
- Menangani elemen visual
- pengujian
- Pengiriman
Siapa pun yang memulai proyek desain baru atau di tengah proyek desain akan menemukan wawasan yang tak ternilai di seluruh buku ini. Dan yang paling luar biasa adalah bagaimana ini ditulis dengan cara yang hampir terasa seolah-olah Anda sedang dipegang tangan melalui seluruh proyek dari konsep hingga penyelesaian.
Merancang untuk Web oleh Mark Boulton
- Sempurna untuk: Belajar bekerja dengan klien
- Tingkat pembelajaran: Pemula
- Membutuhkan: Minat yang tulus dalam desain
Tampaknya banyak organisasi menangani desain secara berbeda. Tetapi penulis Mark Boulton mendokumentasikan alur kerja desain yang menyeluruh di Merancang untuk Web yang menghilangkan banyak tantangan dan mencakup semua yang perlu Anda ketahui.
Yang unik dari buku ini adalah buku ini benar-benar tentang pekerjaan. Tentu, ada banyak informasi yang sangat berharga tentang praktik terbaik desain untuk hal-hal seperti tipografi, warna, dan tata letak, tetapi apa yang benar-benar akan Anda ambil dari buku ini adalah bagaimana ini cocok dengan alur kerja desain. Ini mengajarkan Anda cara meneliti, teknologi yang kami miliki untuk mengimplementasikan ide, dan akhirnya, cara bekerja dengan orang lain serta klien — makanan yang sempurna untuk orang-orang termasuk pemimpin desain, manajer proyek, pekerja lepas, atau siapa saja yang terlibat dalam proses pengiriman proyek .
Pelajari Kontrol Versi dengan Git oleh Menara
- Sempurna untuk: Menguasai Git
- Tingkat pembelajaran: Semua level selamat datang
- Membutuhkan: Tidak ada pengetahuan sebelumnya sama sekali
Dalam buku ini, tim di balik yang populer Klien menara untuk Git memperkenalkan peserta didik pada inti dari sistem kontrol versi menggunakan Git. Pengembang yang bekerja dalam tim secara khusus akan merasa ini sangat berguna, karena membantu dalam berkolaborasi secara efektif dengan anggota tim membangun fitur yang berbeda dari sebuah proyek bahkan ketika Anda terpisah ribuan mil. Yang mengatakan, itu masih sangat bagus untuk siapa saja yang mungkin malu dengan baris perintah dan ingin membangun kepercayaan diri di sana.
Dan karena buku ini dibuat oleh pembuat aplikasi yang berinteraksi dengan Git, Anda akan mendapatkan dosis yang bagus menggunakan Tower sebagai GUI selain bekerja langsung di baris perintah.
Jadi, apakah itu melakukan, bercabang, menggabungkan, menarik permintaan, bekerja forking, atau menangani konflik gabungan, Anda akan mendapatkan banyak hal dari buku ini.
Buku tentang JavaScript
Mempelajari JavaScript sepertinya selalu menjadi mode. Faktanya, Jason Rodriguez menulis tentang lanskap pembelajaran JavaScript di 2018 dan menyediakan daftar buku gratis yang bagus. Tidak terlalu banyak yang muncul sejak itu, tetapi inilah pemikiran saya tentang buku-buku berikut.
JavaScript yang fasih oleh Marijn Haverbeke
- Sempurna untuk: Menjadi lebih baik dalam menulis JavaScript
- Tingkat pembelajaran: Pengembang menengah hingga berpengalaman
- Membutuhkan: Pengalaman JavaScript sebelumnya
JavaScript yang fasih benar-benar sesuai dengan namanya. Secara pribadi, saya menganggap ini salah satu buku JavaScript terbaik yang pernah saya temui. Gaya penulisan Marjin menarik, terutama dengan bagaimana ia memperkenalkan konsep pemrograman dan membawa pembaca bersama. Dalam kata-katanya, buku itu hanya tentang menginstruksikan komputer dan membuat mereka melakukan apa yang Anda ingin mereka lakukan.
Buku ini menyelam jauh ke dalam JavaScript yang tersebar di tiga bagian dan 21 bab. Anda akan membaca banyak tentang konsep pemrograman dasar, seperti nilai, tipe, operator dan fungsi, hingga konsep lanjutan seperti ekspresi reguler, modul, DOM, dan pemrograman asinkron. Dia memulai setiap bab dengan kutipan yang agak filosofis untuk mempersiapkan pembaca menghadapi apa yang ada di depan dan kemudian langsung masuk ke topik.
Plus, ada tiga proyek untuk membantu Anda melatih keterampilan baru Anda.
Memahami Janji JavaScript oleh Nicholas C. Zakas
- Sempurna untuk: Mereka yang ingin mempelajari semua tentang pemrograman asinkron dengan janji dalam JavaScript.
- Tingkat pembelajaran: Menengah
- Membutuhkan: Potongan JavaScript dasar
Janji JavaScript diperkenalkan pada tahun 2015 sebagai bagian dari spesifikasi ES6 untuk menangani fungsi asinkron dalam JavaScript. Menurut MDN:
Janji adalah objek yang mewakili penyelesaian akhir atau kegagalan operasi asinkron
Dalam buku setebal 51 halaman ini, Nicholas menjelaskan konsep Janji dalam tiga bab: Dasar-dasar, Merantai Janji, dan Bekerja dengan Banyak Janji. walaupun link ke buku yang kami sediakan adalah versi komunitas gratis, versi lengkap (tersedia di Amazon) memiliki dua bab lagi tentang Fungsi Asinkron dan Pelacakan Penolakan yang Tidak Tertangani. Nicholas menyederhanakan konsep Janji dengan beberapa ilustrasi dan contoh. Anda akan belajar cara menggunakan then(), catch(), dan finally() dan pahami cara merangkai banyak janji menjadi satu. Nicholas juga mencakup penugasan penangan penolakan dan penyelesaian. Anda mungkin ingin membaca buku untuk memperkuat pemahaman Anda tentang topik tersebut.
Nicholas adalah seorang penulis buku JavaScript veteran yang telah menulis tentang JavaScript selama lebih dari 15 tahun. Dia membawa kekayaan pengalamannya ke dalam buku ini (seperti yang dia miliki di .) karyanya di sini di CSS-Tricks).
Berbicara JavaScript oleh Axel Rauschmayer
- Sempurna untuk: Naik level dari awal JavaScript
- Tingkat pembelajaran: Menengah
- Membutuhkan: Pengetahuan tentang pemrograman berorientasi objek
Buku ini disajikan dalam empat bab yang mencakup lebih dari 30 topik. Begini cara rusaknya:
- Bab pertama adalah penyegaran yang bagus tentang sintaks, tipe variabel, fungsi, dan penanganan pengecualian.
- Bab kedua menawarkan perspektif sejarah ke dalam JavaScript sebagai pendahuluan untuk jenis fitur yang tercakup di seluruh sisa buku ini.
- Bab 3 disajikan kurang lebih sebagai buku referensi dengan contoh-contoh singkat dan bersih.
- Bab terakhir menguraikan tip, alat, dan pustaka untuk membantu menulis JavaScript yang lebih baik dan mengikuti praktik terbaik.
Rahasia Ninja JavaScript oleh John Resig dan Bear Bibeault
- Sempurna untuk: Membuat perpustakaan JavaScript lintas-browser dari awal
- Tingkat pembelajaran: Menengah
- Membutuhkan: Beberapa pengalaman pemrograman sebelumnya
Sebenarnya ada a edisi terbaru dari buku ini, tapi edisi 2012 adalah yang gratis. Either way, ini adalah kesempatan yang baik untuk belajar dari John Resig; Anda tahu, pria yang dibuat jQuery.
Teknik yang dibahas di sini meliputi penutupan, fungsi, DOM, orientasi objek dengan prototipe, dan strategi lintas-browser. Satu hal yang menyenangkan adalah bahwa setiap bab diikuti dengan rekap singkat yang sempurna untuk referensi setelah Anda menyelesaikan buku.
Mempelajari Pola Desain JavaScript oleh Addy Osmani
- Sempurna untuk: Belajar menulis JavaScript yang lebih efisien
- Tingkat pembelajaran: Menengah
- Membutuhkan: Tingkat pengalaman JavaScript yang layak
Konsep pola desain mengacu pada solusi yang dapat digunakan kembali untuk masalah yang sering berulang dalam pengembangan aplikasi. Dalam buku ini, Addy Osmani membahas implementasi pola desain umum menggunakan ES6 dan seterusnya, serta pola desain khusus React, yang bisa sangat berguna saat bekerja pada aplikasi React yang kompleks di mana pemeliharaan adalah tujuan utama.
Beberapa pola yang dibahas meliputi pola Singleton, Proxy, Provider, Prototype, dan Observer. Dalam beberapa kasus, Addy menyertakan pro dan kontra dari penggunaan beberapa pola ini dan bagaimana pola tersebut dapat memengaruhi kinerja aplikasi Anda.
Anda Tidak Tahu JS oleh Kyle Simpson
- Sempurna untuk: Menguasai JavaScript
- Tingkat pembelajaran: Pemula
- Membutuhkan: Sedikit atau tidak ada pengalaman pemrograman sebelumnya
Meskipun judulnya mungkin sedikit provokatif, apa yang disiratkan Kyle di sini adalah bahwa ia menulis buku ini dengan asumsi Anda tidak memiliki pengalaman JavaScript sebelumnya.
Kyle memulai dengan mempelajari dasar-dasar pemrograman seperti yang terlihat melalui lensa JavaScript. Dia kemudian melanjutkan, dalam bab-bab berikutnya, untuk memperkenalkan konsep yang lebih maju seperti ruang lingkup dan penutupan, the this kata kunci, prototipe objek, async, dan kinerja.
Ada banyak detail dan penjelasan luar biasa di sini, dan Kyle membuatnya sangat mudah dipahami dengan menghindari jargon teknis super. Ada juga banyak latihan yang dirancang untuk memperkuat pembelajaran Anda. Buku ini pasti akan mempercepat Anda dengan JavaScript. Ada edisi kedua dari buku yang sedang dikerjakan yang dapat Anda lacak di GitHub.
Buku Pegangan Pemula JavaScript oleh Flavio Copes
- Sempurna untuk: Referensi pemula
- Tingkat pembelajaran: Baru memulai
- Membutuhkan: Pendaftaran email, mungkin pengalaman sebelumnya
Flavio telah mengumpulkan referensi JavaScript yang sangat berguna bagi mereka yang baru memulai. Ini lebih seperti panduan referensi cepat daripada buku teks, jadi Anda yang baru memulai mungkin ingin mempertimbangkan ini sebagai sesuatu yang Anda simpan di meja Anda daripada sesuatu yang Anda duduki untuk waktu yang lama.
JavaScript untuk Ilmu Data oleh Gans, Hodges & Wilson
- Sempurna untuk: Masuk ke visualisasi data
- Tingkat pembelajaran: Menengah hingga mahir
- Membutuhkan: Pegangan yang layak pada JavaScript
Penulis membahas fitur inti dari JavScript modern, termasuk panggilan balik, janji, pewarisan, objek, dan kelas. Mereka juga masuk ke pengujian menggunakan Moka, React, dan vizualisasi data, semuanya bagus untuk siapa saja yang ingin meningkatkan level kode mereka dan cara penulisannya. Buku ini tidak terlalu mendalami banyak konsep seperti beberapa buku lain, tetapi benar-benar bersinar ketika masuk ke ilmu data.
Buku ini menggunakan Data-Forge; perpustakaan JavaScript yang dirancang untuk bekerja dengan data tabular. Ada banyak latihan untuk membantu pembaca mengikuti topik diskusi. Bab terakhir juga mencakup proyek batu penjuru yang menyatukan semuanya.
Membungkus
Saya harap koleksi buku ini dapat membantu Anda, baik saat Anda mengambil langkah pertama dalam pengembangan web front-end, sudah belasan tahun, atau berada di antara keduanya. Saya tahu betapa sulitnya memasuki sesuatu yang baru untuk pertama kalinya dan perasaan tidak tahu harus mencari ke mana. Saya juga tahu bagaimana rasanya mencapai titik tertinggi dan membutuhkan sesuatu untuk meningkatkan level saya. Harus ada sesuatu untuk semua orang di sini, di mana pun Anda berada dalam perjalanan belajar Anda.
Dan, hei, jika Anda memiliki buku lain yang tersedia untuk diambil secara online gratis, silakan bagikan di komentar! Saya yakin kita bisa mendapatkan daftar yang lebih besar lagi.
