Dalam pengembangan web front-end, HTML dan CSS masing-masing adalah bahasa markup dan stylesheet yang paling umum. Anda perlu mempelajari keduanya jika ingin mengembangkan halaman web atau website. Jadi, berapa lama waktu yang dibutuhkan untuk belajar HTML dan CSS secara bersamaan?
Diperlukan waktu antara 2 hingga 6 bulan untuk mempelajari HTML dan CSS secara bersamaan, tergantung pada jam yang Anda habiskan setiap hari dan keakraban Anda dengan pengkodean atau keahlian dalam bahasa komputer. Menguasai HTML dan CSS kemungkinan akan memakan waktu 1 tahun atau lebih, bergantung pada bagaimana Anda berlatih.
Anda dapat mempelajari dasar-dasar HTML terlebih dahulu dan, selanjutnya, CSS. Anda juga dapat memilih untuk mempelajari keduanya secara bersamaan jika proses pembelajaran tidak membuat Anda kewalahan, tetapi Anda tetap memerlukan pendekatan terstruktur. Baca terus untuk mengetahui berapa lama waktu yang dibutuhkan untuk mempelajari HTML dan CSS bersama-sama
Berapa Lama Untuk Mempelajari HTML dan CSS Sendiri
Mereka yang memiliki latar belakang akademik dalam ilmu komputer atau beberapa paparan kursus terkait di sekolah menengah atau program musim panas mungkin akan belajar HTML dan CSS jauh lebih cepat daripada yang lain yang tidak terbiasa dengan pengkodean dan bahasa.
Demikian pula, jika Anda memiliki pengetahuan tentang HTML atau dasar-dasarnya, Anda mungkin dapat segera mulai mempelajari CSS. Tetapi jika Anda tidak mengetahui dasar-dasar HTML, Anda perlu mempelajarinya sebelum dapat menjelajahi dasar-dasar CSS
Anda dapat mempelajari HTML dan CSS sendiri dengan bantuan sumber daya online, termasuk namun tidak terbatas pada yang berikut ini
- Buku dan panduan belajar mandiri
- Tutorial. teks, audio, dan video
- Latih kertas ujian dan kuis
- Proyek untuk tingkat keterampilan yang berbeda
Info. Pada artikel ini, saya membahas lebih dalam tentang cara mempelajari HTML sendiri dengan benar. Setelah Anda mengetahui dasar-dasar HTML, Anda dapat mulai menambahkan CSS secara perlahan. Cukup jika Anda menghabiskan 30-50 jam atau lebih untuk mempelajari HTML sendirian, lalu mulailah menambahkan CSS. Sayangnya hanya mengetahui HTML saja tidak cukup untuk mendapatkan pekerjaan, Anda perlu mengetahui CSS dan biasanya, JavaScript juga untuk mendapatkan pekerjaan dev front-end awal (butuh waktu sekitar 3. 5 bulan di BootCamp untuk belajar cukup untuk mendapatkan pekerjaan pertama di lapangan)
Jadi, bagaimana jika Anda memiliki semua sumber daya penting untuk mempelajari HTML dan CSS sendiri?
Jam Harian Mempelajari HTML dan CSS
Misalkan Anda memutuskan untuk mendedikasikan 5 jam per hari untuk mempelajari HTML dan CSS. Dalam hal ini, Anda mungkin membutuhkan sekitar 8 hari atau 40 jam untuk mempelajari dasar-dasar HTML. Jika Anda menghabiskan kurang dari 5 jam per hari, jumlah hari cenderung meningkat secara proporsional
Setelah Anda terbiasa dengan dasar-dasar HTML, seperti tag, elemen, dan atribut, Anda perlu melatihnya setidaknya selama 2 atau 3 hari, sehingga akan menjadi kumulatif 10 atau 15 jam jika Anda belajar selama 5 jam setiap hari. Oleh karena itu, perkirakan untuk menghabiskan sekitar 50 jam belajar mempelajari dasar-dasar HTML
Jika Anda tidak dapat belajar selama 5 jam setiap hari, dan hanya dapat mendedikasikan 2 jam setiap hari, Anda memerlukan setidaknya 25 hari untuk mempelajari dan mempraktikkan dasar-dasar HTML
Informasi yang berguna. Apakah Anda tahu ada lebih dari seratus tag HTML? . Hanya selusin atau dua yang cukup untuk penggunaan sehari-hari
CSS membutuhkan waktu sedikit lebih lama untuk dipelajari daripada HTML. Anda mungkin memerlukan sekitar 100 jam belajar untuk mempelajari semua dasar CSS, termasuk praktik dasar, seperti menulis kode dan mengujinya. Jadi, jika Anda belajar selama 5 jam setiap hari, Anda memerlukan setidaknya 20 hari untuk mempelajari CSS
Jika Anda menghabiskan hanya 2 jam atau lebih per hari, Anda memerlukan hingga 50 hari untuk mempelajari CSS. Durasi ini tidak hanya terbatas pada CSS karena Anda akan terus belajar atau meningkatkan pengetahuan HTML Anda secara bersamaan.
Saat Anda mempelajari dan mempraktikkan kumpulan aturan CSS, mempelajari pemilih akan menyegarkan ingatan Anda tentang elemen HTML. Plus, Anda akan memiliki kejelasan lebih lanjut tentang cara kerja tag dan atribut. Setelah Anda cukup akrab dengan HTML dan CSS, Anda harus menguji kemampuan Anda dengan beberapa proyek
Saat ini, Anda telah menghabiskan 30 hari (5 jam setiap hari) atau 75 hari (2 jam setiap hari). Durasi fase pembelajaran berikutnya tergantung pada bagaimana Anda berlatih dan jumlah proyek yang Anda kerjakan. Anda harus mencoba setidaknya 5 jenis proyek yang berbeda. Idealnya, bagaimanapun, Anda harus mencoba 10 atau lebih
Bagaimana jika Anda berlatih menulis kode HTML dan CSS untuk 5 halaman web statis untuk pemula? . Jika Anda dapat menghabiskan waktu itu setiap hari, Anda memerlukan 5 hari untuk 5 proyek. Proyek yang lebih besar atau lebih kompleks akan memakan waktu lebih lama
https. // www. Youtube. com/watch?v=gXLjWRteuWI&ab_channel=DesignCourseVideo tidak dapat dimuat karena JavaScript dinonaktifkan. Pelajari HTML & CSS pada tahun 2022. Kursus Singkat (https. // www. Youtube. com/watch?v=gXLjWRteuWI&ab_channel=DesignCourse)
Video. Pelajari HTML & CSS pada tahun 2023. Crash Course (jangan khawatir jika terasa sulit di awal, dengan berlatih tag dan pemilih CSS menjadi kebiasaan)Belajar HTML dan CSS dari awal
Pemula harus dapat menguasai dasar-dasar HTML dan CSS secara bersamaan dalam ~150 jam. Kurva pembelajaran seperti itu diharapkan mempersiapkan Anda untuk menulis kode tanpa mereferensikan direktori apa pun untuk yang berikut ini
- Atribut
- Elemen
- Properti
- Selektor
- Tag
- Nilai
Namun, jika Anda mulai mempelajari HTML dan CSS dari awal, ~150 jam mungkin merupakan perkiraan yang konservatif. Pemula yang sama sekali tidak terbiasa dengan pengkodean atau bahasa komputer apa pun, baik untuk pemrograman atau sejenisnya HTML dan CSS, mungkin memerlukan lebih banyak waktu untuk memahami teknisnya
Pertimbangkan masalah sintaksis, misalnya. Format kode dan penggunaan simbol akan mudah dipahami oleh mereka yang memiliki pengetahuan tentang pengkodean atau pemrograman. Izinkan saya menggunakan C++ sebagai titik referensi untuk menggambar kesejajaran dalam konteks HTML dan CSS
- Di C++, saya bisa memasukkan komentar ke dalam kode atau program dengan menggunakan // atau /* */. Jika saya menggunakan //, komentar mengikuti dua garis miring. Dalam kasus /* */, komentar saya akan berada di antara garis miring dan tanda bintang. Komentar tidak memengaruhi kode atau program
- In HTML, I can add comments between (and is the placeholder here). Anything written as comments will not appear on the webpage or website. Check the example below
- CSS menggunakan sintaks yang sama seperti yang dilakukan C++ untuk komentar yang lebih panjang, yaitu /* */. Dalam kode CSS apa pun, saya dapat menambahkan komentar antara /* dan */. Browser web mengabaikan komentar semacam itu di CSS dan HTML
Jadi, jika Anda sedikit terbiasa dengan kode dan sintaks program komputer apa pun, Anda mungkin memerlukan waktu yang jauh lebih sedikit pada awalnya untuk mempelajari semua dasar-dasar HTML dan CSS. Alasan serupa berlaku untuk mempelajari HTML terlebih dahulu dan kemudian CSS
Anda perlu mengetahui elemen HTML untuk memahami apa yang dilakukan CSS. HTML adalah struktur yang dimodifikasi CSS dengan berbagai atribut atau detail. HTML juga memiliki atribut untuk rangkaian elemen dan tagnya. Menjadi akrab dengan mereka secara alami akan membantu Anda memahami dasar-dasar CSS lebih cepat
Metode Pembelajaran dan Latihan Anda
Durasi mempelajari sesuatu pada akhirnya bermuara pada beberapa realitas, seperti
- Bakat
- Disiplin
- Fokus
- Intelijen
- Pengetahuan
- Praktik
Saya tidak bisa menekankan betapa pentingnya praktik untuk mempelajari dasar-dasar pengembangan web. Saat memulai, Anda akan sering merasa mandek. Gunakan Google dan perlahan Anda akan bergerak maju. Dengan latihan teratur yang cukup, sintaks HTML dan CSS menjadi terasa begitu alami, Anda bahkan tidak perlu memikirkan apa yang harus diketik untuk membuat situs web apa pun. Itu menjadi otomatis seperti menulis dalam bahasa ibumu
https. // www. Youtube. com/watch?v=salY_Sm6mv4&ab_channel=AaronJackVideo tidak dapat dimuat karena JavaScript dinonaktifkan. HTML dalam 5 menit (https. // www. Youtube. com/watch?v=salY_Sm6mv4&ab_channel=AaronJack)
Video. Dasar-dasar sintaks HTML dijelaskan dalam 5 menitBeberapa orang jelas membutuhkan waktu lebih lama untuk mempelajari HTML dan CSS daripada yang lain karena satu atau beberapa faktor ini. Plus, beberapa elemen spesifik yang terkait dengan bahasa komputer mungkin berdampak signifikan pada durasi kurva belajar Anda. Contoh yang relevan adalah logika
Segala sesuatu tentang program komputer, baik bahasa maupun sistem, pada dasarnya adalah tentang logika. Jika Anda memiliki pemahaman yang masuk akal tentang logika komputer, Anda dapat dengan cepat mempelajari node atau struktur data dan semantik HTML dan CSS. Jika tidak, Anda mungkin membutuhkan waktu lebih lama
Selain itu, metode dan praktik pembelajaran Anda akan memengaruhi berapa lama Anda perlu mempelajari HTML dan CSS. Anda tidak perlu menghafal atau menghafal apa pun secara sadar jika Anda berlatih menulis kode saat Anda belajar dan maju melalui berbagai fase.
Mencoba menghafal semuanya tanpa latihan atau menulis kode adalah metode yang tidak praktis karena ada 100-an elemen dan tag dalam gabungan HTML dan CSS. Jika Anda mempertimbangkan atribut esensial dan nilai properti potensial, ada lebih banyak kemungkinan secara eksponensial
Kebutuhan untuk berlatih atau menulis kode ini berdampak pada seberapa cepat seseorang dapat mempelajari HTML dan CSS. Jika Anda tidak dapat belajar setiap hari dan segera mempraktekkan apa yang Anda pelajari, Anda mungkin lupa tag, elemen, atau bahkan format dalam skenario yang berbeda
Misalnya, HTML menggunakan < dan > untuk membuka dan menutup tag. Juga, HTML memiliki tag awal dan akhir. Yang terakhir adalah < />. CSS menggunakan { dan } untuk membuka dan menutup deklarasi. Kumpulan aturan CSS menggunakan titik dua. setelah properti tetapi titik koma ; .
Cara tercepat untuk mempelajari semua format dan elemen sintaks adalah dengan berlatih coding, i. e. , mengetik atau menulis, bukan menyalin dan menempel. Demikian pula, latihan akan membantu Anda memahami variasi apa pun, seperti jenis penyeleksi, cara menggunakan dua atau lebih untuk deklarasi yang sama, dll.
https. // www. Youtube. com/watch?v=1PnVor36_40&ab_channel=WebDevSimplifiedVideo tidak dapat dimuat karena JavaScript dinonaktifkan. Pelajari CSS dalam 20 Menit (https. // www. Youtube. com/watch?v=1PnVor36_40&ab_channel=WebDevSimplified)
Video. Pelajari CSS dalam 20 MenitBerapa Lama Untuk Mempelajari HTML dan CSS di Boot Camp
Ada berbagai jenis kamp pelatihan HTML dan CSS yang tersedia online dan offline. Saya tidak ingin menggeneralisasi karena ada perbedaan besar di antara berbagai kursus yang tersedia dan durasinya. Jadi, izinkan saya membandingkan beberapa kamp pelatihan untuk memberi Anda ide yang adil
University of California, Berkeley, memiliki kamp pelatihan pengkodean CSS yang juga mencakup HTML dan JavaScript. Program penuh waktu berlangsung selama 3 bulan, sedangkan versi paruh waktu selama 6 bulan. Saya akan membahas mengapa saya berbicara tentang kamp pelatihan CSS, HTML, dan JavaScript di bagian selanjutnya
Sebaliknya, kamp pelatihan HTML dan CSS Udemy untuk pemula adalah program video sesuai permintaan yang berdurasi 2 jam 30 menit. Anda hanya akan mempelajari dasar-dasar HTML dan CSS yang paling sederhana dengan kursus Udemy ini, sedangkan kamp pelatihan Berkeley komprehensif dan praktis
Jika Anda membutuhkan pengetahuan dan praktik siap kerja tentang HTML, CSS, dan JavaScript, Anda mungkin akan mendapat manfaat dari kamp pelatihan atau program yang lebih lama daripada kursus online dan video yang berdurasi beberapa jam. Namun, Udemy juga memiliki kamp pelatihan dengan kursus menengah dan lanjutan
Kursus CSS dan Sass Tingkat Lanjut. Saya benar-benar membeli kursus Udemy ini dan itu bagus (saya memiliki lusinan kursus dev web, tapi itu cerita lain 🙂). Saya terutama menyukai konsep animasi tingkat lanjut dan penggunaan flexbox dan grid. Kursus ini memiliki 28 jam video sesuai permintaan dan 2 artikel. Sass (Syntactically Awesome Stylesheet) adalah preprosesor untuk CSS. Kursus yang lebih panjang dari Udemy ini mencakup hal-hal berikut
- Animasi
- Kotak fleksibel
- Kotak
- Yang lain
Meskipun Anda dapat membuat situs web statis jika Anda tahu cara menulis kode dasar dengan HTML dan CSS, Anda memerlukan keterampilan tingkat lanjut untuk mengembangkan desain yang responsif dan fitur yang lebih bagus lainnya
Beberapa kamp pelatihan memiliki fase yang berbeda. Misalnya, Fullstack Academy menawarkan kamp pelatihan yang mencakup CSS, HTML, dan JavaScript. Kursus ini dibagi menjadi 3 fase
- 4 minggu pertama. fundamental pengembangan web, termasuk HTML
- 7 sampai 15 minggu. konsep lanjutan dalam CSS, HTML, dan JavaScript
- 6 sampai 9 minggu. menguasai ketiganya dengan demonstrasi dan latihan
Oleh karena itu, Anda melihat minimal 17 minggu dan maksimal 28 minggu dengan program seperti itu
Pengalaman pribadi tentang kamp pelatihan. Kamp pelatihan pengembangan web full-stack yang saya hadiri berlangsung selama 17 minggu (12 minggu untuk bagian frontend). Dan itu berarti coding 6 hari per minggu, dengan kelas, latihan, proyek mini, dan pekerjaan rumah. Saya menghabiskan rata-rata sekitar 60-70 jam
Berapa Lama Untuk Belajar dan Menguasai HTML dan CSS untuk Pekerjaan Pertama Anda
Jika Anda mempelajari HTML dan CSS secara berurutan atau bersama-sama sendiri, Anda akan memerlukan waktu sekitar 6 bulan untuk latihan yang memadai dan pemahaman dasar-dasar yang bisa diterapkan. Jika Anda ingin menguasai HTML dan CSS, Anda membutuhkan setidaknya 1 tahun, tergantung pada apa yang Anda anggap keterampilan lanjutan.
6 bulan sepertinya cukup jika Anda ingin menguasai keterampilan dasar dan menengah, seperti berikut ini
- Model kotak
- Tombol
- Warna
- Ukuran
- Formulir
- Batas
- Lapisan
- Tabel
Anda membutuhkan waktu hingga 1 tahun atau lebih untuk menguasai keterampilan tingkat lanjut, termasuk namun tidak terbatas pada hal-hal berikut
- Animasi
- Dropdown
- Kisi
- Kueri media
- Navigasi
- Bayangan teks
- Berubah
- Transisi
https. // www. Youtube. com/watch?v=Nc8HOhKRlYo&ab_channel=DorianDevelopsVideo tidak dapat dimuat karena JavaScript dinonaktifkan. Panduan langkah demi langkah tentang cara mendapatkan pekerjaan pengembang web pertama Anda dengan CEPAT. (https. // www. Youtube. com/watch?v=Nc8HOhKRlYo&ab_channel=DorianDevelops)
Video. Panduan langkah demi langkah tentang cara mendapatkan pekerjaan pengembang web pertama Anda dengan CEPATSaya katakan Anda akan membutuhkan 1 tahun atau lebih karena kesalahan yang pasti akan Anda miliki dalam kode Anda untuk proyek yang berbeda. Memahami HTML dan CSS adalah satu hal. Menggunakan semua yang Anda ketahui dan mengujinya mungkin akan mengungkapkan banyak gangguan, tidak disengaja atau tidak
Karena itu, menguasai HTML dan CSS selama 1 tahun atau lebih tidak mungkin membuat Anda memenuhi syarat untuk pekerjaan kecuali Anda memiliki keterampilan berharga lainnya, seperti JavaScript untuk pengembangan front-end. Inilah mengapa saya memasukkannya ke dalam boot camp dan referensi kursus sebelumnya di artikel ini
Belajar HTML tanpa CSS adalah hal yang sia-sia jika ingin mendapatkan pekerjaan. Menguasai HTML dan CSS tanpa JavaScript juga tidak akan memberi Anda pekerjaan pertama itu. Demikian pula, Anda tidak dapat mempelajari JavaScript saja tanpa CSS dan HTML. Tentu saja bisa, tetapi skenarionya akan sama. Anda tidak akan mendapatkan pekerjaan pertama itu
Karenanya, Anda perlu mempelajari ketiga bahasa yang digunakan untuk pengembangan web front-end. Situasinya tidak berbeda untuk pengembang web backend. Mereka harus belajar dan menguasai. Net, C#, Java, PHP, Python, SQL, atau Visual Basic, dan masih banyak lagi
Kesimpulan
Berharap untuk menghabiskan setidaknya 3 bulan mempelajari dasar-dasar HTML dan CSS. Dengan latihan rutin selama 6 bulan, Anda harus mencapai keterampilan tingkat menengah di keduanya. Lanjutkan dengan HTML dan CSS tingkat lanjut, dan Anda harus menguasai keduanya dalam 1 tahun. Plus, Anda perlu mempelajari dan menguasai JavaScript untuk pekerjaan pertama
Menjadi pengembang web adalah karier yang menguntungkan dengan pekerjaan kantoran yang nyaman. Anda bahkan memiliki pilihan untuk melakukan hibrid antara kantor rumahan dan pekerjaan di kantor. Dan sangat umum bahwa pengembang web berpengalaman menghasilkan 6 angka per tahun