Cara belajar css dengan mudah

Sebagai developer otodidak, ini adalah cerita saya tentang bagaimana saya belajar CSS. Judulnya mungkin agak tebal tapi saya harap saya tahu tentang pendekatan untuk mempelajari CSS yang diberikan dalam artikel ini saat saya baru memulai. Saya harap pengalaman saya akan membantu Anda mempercepat proses pembelajaran

Siapa saya? . Selama beberapa tahun sekarang, saya telah menjadi pekerja lepas, pengembang frontend, dan Pembuat. Baru-baru ini, saya membuat dua produk. EazyCSS dan Graha, dan ini adalah perjalanan saya mempelajari CSS dan bagaimana itu bisa menjadi lebih baik

Di perguruan tinggi, saya terpesona oleh pasar saham dan mencoba membuat alat yang dapat memprediksi perilaku pasar saham berdasarkan beberapa poin data selain data saham historis, pada titik ini saya memiliki pengetahuan tentang python dan pembelajaran mesin tetapi frontend benar-benar . Jadi, saya menyingsingkan lengan baju dan mulai belajar Javascript/CSS. Belajar Javascript perlu artikel tersendiri, pada artikel ini saya hanya fokus pada CSS

Pertama saya mulai melompat dari satu video youtube ke video lainnya tentang CSS, KESALAHAN BESAR. Butuh beberapa minggu bagi saya untuk keluar dari lingkaran ini. Jangan salah paham, ada saluran youtube CSS yang sangat bagus [Yang favorit saya di bagian bawah], tetapi sebagai pemula, sulit untuk menemukan video yang tepat di mana penulis berbicara terutama kosakata ramah pemula

Pada titik ini, saya menonton cukup banyak video tentang CSS, tetapi itu membawa saya ke posisi di mana saya tidak yakin apakah mempelajari CSS adalah hal yang tepat untuk saya lakukan dengan waktu saya. Tetapi tujuan akhir saya untuk menciptakan sesuatu yang saya sukai adalah pendorong besar bagi saya

Saran untuk orang-orang yang membaca ini, Sadarilah sepenuhnya mengapa Anda belajar dan fokuslah pada tujuan ini agar Anda tetap termotivasi

Setelah banyak kebingungan, saya membuat keputusan bahwa saya harus mempelajari dasar-dasarnya dari seorang penulis. Untungnya, saya menemukan Udemy dan membeli kursus ~$10 tentang CSS. Rekomendasi saya untuk memilih kursus adalah selalu memilih kursus di mana Anda senang dengan hasilnya, dalam kasus saya halaman arahan yang sangat keren

Jadi apakah saya menyelesaikan kursus? . Wow, rasanya luar biasa dan saya benar-benar menghentikan sisa kursus. Ya, saya tahu saya melewatkan sebagian besar dasar-dasar dengan melewatkan beberapa video penjelasan dan proyek lain dalam kursus

Sampai saat ini, saya tidak yakin melewatkan dasar-dasar sesuatu adalah hal yang baik, tetapi saya selalu melakukannya untuk semua bahasa pemrograman yang saya pelajari, tetapi baru-baru ini menemukan tweet ini oleh Paul Graham

Sebagai dev otodidak, saya sepenuhnya setuju dengannya. Saya hanya memilih konsep dasar saat membuat produk dan mempelajari sisanya dalam proses

Setelah saya menyelesaikan hampir 70% dari kursus, saya hanya ingin membuat halaman arahan untuk produk saya jadi saya langsung mulai membuat kode, pada saat itu saya menyadari bahwa saya tidak dapat menulis CSS tanpa kode atau saya tidak sampai ke level

Jadi, bagaimana saya keluar dari perasaan ini? . “Langsung saja masuk. Bagaimana saya tahu ini? . Saya melakukan banyak proyek kecil hanya untuk melatih keterampilan saya untuk mengerjakan produk akhir

Berikut adalah pembicaraan menarik antara Paul Graham dan Mark Zuckerberg di mana Mark Zuckerberg menjelaskan bagaimana dia takut berbicara di depan umum dan bagaimana dia mengatasinya. Menurut saya, sarannya juga berlaku untuk belajar bahasa pemrograman

Setelah saya memutuskan untuk membuat halaman arahan kecil sebelum halaman arahan produk saya, saya pergi ke dribbble. com dan menantang diri saya sendiri untuk mereplikasi satu bidikan desain per hari, mulai dari bidikan yang sangat sederhana hingga bidikan yang tampak mewah selama 30 hari berturut-turut

Anda mungkin bertanya kepada saya "Saya tidak tahu harus mulai dari mana ketika saya melihat beberapa bidikan desain" saran saya adalah fokus saja pada satu elemen seperti tombol atau bilah pencarian dan bayangkan membagi elemen menjadi komponen desain individual seperti warna, . Ini mungkin terlihat buruk tapi tidak apa-apa. Ini bukan tentang hasilnya, ini tentang kemajuan dalam perspektif Anda untuk beradaptasi dari bidikan desain ke sintaks CSS

Akhirnya, setelah 30 hari googling dan latihan yang ketat, pada satu titik [~ hari ke-26], saya merasa nyaman mereplikasi bidikan desain ke kode HTML/CSS, itu tidak sempurna, tetapi intinya adalah saya tidak takut melakukan sesuatu di CSS

Dasar-dasar CSS mudah untuk memulai, tetapi perlu latihan untuk mempelajari cara menggunakan properti dengan cara yang benar. Saya harap cerita saya membantu dalam perjalanan belajar Anda

EazyCSS — Ekstensi peramban yang memungkinkan Anda mengubah desain situs web apa pun secara visual dan mendapatkan perubahan Anda dalam kode CSS. Kasus Penggunaan

Graha — Alat kolaborasi situs web langsung real-time pertama di mana tim dapat mengedit teks situs web, membuat iterasi desain cepat dengan editor CSS Slider/AI-powered kami, mengumpulkan umpan balik langsung di situs web langsung, dan menyelesaikan desain situs web langsung 10x lebih cepat

Apa cara termudah untuk mempelajari CSS?

Bisakah saya belajar CSS sendiri?

Berapa lama untuk mempelajari CSS?

Bisakah saya belajar CSS dalam 10 hari?