{"id":12784,"date":"2021-08-24T08:55:10","date_gmt":"2021-08-24T08:55:10","guid":{"rendered":"https:\/\/hosteko.com\/blog\/?p=12784"},"modified":"2021-08-24T08:55:10","modified_gmt":"2021-08-24T08:55:10","slug":"skill-yang-harus-dikuasai-jika-ingin-menjadi-front-end-developer","status":"publish","type":"post","link":"https:\/\/hosteko.com\/blog\/skill-yang-harus-dikuasai-jika-ingin-menjadi-front-end-developer","title":{"rendered":"Skill Yang Harus Dikuasai Jika Ingin Menjadi Front-end Developer"},"content":{"rendered":"<p>Umumnya,saat membuat sebuah website impian milik kalian menjadi nyata,maka hanya perlu datang ke web developer dan menyampaikan tentang apa yang diinginkan.Ada beberapa posisi yang berperan dalam mewujudkan website impian kalian.Posisi tersebut adalah UI\/UX designer yang bertugas untuk mendesain layout serta fitur-fitur yang berkaitan dengan tampilan dan lebih cenderung ke bagian estetika dari suatu website.Sama seperti arsitek mendesain sebuah bangunan,namun posisi sebagai UI\/UX designer tidak berkutat dengan coding.Untuk seorang UI\/UX designer haruslah memahami cara kerja dari HTML,CSS dan JavaScript sehingga tidak sembarangan\u00a0 dalam mendesain website.Setelah UI\/UX designer menyelesaikan proyek desainnya, langkah selanjutnya akan dilanjutkan oleh front-end developer.Lalu apa sebenarnya Front-end developer ?<\/p>\n<h2><span id=\"Siapa_sih_Front_End_Developer_itu\" class=\"ez-toc-section\"><\/span>Mengenal Front End Developer<\/h2>\n<p>Jika UI\/UX designer sebagai arsiteknya,maka Front end developer menjadi engineer yang mewujudkan design tersebut menjadi nyata.Front end developer akan menggunakan gambaran UI\/UX designer sebagai pedoman untuk membuat website.<\/p>\n<p>Jadi,<strong>Front end developer merupakan<\/strong> seorang pengembang website yang fokus dalam menghasilkan tampilan website yang menarik serta interaktif dengan menggunakan coding-coding pada HTML,CSS dan JavaScript.Ada front maka ada back,jadi posisi yang terakhir yaitu back-end developer.<\/p>\n<p>Back-end developer bertugas untuk membuat template untuk setiap jenis bagian atau halaman dengan menggunakan coding untuk HTML, CSS, dan JavaScript.Jadi jika setiap footer atau headernya sama, maka developer tidak perlu lagi membuat footer dan headernya satu persatu ditiap halaman atau saat pembuatan halaman baru karena sudah dibuatkan template.Back-end juga bertanggung jawab agar server mengirimkan dokumen saat dibutuhkan,berurusan dengan database dan content management dan juga memastikan seluruh keamanan website.Namun dari ke 3 posisi tadi,kini kalian hanya berfokus pada posisi front-end developer.<\/p>\n<p>Setelah mengetahui tentang Front-end developer,maka kalian bisa mengetahui ruang lingkup kerja dari seorang front-end developer.Selain mewujudkan design yang telah diberikan ke dalam website,seorang front-end developer juga harus memastikan bahwa fitur yang dibuat berfungsi secara baik bukan hanya sebagai pajangan belaka yang mempercantik tampilan website.<\/p>\n<h2><span id=\"Skill_Dasar_Seorang_Front_End_Developer\" class=\"ez-toc-section\"><\/span>Skill Yang Harus Dikuasai Seorang Front End Developer<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-12798 size-full\" src=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/08\/Rules-and-Reminders-For-Online-Classes-1.jpg\" alt=\"\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/08\/Rules-and-Reminders-For-Online-Classes-1.jpg 1920w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/08\/Rules-and-Reminders-For-Online-Classes-1-1024x576.jpg 1024w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/08\/Rules-and-Reminders-For-Online-Classes-1-768x432.jpg 768w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/08\/Rules-and-Reminders-For-Online-Classes-1-1536x864.jpg 1536w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/08\/Rules-and-Reminders-For-Online-Classes-1-640x360.jpg 640w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/08\/Rules-and-Reminders-For-Online-Classes-1-400x225.jpg 400w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p>Agar bisa menjadi seorang front end developer,ada 10 skill dasar dan front-end development tools yang harus dikuasai oleh kalian,yakni\u00a0:<\/p>\n<ul>\n<li>\n<h3><span id=\"1_JavaScriptjQuery\" class=\"ez-toc-section\"><\/span>JavaScript\/jQuery<\/h3>\n<\/li>\n<\/ul>\n<p>Apabila ingin membuat website dasar,cukup hanya dengan HTML dan CSS.Namun JavaScript juga merupakan salah satu tool andalan bagi para front-end developer.JavaScript memungkinkan kalian menambahkan lebih banyak fungsionalitas ke situs web kalian dan membuatnya menjadi lebih interaktif.<\/p>\n<p>Seperti dengan menambahkan peta yang diperbarui secara real time,film interaktif,game online,audio,video maupun animasi.Dalam JavaScript, kalian dapat menemukan library untuk berbagai macam plugin dan extension yang disebut dengan jQuery.Penggunaan JavaScript akan menjadi lebih cepat dan mudah dengan menggunakan jQuery.Pada jQuery,common task hanya perlu ditulis dengan satu baris kode berbeda dengan JavaScript yang harus ditulis dalam baris kode.<\/p>\n<ul>\n<li>\n<h3><span id=\"2_Framework_CSS\" class=\"ez-toc-section\"><\/span>Framework CSS<\/h3>\n<\/li>\n<\/ul>\n<p>Merupakan Bagian dari CSS tapi selalu berhubungan dengan hal-hal lain terkait dengan pembuatan website.Framework jenisnya ada banyak seperti framework php,JavaScript dan CSS.Framework CSS bertugas untuk membuat tampilan layout rapi,ses uai standar yang sudah ditentukan sesuai dengan temanya dan menampilkan web secara sempurna di setiap device.<\/p>\n<p>Contohnya seperti menggunakan Bootstrap yang merupakan salah satu framework CSS populer,Framework CSS ini juga penggunaannya dapat dikombinasikan dengan JavaScript,tergantung kebutuhan website.<\/p>\n<ul>\n<li>\n<h3><span id=\"3_HTMLCSS\" class=\"ez-toc-section\"><\/span>HTML\/CSS<\/h3>\n<\/li>\n<\/ul>\n<p>HTML (Hyper Text Markup Language) dan CSS (Cascading Style Sheets),keduanya merupakan hal dasar dan saling melengkapi satu sama lain yang diperlukan saat melakukan pengkodean untuk web.Tanpa dua hal ini,kalian tidak dapat membuat desain situs web dan yang didapatkan hanyalah teks polos yang tidak diformat dilayar.<\/p>\n<p>Kalian bahkan tidak dapat menambahkan gambar ke halaman tanpa HTML.HTML terdiri dari Markup\u00a0dan\u00a0HyperText.\u00a0HyperText adalah metode khusus yang membuat kalian dapat bergerak di web dengan klik\u00a0hyperlink\u00a0untuk membuka halaman berikutnya.Markup\u00a0adalah\u00a0tag\u00a0dari HTML seperti\u00a0tag penutup dan pembuka dengan teks di dalamnya yang dapat memformat teks,gambar,menempatkan hyperlink dan lainnya.HTML merupakan hal dasar yang dibutuhkan dalam pengembangan sebuah website.<\/p>\n<p>Sedangkan CSS (Cascading Style Sheets) merupakan bahasa pemrograman yang digunakan untuk mempresentasikan hasil file dari HTML.CSS bertugas untuk membuat tampilan menjadi menarik di mata user.Misalnya seperti pengaturan layout,font,warna dan ukuran tulisan,header, footer dan semua style yang akan ditampilkan pada website.<\/p>\n<ul>\n<li>\n<h3><span id=\"4_Version_ControlGit\" class=\"ez-toc-section\"><\/span>Version Control\/Git<\/h3>\n<\/li>\n<\/ul>\n<p>Contoh dari version control yakni Git.Tool ini digunakan untuk melacak perubahan yang dilakukan sebelumnya.Sehingga kalian bisa kembali ke versi sebelumnya dan menemukan apa yang salah dan kalian rubah tanpa merusaknya.Misalnya saat melakukan perubahan pada CSS, HTML ataupun JavaScript, jika ada yang salah dan kalian tidak ingin mengulang dari awal maka bisa menggunakan tool ini.<\/p>\n<ul>\n<li>\n<h3><span id=\"5_Preprocessor_CSS\" class=\"ez-toc-section\"><\/span>Preprocessor CSS<\/h3>\n<\/li>\n<\/ul>\n<p>Tool ini memungkinkan mempercepat pengkodean CSS.Dengan menggunakan preprocessor,kalian bisa menulis atau juga mengubah kode menjadi lebih sederhana.Nantinya preprocessor CSS akan mengubah kode dalam bentuk CSS dan akan berfungsi pada website kalian.<\/p>\n<ul>\n<li>\n<h3><span id=\"6_Responsive_Design\" class=\"ez-toc-section\"><\/span>Responsive Design<\/h3>\n<\/li>\n<\/ul>\n<p>Sebagian website hanya dibuka melalui PC,namun sekarang,website sudah bisa dibuka di berbagai media seperti handphone,tablet dan tentunya masing-masing ukurannya akan berbeda.Hal ini juga harus disesuaikan pada saat memprogram sebuah website agar bisa dibuka dimana saja dan ukurannya akan langsung menyesuaikan.Hal ini bisa diatur melalui responsive design.Seorang front-end developer harus memahami prinsip-prinsip dari responsive design sebelum mengimplementasikannya saat melakukan coding.<\/p>\n<ul>\n<li>\n<h3><span id=\"7_TestingDebugging\" class=\"ez-toc-section\"><\/span>Testing\/Debugging<\/h3>\n<\/li>\n<\/ul>\n<p>Merupakan skill penting bagi seorang front-end developer.Ada beberapa cara untuk melakukan testing web development,seperti functional dan unit testing.Functional testing akan melihat fungsi dari bagian-bagian tertentu apa sudah berjalan sesuai dengan perintah yang diberikan atau belum,sedangkan unit testing merupakan cara menguji unit paling kecil dalam sebuah kode,seperti unit yang hanya berfungsi pada satu operasi saja.<\/p>\n<ul>\n<li>\n<h3><span id=\"8_Browser_Developer_Tools\" class=\"ez-toc-section\"><\/span>Browser Developer Tools<\/h3>\n<\/li>\n<\/ul>\n<p>Visitor akan mengunjungi website kalian melalui web browser.Bagaimana cara browser membaca kode yang kalian buat akan berpengaruh terhadap keberhasilan website.Umumnya tool ini terdiri dari inspector\u00a0dan\u00a0console JavaScript.<\/p>\n<ul>\n<li>\n<h3><span id=\"9_Building_dan_Automation_ToolsWeb_Performance\" class=\"ez-toc-section\"><\/span>\u00a0Building dan Automation Tools\/Web Performance<\/h3>\n<\/li>\n<\/ul>\n<p>Performa web merupakan waktu yang diperlukan sebuah web saat loading.Kalian dapat mengoptimalisasikan gambar dan meminimalisir CSS dan JavaScriptnya jika\u00a0 loading websitenya lambat.<\/p>\n<ul>\n<li>\n<h3><span id=\"10_Command_Line\" class=\"ez-toc-section\"><\/span>Command Line<\/h3>\n<\/li>\n<\/ul>\n<p>Tidak semua tool atau app front-End Developer menggunakan GUI untuk mempercantik tampilan.Namun GUI juga memiliki batasan,maka dari itu,kalian tetap perlu untuk menuliskan command line untuk melengkapi kekurangan yang dimiliki GUI pada website kalian.<span id=\"Kesimpulan\" class=\"ez-toc-section\"><\/span><\/p>\n<p>&nbsp;<\/p>\n<p>Demikian pembahasan tentang 10 Skill Yang Harus Dikuasai Seorang Front End Developer,Kalian akan bisa menjadi seorang front-end developer yang handal.Didukung dengan beberapa referensi dan pengalaman dalam pembuatan website juga akan membantu usaha kalian sebagai seorang Front-End Developer.Sekian artikel kali ini,semoga dapat bermanfaat untuk kalian semuanya \ud83d\ude42<\/p>\n\n\n<div class=\"kk-star-ratings kksr-auto kksr-align-right kksr-valign-bottom\"\n    data-payload='{&quot;align&quot;:&quot;right&quot;,&quot;id&quot;:&quot;12784&quot;,&quot;slug&quot;:&quot;default&quot;,&quot;valign&quot;:&quot;bottom&quot;,&quot;ignore&quot;:&quot;&quot;,&quot;reference&quot;:&quot;auto&quot;,&quot;class&quot;:&quot;&quot;,&quot;count&quot;:&quot;0&quot;,&quot;legendonly&quot;:&quot;&quot;,&quot;readonly&quot;:&quot;&quot;,&quot;score&quot;:&quot;0&quot;,&quot;starsonly&quot;:&quot;&quot;,&quot;best&quot;:&quot;5&quot;,&quot;gap&quot;:&quot;0&quot;,&quot;greet&quot;:&quot;Jadilah yang pertama untuk memberi nilai&quot;,&quot;legend&quot;:&quot;0\\\/5 - (0 votes)&quot;,&quot;size&quot;:&quot;22&quot;,&quot;title&quot;:&quot;Skill Yang Harus Dikuasai Jika Ingin Menjadi Front-end Developer&quot;,&quot;width&quot;:&quot;0&quot;,&quot;_legend&quot;:&quot;{score}\\\/{best} - ({count} {votes})&quot;,&quot;font_factor&quot;:&quot;1.25&quot;}'>\n            \n<div class=\"kksr-stars\">\n    \n<div class=\"kksr-stars-inactive\">\n            <div class=\"kksr-star\" data-star=\"1\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"2\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"3\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"4\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"5\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n    <\/div>\n    \n<div class=\"kksr-stars-active\" style=\"width: 0px;\">\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                \n\n<div class=\"kksr-legend\" style=\"font-size: 17.6px;\">\n            <span class=\"kksr-muted\">Jadilah yang pertama untuk memberi nilai<\/span>\n    <\/div>\n    <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Umumnya,saat membuat sebuah website impian milik kalian menjadi nyata,maka hanya perlu datang ke web developer dan menyampaikan tentang apa yang diinginkan.Ada beberapa posisi yang berperan dalam mewujudkan website impian kalian.Posisi tersebut adalah UI\/UX designer yang bertugas untuk mendesain layout serta fitur-fitur yang berkaitan dengan tampilan dan lebih cenderung ke bagian estetika dari suatu website.Sama seperti [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":12799,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"initial","rop_publish_now_accounts":{"twitter_2392824914_2392824914":""},"rop_publish_now_history":[],"rop_publish_now_status":"pending","_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"enabled":false},"version":2}},"categories":[3],"tags":[4687,4688,4686],"class_list":["post-12784","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-front-end-developer","tag-pengertian-front-end-developer","tag-skill-yang-harus-dikuasai-seorang-front-end-developer"],"featured_image_src":{"landsacpe":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/08\/Rules-and-Reminders-For-Online-Classes-2-1140x445.jpg",1140,445,true],"list":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/08\/Rules-and-Reminders-For-Online-Classes-2-463x348.jpg",463,348,true],"medium":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/08\/Rules-and-Reminders-For-Online-Classes-2-300x169.jpg",300,169,true],"full":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/08\/Rules-and-Reminders-For-Online-Classes-2.jpg",1920,1080,false]},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Skill Yang Harus Dikuasai Jika Ingin Menjadi Front-end Developer - Hosteko Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hosteko.com\/blog\/skill-yang-harus-dikuasai-jika-ingin-menjadi-front-end-developer\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Skill Yang Harus Dikuasai Jika Ingin Menjadi Front-end Developer - Hosteko Blog\" \/>\n<meta property=\"og:description\" content=\"Umumnya,saat membuat sebuah website impian milik kalian menjadi nyata,maka hanya perlu datang ke web developer dan menyampaikan tentang apa yang diinginkan.Ada beberapa posisi yang berperan dalam mewujudkan website impian kalian.Posisi tersebut adalah UI\/UX designer yang bertugas untuk mendesain layout serta fitur-fitur yang berkaitan dengan tampilan dan lebih cenderung ke bagian estetika dari suatu website.Sama seperti [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hosteko.com\/blog\/skill-yang-harus-dikuasai-jika-ingin-menjadi-front-end-developer\" \/>\n<meta property=\"og:site_name\" content=\"Hosteko Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-24T08:55:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/08\/Rules-and-Reminders-For-Online-Classes-2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"feni\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"feni\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/hosteko.com\/blog\/skill-yang-harus-dikuasai-jika-ingin-menjadi-front-end-developer#article\",\"isPartOf\":{\"@id\":\"https:\/\/hosteko.com\/blog\/skill-yang-harus-dikuasai-jika-ingin-menjadi-front-end-developer\"},\"author\":{\"name\":\"feni\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/92f805bd68ef8fc0eb2b6cafc6579e61\"},\"headline\":\"Skill Yang Harus Dikuasai Jika Ingin Menjadi Front-end Developer\",\"datePublished\":\"2021-08-24T08:55:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/hosteko.com\/blog\/skill-yang-harus-dikuasai-jika-ingin-menjadi-front-end-developer\"},\"wordCount\":1070,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/skill-yang-harus-dikuasai-jika-ingin-menjadi-front-end-developer#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/08\/Rules-and-Reminders-For-Online-Classes-2.jpg\",\"keywords\":[\"Front End Developer\",\"pengertian Front End Developer\",\"Skill Yang Harus Dikuasai Seorang Front End Developer\"],\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/hosteko.com\/blog\/skill-yang-harus-dikuasai-jika-ingin-menjadi-front-end-developer#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hosteko.com\/blog\/skill-yang-harus-dikuasai-jika-ingin-menjadi-front-end-developer\",\"url\":\"https:\/\/hosteko.com\/blog\/skill-yang-harus-dikuasai-jika-ingin-menjadi-front-end-developer\",\"name\":\"Skill Yang Harus Dikuasai Jika Ingin Menjadi Front-end Developer - Hosteko Blog\",\"isPartOf\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hosteko.com\/blog\/skill-yang-harus-dikuasai-jika-ingin-menjadi-front-end-developer#primaryimage\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/skill-yang-harus-dikuasai-jika-ingin-menjadi-front-end-developer#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/08\/Rules-and-Reminders-For-Online-Classes-2.jpg\",\"datePublished\":\"2021-08-24T08:55:10+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/hosteko.com\/blog\/skill-yang-harus-dikuasai-jika-ingin-menjadi-front-end-developer#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hosteko.com\/blog\/skill-yang-harus-dikuasai-jika-ingin-menjadi-front-end-developer\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/skill-yang-harus-dikuasai-jika-ingin-menjadi-front-end-developer#primaryimage\",\"url\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/08\/Rules-and-Reminders-For-Online-Classes-2.jpg\",\"contentUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/08\/Rules-and-Reminders-For-Online-Classes-2.jpg\",\"width\":1920,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hosteko.com\/blog\/skill-yang-harus-dikuasai-jika-ingin-menjadi-front-end-developer#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hosteko.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Skill Yang Harus Dikuasai Jika Ingin Menjadi Front-end Developer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hosteko.com\/blog\/#website\",\"url\":\"https:\/\/hosteko.com\/blog\/\",\"name\":\"Hosteko Blog\",\"description\":\"Berita &amp; Informasi Dunia IT\",\"publisher\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hosteko.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\",\"name\":\"HOSTEKO\",\"url\":\"https:\/\/hosteko.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png\",\"contentUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png\",\"width\":195,\"height\":57,\"caption\":\"HOSTEKO\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/92f805bd68ef8fc0eb2b6cafc6579e61\",\"name\":\"feni\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2a63c9a33d5a76730f86afb01aa7be8819ebd0dbd478ca3e43c713e68d6a1342?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2a63c9a33d5a76730f86afb01aa7be8819ebd0dbd478ca3e43c713e68d6a1342?s=96&d=mm&r=g\",\"caption\":\"feni\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Skill Yang Harus Dikuasai Jika Ingin Menjadi Front-end Developer - Hosteko Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hosteko.com\/blog\/skill-yang-harus-dikuasai-jika-ingin-menjadi-front-end-developer","og_locale":"en_US","og_type":"article","og_title":"Skill Yang Harus Dikuasai Jika Ingin Menjadi Front-end Developer - Hosteko Blog","og_description":"Umumnya,saat membuat sebuah website impian milik kalian menjadi nyata,maka hanya perlu datang ke web developer dan menyampaikan tentang apa yang diinginkan.Ada beberapa posisi yang berperan dalam mewujudkan website impian kalian.Posisi tersebut adalah UI\/UX designer yang bertugas untuk mendesain layout serta fitur-fitur yang berkaitan dengan tampilan dan lebih cenderung ke bagian estetika dari suatu website.Sama seperti [&hellip;]","og_url":"https:\/\/hosteko.com\/blog\/skill-yang-harus-dikuasai-jika-ingin-menjadi-front-end-developer","og_site_name":"Hosteko Blog","article_published_time":"2021-08-24T08:55:10+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/08\/Rules-and-Reminders-For-Online-Classes-2.jpg","type":"image\/jpeg"}],"author":"feni","twitter_card":"summary_large_image","twitter_misc":{"Written by":"feni","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/hosteko.com\/blog\/skill-yang-harus-dikuasai-jika-ingin-menjadi-front-end-developer#article","isPartOf":{"@id":"https:\/\/hosteko.com\/blog\/skill-yang-harus-dikuasai-jika-ingin-menjadi-front-end-developer"},"author":{"name":"feni","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/92f805bd68ef8fc0eb2b6cafc6579e61"},"headline":"Skill Yang Harus Dikuasai Jika Ingin Menjadi Front-end Developer","datePublished":"2021-08-24T08:55:10+00:00","mainEntityOfPage":{"@id":"https:\/\/hosteko.com\/blog\/skill-yang-harus-dikuasai-jika-ingin-menjadi-front-end-developer"},"wordCount":1070,"commentCount":0,"publisher":{"@id":"https:\/\/hosteko.com\/blog\/#organization"},"image":{"@id":"https:\/\/hosteko.com\/blog\/skill-yang-harus-dikuasai-jika-ingin-menjadi-front-end-developer#primaryimage"},"thumbnailUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/08\/Rules-and-Reminders-For-Online-Classes-2.jpg","keywords":["Front End Developer","pengertian Front End Developer","Skill Yang Harus Dikuasai Seorang Front End Developer"],"articleSection":["Blog"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/hosteko.com\/blog\/skill-yang-harus-dikuasai-jika-ingin-menjadi-front-end-developer#respond"]}]},{"@type":"WebPage","@id":"https:\/\/hosteko.com\/blog\/skill-yang-harus-dikuasai-jika-ingin-menjadi-front-end-developer","url":"https:\/\/hosteko.com\/blog\/skill-yang-harus-dikuasai-jika-ingin-menjadi-front-end-developer","name":"Skill Yang Harus Dikuasai Jika Ingin Menjadi Front-end Developer - Hosteko Blog","isPartOf":{"@id":"https:\/\/hosteko.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hosteko.com\/blog\/skill-yang-harus-dikuasai-jika-ingin-menjadi-front-end-developer#primaryimage"},"image":{"@id":"https:\/\/hosteko.com\/blog\/skill-yang-harus-dikuasai-jika-ingin-menjadi-front-end-developer#primaryimage"},"thumbnailUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/08\/Rules-and-Reminders-For-Online-Classes-2.jpg","datePublished":"2021-08-24T08:55:10+00:00","breadcrumb":{"@id":"https:\/\/hosteko.com\/blog\/skill-yang-harus-dikuasai-jika-ingin-menjadi-front-end-developer#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hosteko.com\/blog\/skill-yang-harus-dikuasai-jika-ingin-menjadi-front-end-developer"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/skill-yang-harus-dikuasai-jika-ingin-menjadi-front-end-developer#primaryimage","url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/08\/Rules-and-Reminders-For-Online-Classes-2.jpg","contentUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/08\/Rules-and-Reminders-For-Online-Classes-2.jpg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/hosteko.com\/blog\/skill-yang-harus-dikuasai-jika-ingin-menjadi-front-end-developer#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hosteko.com\/blog"},{"@type":"ListItem","position":2,"name":"Skill Yang Harus Dikuasai Jika Ingin Menjadi Front-end Developer"}]},{"@type":"WebSite","@id":"https:\/\/hosteko.com\/blog\/#website","url":"https:\/\/hosteko.com\/blog\/","name":"Hosteko Blog","description":"Berita &amp; Informasi Dunia IT","publisher":{"@id":"https:\/\/hosteko.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hosteko.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/hosteko.com\/blog\/#organization","name":"HOSTEKO","url":"https:\/\/hosteko.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png","contentUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png","width":195,"height":57,"caption":"HOSTEKO"},"image":{"@id":"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/92f805bd68ef8fc0eb2b6cafc6579e61","name":"feni","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2a63c9a33d5a76730f86afb01aa7be8819ebd0dbd478ca3e43c713e68d6a1342?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2a63c9a33d5a76730f86afb01aa7be8819ebd0dbd478ca3e43c713e68d6a1342?s=96&d=mm&r=g","caption":"feni"}}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/08\/Rules-and-Reminders-For-Online-Classes-2.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/12784","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/comments?post=12784"}],"version-history":[{"count":4,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/12784\/revisions"}],"predecessor-version":[{"id":12804,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/12784\/revisions\/12804"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/media\/12799"}],"wp:attachment":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/media?parent=12784"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/categories?post=12784"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/tags?post=12784"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}