{"id":18961720,"url":"https://github.com/pt-dot/frontend-guideline","last_synced_at":"2026-03-19T07:21:59.259Z","repository":{"id":68608042,"uuid":"143977605","full_name":"pt-dot/frontend-guideline","owner":"pt-dot","description":"Frontend Guideline","archived":false,"fork":false,"pushed_at":"2019-06-21T02:14:32.000Z","size":5,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-05-25T20:46:44.116Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/pt-dot.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-08-08T07:33:20.000Z","updated_at":"2022-07-25T22:07:42.000Z","dependencies_parsed_at":null,"dependency_job_id":"27e6581f-1e5a-4bc4-9bea-cb6582eea677","html_url":"https://github.com/pt-dot/frontend-guideline","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/pt-dot/frontend-guideline","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pt-dot%2Ffrontend-guideline","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pt-dot%2Ffrontend-guideline/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pt-dot%2Ffrontend-guideline/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pt-dot%2Ffrontend-guideline/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pt-dot","download_url":"https://codeload.github.com/pt-dot/frontend-guideline/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pt-dot%2Ffrontend-guideline/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28750875,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-25T09:00:19.176Z","status":"ssl_error","status_checked_at":"2026-01-25T09:00:04.131Z","response_time":113,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-08T14:14:06.002Z","updated_at":"2026-01-25T09:32:38.098Z","avatar_url":"https://github.com/pt-dot.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# frontend-guideline\nFrontend Guideline\n\n## Pra-iterasi project:\n- Tim frontend sudah memiliki tool development yang dibutuhkan (IDE, CSS preprocessor (SASS) compiler, browser, server lokal)\n- Tim frontend sudah memiliki akses ke repository project yang akan dikerjakan. Jika belum memiliki, dikoordinasikan dengan dev leader untuk dibuatkan.\n- Siapkan lingkungan untuk develop di workstation lokal (server apache, node, dan atau database). \n- Init atau clone repository project di server lokal. \n\n## Awal tiap iterasi project (sprint):\n- Sebelum mengerjakan tugasnya, tim frontend sudah memahami apa yang harus dikerjakan terlebih dahulu.\n- Pastikan apa yang akan dikerjakan sudah ada di halaman Trello project tersebut.\n- Jika belum ada di Trello, mintalah ke PM atau buatlah card/ceklist sendiri.\n- Pastikan preview desain dan file asset dari desainer sudah tersedia. \n\n## Proses mengerjakan dan definisi selesai:\n- Jika website yang dibuat responsive, kerjakan dari mobile terlebih dahulu\n- Sebisa mungkin buatlah class dan komponen-komponen yang modular\n- Pastikan nama class mampu menjelaskan peran komponen yang dibuat\n- Pisahkan styling untuk layout (display, position, width, height, dsb.) dengan presentasi (background, color, font, shadow, dsb.). Bisa mengacu pada konsep [BEM (Block Element Modifier)](https://en.bem.info/methodology/css/)\n- Gunakan variabel dan mixin pada preprocessor CSS\n- Pisahkan fungsi-fungsi per komponen atau lebih modular lagi untuk JS yang dibuat\n- Pisahkan plugin css \u0026 js yang digunakan dari css dan js yang dibuat sendiri \n- Pastikan elemen html, css, dan js yang akan digunakan memiliki support menyeluruh untuk browser-browser utama dan/atau browser yang diminta khusus oleh klien. Daftar teknologi yang bisa digunakan bisa dilihat di https://caniuse.com/\n- Lakukan test mandiri untuk responsive dan retina display\n- Pastikan apa yang sudah dikerjakan tersinkron dengan repositori\n- Tugas yang dikerjakan bisa dianggap selesai jika sudah melewati approval desainer (jika developer inhouse) dan QA\n- Ubah status pekerjaan di Trello\n\n## Setiap project yang dikerjakan DOT harus memenuhi standar kualitas yang harus terpenuhi berupa:\n- Memiliki ranking page speed \u0026 performance yang baik (diuji dengan google chrome audit, pagespeed insight, dan )\n- Responsive (minimal mobile dan desktop)\n- Meta data properness (google preview, facebook preview, messenger app preview)\n- Shortcut icon yang baik (android, ios)\nCDN untuk asset\n\n## Standard Code\n[Standard Code](https://github.com/pt-dot/frontend-guideline/blob/master/StandardCode.md)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpt-dot%2Ffrontend-guideline","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpt-dot%2Ffrontend-guideline","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpt-dot%2Ffrontend-guideline/lists"}