{"id":18672650,"url":"https://github.com/dimmaryanto93/ng-4-example","last_synced_at":"2026-05-03T10:38:56.388Z","repository":{"id":107984971,"uuid":"104480127","full_name":"dimMaryanto93/ng-4-example","owner":"dimMaryanto93","description":"Belajar AngularJS v4 via @angular/cli","archived":false,"fork":false,"pushed_at":"2017-09-27T15:37:22.000Z","size":422,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-05-18T10:06:26.886Z","etag":null,"topics":["angular","bootstrap","javascript","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/dimMaryanto93.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,"zenodo":null}},"created_at":"2017-09-22T13:53:43.000Z","updated_at":"2017-10-24T13:38:09.000Z","dependencies_parsed_at":null,"dependency_job_id":"481b3792-d078-4a87-85ef-87d729d9f417","html_url":"https://github.com/dimMaryanto93/ng-4-example","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/dimMaryanto93/ng-4-example","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimMaryanto93%2Fng-4-example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimMaryanto93%2Fng-4-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimMaryanto93%2Fng-4-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimMaryanto93%2Fng-4-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dimMaryanto93","download_url":"https://codeload.github.com/dimMaryanto93/ng-4-example/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimMaryanto93%2Fng-4-example/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32566444,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-03T06:36:36.687Z","status":"ssl_error","status_checked_at":"2026-05-03T06:36:09.306Z","response_time":103,"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":["angular","bootstrap","javascript","typescript"],"created_at":"2024-11-07T09:12:35.841Z","updated_at":"2026-05-03T10:38:56.383Z","avatar_url":"https://github.com/dimMaryanto93.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# The Complate Guide how to build an application with Anguar\n\nAngular is a Javascript Framework to create reactive Single-Page-Application, Single Page Application means you will see changed the page without refresh because the DOM (Domain Object Model) in HTML changed by Javascript Object\n\n## The version of AngularJs\n\n* Angularjs = Angular 1 dibuat dengan Javascript (Model View Component)\n* Angular 2 = Dikembangkan dari Angular1 tapi menggunakan Typescript dengan fitur yang lebih baru (Model View ViewModel), Angular2 != AngularJs karena di AngularJS which is Angular1 menggunakan konsep Controller sedangkan di Angular 2 menggunakan Component. Jadi tidak jadi masalah jika anda belajar langsung ke Angular2 tanpa memulai dari Angular1\n* Angular 4 = Angular2 yang memili fitur lebih baru lagi.\n\n## Installing the AngularJs\n\nKarena kita akan menggunakan AngularJs version 4 jadi ada beberapa yang harus kita siapkan yaitu\n* NodeJs is Server side javascript framework, dengan NodeJs anda bisa connection dengan database seperti pemograman serverside lainnya seperti Java, C# dll.\n* npm is Node Package Manager untuk Javascript. npm sama seperti maven di Java atau composer di PHP yang tujuannya adalah build, test, run, and dependecy management\n* typescript is superset of javascript like Java (Oriented Object Based).\n* Text Editor, text editor yang dapat digunakan untuk membuat aplikasi angularJs diantarnya ada banyak sekali tapi ada beberapa text edtior yang popular seperti Microsoft Visual Studio Code, Webstrom, Sublime, Atom dll.\n\n### Installing NodeJS \u0026 NPM\n\nThe first you need install NodeJs to get the NPM. installing NodeJS...\n\n* Installing NodeJs on Ubuntu 16.04 with ppa\n\n```bash\ncurl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -\nsudo apt-get install -y nodejs build-essential\n```\n\n* Installing NodeJs on Fedora 26 Workstation/Server\n\n```bash\ncurl --silent --location https://rpm.nodesource.com/setup_8.x | sudo bash - \u0026\u0026 dnf install -y nodejs gcc-c++ make\n```\n\n* Installing Windows\n\t* Download the binary exe from [NodeJs Website Downloads](https://nodejs.org/en/download/current/)\n\t* Install and set path User Environments\n\t* Run the Command Promnt for checking it works!\n\n```bash\nnode -v\n```\n\nor \n\n```bash\nnpm -v\n```\n\nif the command seem like not detect 'npm or node` can't found. the solution is close the command promnt and check the path is right then open command promnt again.\n\n### Installing typescript\n\nSetelah install NodeJs dan Npm sekarang install base or the core of angular4 is typescript karena kita butuh typescript compiler `tsc`, untuk menginstall typscript kita menggunakan npm. karena typscript ini kita mau kita install global di system maka butuh user admininstrator jadi jika menjalankan di windwos harus buka dengan `Command Promnt with Adminstrator` dan jika di linux maka butuh `sudo`\n\n* Linux\n\n```bash\nsudo npm install -g typescript\n```\n\n* Windows\n\n```bash\nnpm install -g typescript\n```\n\n### Installing AngularCLI\n\nAngular-CLI adalah command line untuk membuat template project angular, running aplikasi angularJs dan mengenerate seperti component, service, dll selain itu juga dapat menjalankan unit testing dengan menggunakan `karma.js`. Untuk menginstall tools `angular-cli` kita gunakan npm seperti berikut:\n\n* Untuk Linux\n\n```bash\nsudo npm -g @angular/cli\n```\n\n* Untuk Windows dengan `Command Promnt with Administrator` \n\n```bash\nnpm -g @angular/cli\n```\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdimmaryanto93%2Fng-4-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdimmaryanto93%2Fng-4-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdimmaryanto93%2Fng-4-example/lists"}