{"id":15392907,"url":"https://github.com/ijlee2/hpl-tutorials","last_synced_at":"2025-03-27T23:42:37.909Z","repository":{"id":119762880,"uuid":"161081666","full_name":"ijlee2/hpl-tutorials","owner":"ijlee2","description":null,"archived":false,"fork":false,"pushed_at":"2018-12-21T13:11:44.000Z","size":314,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-19T22:55:56.409Z","etag":null,"topics":["ember","ember-cli-mirage","ember-test-selectors","faker","sass","tutorial"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":false,"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/ijlee2.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-12-09T21:09:25.000Z","updated_at":"2022-10-21T18:13:55.000Z","dependencies_parsed_at":null,"dependency_job_id":"3f07bed8-6dc5-493b-b71b-614629d0382d","html_url":"https://github.com/ijlee2/hpl-tutorials","commit_stats":{"total_commits":15,"total_committers":1,"mean_commits":15.0,"dds":0.0,"last_synced_commit":"e2abee5ffcd28750758e186aa281088344aec9b3"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ijlee2%2Fhpl-tutorials","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ijlee2%2Fhpl-tutorials/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ijlee2%2Fhpl-tutorials/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ijlee2%2Fhpl-tutorials/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ijlee2","download_url":"https://codeload.github.com/ijlee2/hpl-tutorials/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245944063,"owners_count":20697948,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["ember","ember-cli-mirage","ember-test-selectors","faker","sass","tutorial"],"created_at":"2024-10-01T15:16:42.578Z","updated_at":"2025-03-27T23:42:37.878Z","avatar_url":"https://github.com/ijlee2.png","language":"JavaScript","readme":"# HPL Tutorials\n\n\n## Instructions for Download\n1. In terminal, go to your work directory (using `cd`) and type `git clone git@github.com:ijlee2/hpl-tutorials.git`.\n1. Type `cd hpl-tutorials`.\n1. Each folder inside `hpl-tutorials` is an Ember app that you can install and run locally. For example, to run the first tutorial, you can type `cd hpl-tutorial-01`, then `ember s`.\n1. Once an app is running, visit `localhost:4200` on Chrome or Firefox.\n\n\n## Summary\n\n### #01 (Dec. 9th, 2018)\n- Use `ember new` to create an Ember project\n- Use `ember serve` (or `ember s`) to start the Ember app\n- Understand Component-Driven Design (templates, components)\n- Investigate why the default welcome page is rendered (see `app/templates/application.hbs`)\n- Use `ember generate component` (or `ember g component`) to create 2 components, `my-list` and `my-list-item`\n- Display the name of 1 person using `my-list` and `my-list-item` components\n- Display the names of 3 people using `{{each}}` helper\n- Update the stylesheet (`app/styles/app.css`)\n\nTo learn more, visit:\n- [Handlebars](https://handlebarsjs.com/) (double curly brace notation, `each` helper)\n- [Ember Templates 1](https://guides.emberjs.com/release/templates/handlebars-basics/) (skip section on helpers)\n- [Ember Templates 2](https://guides.emberjs.com/release/templates/displaying-a-list-of-items/)\n- [Ember Component 1](https://guides.emberjs.com/release/components/the-component-lifecycle/) (`init` method)\n\n### #02 (Dec. 11th, 2018)\n- Use `ember g route` to create `members` and `officers` routes\n- Use `{{link-to}}` helper to navigate between routes\n- Understand the purpose of `{{outlet}}`\n- Use a route's `model()` to display data\n- Use `ember install` to install addons (e.g. *ember-cli-sass*)\n\nTo learn more, visit:\n- [Ember Route 1](https://guides.emberjs.com/release/routing/defining-your-routes/)\n- [Ember Route 2](https://guides.emberjs.com/release/routing/specifying-a-routes-model/)\n\n### #03 (Dec. 20th, 2018)\n- Use a `controller` to filter data from a route's `model()`\n- Define a `model`'s attributes\n- Understand the purpose of an `adapter` and a `serializer`\n- Use *Mirage* and *Faker.js* to create mock data\n- Use *ember-test-selectors* to write integration and acceptance tests\n\nTo learn more, visit:\n- [Ember Controller](https://guides.emberjs.com/release/controllers/)\n- [Ember Model](https://guides.emberjs.com/release/models/defining-models/)\n- [Ember CLI Mirage](https://www.ember-cli-mirage.com/docs/v0.4.x/quickstart/)\n- [Faker.js](https://github.com/marak/Faker.js/)\n- [Ember Test Selectors](https://github.com/simplabs/ember-test-selectors)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fijlee2%2Fhpl-tutorials","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fijlee2%2Fhpl-tutorials","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fijlee2%2Fhpl-tutorials/lists"}