{"id":19701422,"url":"https://github.com/frontendmasters/ember-octane","last_synced_at":"2025-04-29T13:33:16.696Z","repository":{"id":44109120,"uuid":"184290304","full_name":"FrontendMasters/ember-octane","owner":"FrontendMasters","description":"Mike North's Ember Octane workshop","archived":false,"fork":false,"pushed_at":"2022-12-09T21:48:15.000Z","size":11417,"stargazers_count":38,"open_issues_count":24,"forks_count":48,"subscribers_count":4,"default_branch":"master","last_synced_at":"2024-04-14T09:11:36.798Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://frontendmasters.com/courses/ember-octane/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-2-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/FrontendMasters.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-04-30T15:49:06.000Z","updated_at":"2023-08-29T08:23:29.000Z","dependencies_parsed_at":"2023-01-25T21:46:35.541Z","dependency_job_id":null,"html_url":"https://github.com/FrontendMasters/ember-octane","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FrontendMasters%2Fember-octane","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FrontendMasters%2Fember-octane/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FrontendMasters%2Fember-octane/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FrontendMasters%2Fember-octane/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FrontendMasters","download_url":"https://codeload.github.com/FrontendMasters/ember-octane/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224175700,"owners_count":17268390,"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":[],"created_at":"2024-11-11T21:08:51.380Z","updated_at":"2024-11-11T21:08:51.969Z","avatar_url":"https://github.com/FrontendMasters.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Ember Octane Workshop: Shlack\n\nThis is the project used for the \u003ca title=\"Mike North's\" href=\"https://github.com/mike-north\"\u003eMike North's\u003c/a\u003e \u003ca title=\"Ember Octane\" href=\"https://emberjs.com/editions/octane/\"\u003eEmber Octane\u003c/a\u003e course, where we build a chat app together step-by-step\n\n![](./notes/img/app.png)\n\n## Prerequisites\n\nYou will need the following things properly installed on your computer.\n\n- [Git](https://git-scm.com/)\n- [Node.js](https://nodejs.org/)\n- [Yarn](https://yarnpkg.com/)\n- [Ember CLI](https://ember-cli.com/)\n- [Brave](https://brave.com/), [Firefox](https://www.mozilla.org/en-US/firefox/) or [Chrome](https://google.com/chrome/)\n\n# Getting Set Up\n\nThere are a few things you need to ensure you have installed, in order to be ready for this course.\n\n### Node.js\n\nYou’ll need a relatively recent version (v10.0 or newer ideally) of Node.js installed. On OS X, a great way of doing this without disturbing your existing dev environment is to install NVM. [Installation instructions are here](https://github.com/creationix/nvm#installation).\n\nYou’ll know everything is set up properly when you can run\n\n```\nnvm --version # might look like \"0.34.0\"\nnode --version # might look like \"v10.15.3\"\n```\n\n### Ember-CLI\n\nEmber-CLI is the official Ember.js build tool. It handles things like:\n\n- Running a development web server\n- Running tests\n- Code generation\n- Compiling static assets\n\nWe can install ember-cli globally by running\n\n```\nnpm install -g ember-cli\n```\n\nNow you should be able to run\n\n```sh\nember --version\n```\n\nand see something like\n\n```\nember-cli: 3.10.0\nnode: 11.6.0\nos: darwin x64\n```\n\n### Visual Studio Code\n\nParticularly if you’ve never tried it before, you should install [Microsoft Visual Studio Code](https://code.visualstudio.com/). Some fantastic extensions that I use regularly include\n\n- [ESlint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)\n- [Ember-CLI in Visual Studio Code](https://marketplace.visualstudio.com/items?itemName=felixrieseberg.vsc-ember-cli)\n- [Ember Language Server](https://marketplace.visualstudio.com/items?itemName=emberjs.vscode-ember)\n\n### Clone the Project\n\n```sh\ngit clone git@github.com:FrontendMasters/ember-octane.git shlack\n```\n\n### Install dependencies\n\n```sh\ncd shlack\nyarn install\n```\n\n### Start the development server\n\n```sh\nember serve\n```\n\n- Visit your app at [http://localhost:4200](http://localhost:4200)\n- Visit your tests at [http://localhost:4200/tests](http://localhost:4200/tests)\n- Your app runs on localhost `:4200` by default. You can customize this via `--port \u003cport-number\u003e`\n\n### Code Generators\n\nMake use of the many built-in Ember-CLI generators to get files that follow the latest practices (with matching tests\\_. To see available generators, run `ember help generate`\n\n### Running Tests\n\n- `ember test`\n- `ember test --server`\n\n### Linting\n\n- `yarn lint:hbs`\n- `yarn lint:js`\n- `yarn lint:js --fix`\n\n### Building\n\n- `ember build` (development)\n- `ember build --environment production` (production)\n\n## Further Reading / Useful Links\n\n- [ember.js](https://emberjs.com/)\n- Development Browser Extensions\n  - [ember inspector for chrome](https://chrome.google.com/webstore/detail/ember-inspector/bmdblncegkenkacieihfhpjfppoconhi)\n  - [ember inspector for firefox](https://addons.mozilla.org/en-US/firefox/addon/ember-inspector/)\n\n## How this starting point was created\n\nWe _could_ create a new Ember app by running the following command (you don't need to run this):\n\n```sh\nember new \u003capp-name\u003e\n```\n\nThis would create a project based on [the default Ember.js app blueprint](https://github.com/ember-cli/ember-cli/tree/7d9fce01d8faa4ce69cc6a8aab6f7f07b6b88425/blueprints/app). If we want to create an Ember Octane app, we can use the [official Ember Octane blueprint](https://github.com/ember-cli/ember-octane-blueprint/tree/396992a0e0582a18fe718e888a57432aaafc46fe/packages/%40ember/octane-app-blueprint) instead by running:\n\n```sh\nember new -b @ember/octane-app-blueprint \u003capp-name\u003e\n```\n\nBeyond this, all I've done is...\n\nInstalled a few packages like\n\n- [ember-cli-tailwind](https://github.com/embermap/ember-cli-tailwind)\n- [ember-on-modifier](https://github.com/buschtoens/ember-on-modifier)\n- [ember-cli-pretender](https://github.com/rwjblue/ember-cli-pretender)\n\n```sh\nember install ember-cli-tailwind ember-on-modifier ember-cli-pretender\n```\n\nAdded the files in the `server` folder, and the `db.json` to provide a development JSON API, and created the `notes` folder and markdown files inside it.\n\n## Legal\n\n\u0026copy; 2019 LinkedIn and licensed under [BSD-2-Clause](https://opensource.org/licenses/BSD-2-Clause) license\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffrontendmasters%2Fember-octane","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffrontendmasters%2Fember-octane","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffrontendmasters%2Fember-octane/lists"}