3 jam Mahir CSS Bersama AWDEV
Jika Anda benar-benar merasa telah mahir dengan kemampuan CSS tersebut Anda bisa langsung melakukan tantangan ke diri Anda sendiri yakni melalui belajar perbaiki kode orang lain.
Maka dari itu AwDev Memberikan Solusi ini Agar Anda Benar-Benar Mahir CSS.
Gabung
Daftar sekarang
Memulai CSS.
Pengalaman belajar interaktif baru yang dirancang untuk membantu pengembang JavaScript menjadi percaya diri dengan CSS.
Seorang pria yang sangat tampan dengan rambut swoopy
Diajarkan oleh Jhon Dev (Initial Awdev)
CSS bisa menyenangkan. Saya berjanji.
Bagi banyak pengembang front-end, CSS adalah bagian yang paling membuat frustrasi dari pekerjaan mereka.
Saat Anda membuat kesalahan dalam TypeScript, Anda mendapatkan tooltip yang berguna untuk memberi tahu Anda apa kesalahan Anda. Di CSS, sebaliknya, Anda dibiarkan dalam kegelapan, tanpa petunjuk apa pun tentang mengapa Anda tidak mendapatkan hasil yang Anda harapkan.
Kejutan membingungkan yang konstan ini membawa kita keluar dari keadaan mengalir, dan mengguncang kepercayaan diri kita. Tidak heran begitu banyak dari kita tidak menikmati menulis CSS!
Terlepas dari semua penampilan, CSS sebenarnya adalah bahasa yang sangat konsisten dan kuat. Rasanya tidak dapat diprediksi karena ada sistem kompleks yang terlibat, sistem yang sama sekali tidak terlihat oleh kita.
CSS adalah bahasa implisit .
Tidak peduli berapa tahun yang Anda habiskan untuk berlatih CSS—jika Anda tidak mempelajari cara kerja sistem yang mendasarinya, model mental Anda akan selalu tidak lengkap.
Pikirkan tentang bagaimana sebagian besar dari kita mempelajari CSS: kita mempelajari cara kerja masing-masing properti, alih-alih berfokus pada bagaimana algoritme tata letak menggunakan properti tersebut sebagai input. Kami mempelajari "trik keren" untuk situasi tertentu, alih-alih konsep yang dapat diterapkan secara luas pada situasi apa pun .
Ini seperti mencoba memecahkan teka-teki ketika Anda kehilangan bagian. Kecuali itu bahkan lebih buruk, karena kita menyalahkan diri kita sendiri!
Tidak ada yang dilahirkan dengan keterampilan CSS.
Kami berasumsi bahwa kami kehilangan semacam "gen CSS", bahwa kami tidak pandai dalam hal ini. Dan itu adalah kritik diri yang paling tidak adil di dunia. Jika Anda mempelajari aturan CSS, Anda juga bisa mahir!
Menjadi mahir dengan CSS Bersama Awdev Global Digital
Menjadi mahir dengan CSS adalah mengubah permainan. Tiba-tiba, bagian yang paling membuat frustrasi dari pekerjaan Anda menjadi menyenangkan! Sebagai pengembang JS, kami menghabiskan begitu banyak energi untuk mencoba menghindari penulisan CSS, ketika kami dapat merangkulnya, dan menggunakannya untuk membangun antarmuka pengguna kelas dunia.
Jadi bagaimana Anda mempelajari aturan CSS? Nah, Anda dapat menghabiskan waktu berjam-jam menjelajahi dokumentasi MDN dan spesifikasi CSSWG, dan kemudian menghabiskan beberapa tahun untuk berlatih. Itulah yang saya lakukan. Itu tidak dapat disangkal efektif — hasil akhirnya sangat berharga — tetapi perjalanannya panjang dan sulit.
Saya ingin membantu mempercepat proses itu untuk Anda. Selama setahun terakhir, saya telah mengemas semua pengetahuan dan pengalaman itu ke dalam kursus online mandiri yang komprehensif.
Kurikulum
Kurikulum ini mengajarkan semua yang perlu Anda ketahui untuk membangun pengalaman web yang modern dan canggih. Ini adalah penyulingan keterampilan yang telah saya pelajari selama 15 tahun.
MEMULAI PELAJARAN
KONTEN
Modul 0
Dasar-dasar
Modul ini mengisi celah yang mungkin Anda miliki, dan memastikan kita semua bekerja dari dasar yang sama.
Bagaimana browser menggunakan CSS
Sintaks dan terminologi
Dasar-dasar warna, unit, tipografi
Modul 1
Rendering Logika I
Kami membuka kap dan melihat bagaimana browser merender item dalam tata letak alur
Warisan dan kaskade
Model Kotak secara mendalam
Keanehan yang perlu diketahui tentang tata letak Flow
Modul 2
Rendering Logika II
Kami melanjutkan eksplorasi mode tata letak browser dengan memeriksa tata letak yang diposisikan.
Memahami posisi relatif, absolut, tetap, dan lengket
Menghindari perang indeks-z
Mengelola luapan, konten tersembunyi
Modul 3
Arsitektur Komponen Modern
Bagaimana CSS cocok dengan aplikasi web JS modern? Dalam modul ini, kita belajar bagaimana memanfaatkan ekosistem JavaScript.
Menggunakan perkakas untuk memecahkan tantangan kekhususan tanpa konvensi penamaan
Cara membangun perpustakaan komponen dari awal
Cara menggunakan CSS-in-JS secara efektif
Modul 4
kotak fleksibel
Flexbox menghadirkan algoritme tata letak yang sangat kuat ke web. Kami belajar bagaimana memanfaatkannya sebaik mungkin.
Memahami tumbuh, menyusut, dan dasar
Selusin tata letak umum dengan Flexbox
Responsif tanpa pertanyaan media
Modul 5
CSS Responsif dan Fungsional
CSS telah menjadi bahasa yang sangat dinamis! Kita akan melihat cara menggunakan fitur CSS modern untuk membangun tata letak yang tangguh.
Membangun pengalaman seluler/tablet yang luar biasa
CSS dinamis dengan vw/vh, calc, min/max/clamp…
Kekuatan luar biasa dari Variabel CSS
Modul 6
Tipografi dan Gambar
Bagian terpenting dari aplikasi web apa pun adalah kontennya! Kita akan belajar bagaimana memperdebatkan teks dan media.
Pengoptimalan gambar yang responsif
Praktik terbaik font web
Font variabel dan masa depan tipografi
Modul 7
Kotak CSS
CSS Grid adalah sistem tata letak revolusioner untuk web. Kita akan melihat bagaimana menggunakannya secara bertanggung jawab, untuk membuat antarmuka pengguna tingkat berikutnya.
Kapan menggunakan CSS Grid vs. Flexbox
Memahami algoritme tata letak secara mendalam
Cara menyediakan fallback untuk browser lama
Modul 8
Animasi dan Interaksi
Animasi adalah bagian penting dari semua aplikasi web. Kita akan belajar bagaimana membuat animasi yang indah dan indah.
Transisi dan animasi dari prinsip pertama
Cara mendesain animasi
Pertunjukan animasi
Modul 9
Detail Besar Kecil
Dalam modul berukuran jumbo ini, kita akan membahas banyak tip dan trik untuk menciptakan pengalaman yang menonjol di web.
Estetika dengan gradien, bayangan kotak, kliping, dan filter
Mengoptimalkan kegunaan di sekitar pengguliran / fokus
Detail dan poles untuk membangun pengalaman pengguna tingkat berikutnya.
