Berapa Banyak HTML dan CSS yang Harus Anda Ketahui Untuk Menjadi Pengembang

Berapa Banyak HTML dan CSS yang Harus Anda Ketahui Untuk Menjadi Pengembang – Sebelum mempelajari pengembangan web dan pemrograman, saya selalu kagum setiap kali saya melihat situs web yang dibuat dengan baik. Saya suka membaca artikel dan web adalah sumber utama informasi kontemporer saya.

Berapa Banyak HTML dan CSS yang Harus Anda Ketahui Untuk Menjadi Pengembang

phpbbstyles – Jadi, saya dihadapkan pada sejumlah besar halaman mengagumkan yang tidak hanya tampak hebat tetapi juga menyediakan fungsionalitas yang masuk akal bagi pemirsanya. Itu membangkitkan keinginan saya untuk juga suatu hari nanti dapat menyajikan informasi kepada dunia dengan cara yang akan memukau siapa pun yang melihatnya.

Sebagai pembuat konten saya mulai dengan menggunakan Blogger, menulis tentang pendidikan keuangan dan kewirausahaan. Dengan Blogger, pada masa itu, tidak banyak kelonggaran yang dapat dimiliki seseorang dalam hal menyesuaikan tampilan situs.

Saya mulai mengutak-atik dan menemukan tutorial yang mengajari saya cara mengubah file CSS dari tema Blogger. Saat itulah saya menyadari bahwa saya perlu belajar HTML dan CSS. Saya tidak mulai belajar sampai akhirnya menerima kenyataan bahwa mengedit beberapa baris CSS tidak akan pernah bisa memberi saya kendali penuh tentang bagaimana tampilan dan fungsi situs yang saya buat.

Baca Juga : Panduan Pengembang Utama Untuk Basis Data WordPress

Sekarang lebih dari lima tahun kemudian, saya sudah tahu cara membuat situs dari awal dan bahkan memasukkan fungsionalitas dasar di dalamnya. Heck, sekarang saya bahkan dapat membuat kode bagian depan dan belakang dari aplikasi blog dasar dan bahkan membuat aplikasi TV-Series dengan ReactJS . Tidak peduli seberapa maju keterampilan saya sekarang, saya tidak dapat menyangkal fakta bahwa belajar HTML dan CSS adalah fondasi saya.

Saya mengerti keinginan seseorang untuk memulai dengan bahasa pemrograman nyata seperti Ruby, JavaScript atau Python. Tetapi untuk membangun sesuatu yang lengkap, setidaknya untuk web, seorang pengembang harus memiliki keterampilan HTML dan CSS yang layak. Namun, seorang pengembang web tidak perlu menjadi ahli di dalamnya.

Apakah Anda Membutuhkan Banyak HTML/CSS Untuk Menjadi Pengembang?

Saya awalnya berpikir untuk membuat daftar lengkap semua tag HTML dan pemilih/properti CSS. Kemudian saya menyadari bahwa saya hanya bisa mengarahkan pembaca ke sumber daya yang lebih bermanfaat.

Saya kemudian hanya akan membuat saran tingkat tinggi untuk menekankan bahwa pengembang web tidak perlu memiliki kompetensi tingkat Bruce Lee untuk menjadi ninja HTML/CSS. Untuk membangun situs Anda hanya perlu menggunakan tag HTML umum seperti untuk heading (h1-h6),

Ada banyak tag lain yang diperlukan dalam situasi tertentu, tetapi saya hanya menyertakan tag yang umum digunakan. Untuk CSS, Anda hanya perlu mempelajari cara menata teks (properti font), tautan (kebanyakan dekorasi teks), mengubah dimensi dan posisi elemen (lebar, margin, padding, float, posisi) dan latar belakang gaya (gambar latar dan warna latar belakang). Transisi dan animasi CSS juga saat ini ada di mana-mana di sebagian besar situs, jadi mungkin perlu untuk mempelajarinya.

Kerangka dan Pustaka Memberi Kami Kekuatan Super CSS

Hari-hari ini kami diberkati untuk memiliki alat, pustaka, dan kerangka kerja untuk membuatnya lebih sederhana dan lebih mudah bagi kami untuk membangun markup dan gaya situs. Sebelumnya sulit untuk menyempurnakan tata letak halaman menggunakan float murni dan properti posisi di CSS.

Tapi sekarang kami memiliki FlexBox dan CSS Grid . Memiliki keterampilan dasar dalam keduanya akan memungkinkan seseorang untuk membuat halaman web yang tampak luar biasa. Selain itu kami memiliki perpustakaan seperti Bootstrap , Foundation dan Semantic-UI yang menyediakan gaya siap pakai. Kami hanya perlu menautkan ke file CSS mereka (dan perpustakaan JavaScript/jQuery), memahami sistem kelas dan kisi mereka dan, voila, Anda dapat membangun situs yang tampak luar biasa.

Sayangnya, seolah-olah di atas tidak cukup, kita sekarang memiliki pra-prosesor CSS (yaitu, SASS , LESS). Untuk apa mereka baik? Jika Anda telah melakukan banyak CSS sebelumnya, Anda akan setuju bahwa kode CSS bisa menjadi berantakan dan sulit dimengerti.

Konsekuensi dari ini adalah mimpi buruk sesi debugging yang menemukan bagian mana dari 700 baris CSS Anda yang menjadi biang keladinya. Dan bagaimana dengan pemilih berulang atau berlebihan yang membuat CSS Anda panjang? Saya percaya nilai terbesar pra-prosesor CSS berasal dari bagaimana hal itu membantu pengembang mengatur kode CSS-nya. Ini memudahkan pengelolaan situs dengan banyak pemilih dan properti.

Sekarang jika Anda memulai pengembangan web dan Anda benar-benar ingin memulai ‘pemrograman sebenarnya’ maka Anda akan senang mengetahui bahwa dengan pra-prosesor CSS hampir persis seperti pemrograman. Anda menggunakan hal-hal seperti variabel, loop, dan fungsi seolah-olah Anda sedang mengerjakan JavaScript atau Ruby.

Pelajari cara menggunakan Alat Pengembang Chrome

Seseorang yang membangun situs web seharusnya tidak pernah, dan maksud saya, mengabaikan penggunaan alat yang luar biasa ini. Firefox juga memilikinya, tetapi menurut saya Chrome lebih mudah digunakan. Dengan Alat Pengembang Chrome, Anda dapat dengan mudah memeriksa elemen HTML dan properti CSS situs Anda untuk memperbaiki bug atau menguji gaya baru yang ingin Anda masukkan ke halaman Anda tanpa memasukkannya ke dalam kode yang sebenarnya.

Untuk Menguasai HTML/CSS dengan cepat Mulai Dengan Mengkloning Situs

Seseorang yang memulai perjalanan pengembangan web mereka harus akrab dengan HTML dan CSS selama beberapa minggu (bahkan berbulan-bulan) sebelum mereka dapat langsung mempelajari pemrograman dengan benar. Tapi mana cara terbaik untuk berlatih membangun situs? Jawaban singkat mengkloning situs yang ada. Melakukannya akan menghemat waktu dan kesulitan mencari ide. Anda akan memiliki dorongan kepercayaan diri yang besar setelah Anda membangun bahkan bagian header atau nav dari situs yang Anda kloning.

Cara Terbaik Untuk Belajar — dengan mitra pengkodean

Saya mulai belajar pengembangan web dan pemrograman sendiri. Meskipun Anda mungkin belajar banyak sendiri, bekerja dengan orang lain masih lebih baik. Akan ada banyak waktu Anda akan terjebak dengan bug, karena banyak baris kode yang Anda tulis, Anda gagal menemukannya.

Satu set mata akan menyelamatkan Anda dari penderitaan seperti itu. Apakah saya perlu mengatakan itu lebih menyenangkan? Saya sendiri saat ini bekerja setiap hari dengan mitra pengkodean, dari belahan dunia lain. Kami telah mengkloning beranda perusahaan populer termasuk Mint.com , Apple , Newsweek , dan TheNextWeb. Kami belajar banyak di sepanjang jalan. Disiplin dan konsistensi penting untuk menjadi pengembang web atau insinyur perangkat lunak yang sangat terampil. Memiliki mitra akuntabilitas membantu membangun dua sifat tersebut.

Baca Juga : Mengenal Tentang Inspiro Theme, Tema WordPress Untuk Foto dan Video

Temukan cara terstruktur untuk belajar

Jika Anda ingin menjalani pelatihan rekayasa perangkat lunak yang intensif, kunjungi Microverse.org . Jika ini pertama kalinya Anda membuat kode, daftarlah untuk pra-kursus di mana Anda akan belajar (GRATIS) pengembangan web dan rekayasa perangkat lunak. Jika Anda seorang pelajar tingkat lanjut (Anda merasa nyaman dengan beberapa JavaScript atau bahasa pemrograman lainnya) maka saya akan merekomendasikan Program Jalur Cepat (Anda hanya akan membayar setelah Anda menyelesaikan program dan menemukan pekerjaan rekayasa perangkat lunak jarak jauh).