Skip to content

Conversation

@coremore35
Copy link

This pull request updates several tutorial and guide files to improve clarity, accessibility, and keep content up to date with external changes. The most significant changes include updating terminology and links related to Twitter (now X), improving instructions and descriptions for accessibility, and fixing minor grammatical and formatting issues.

Terminology and External References Updates

  • Replaced references to "Twitter" with "X (formerly Twitter)" throughout the tutorial, including updating API documentation links, button labels, and descriptive text. This ensures the guides reflect the current branding and API location for X. [1] [2] [3] [4] [5] [6] [7] [8]
  • Updated a link to JavaScript feature documentation from ponyfoo.com to web.dev for a more current and authoritative resource.

Accessibility and Instruction Improvements

  • Improved the description of code diffs in the tutorial to clarify that removed lines are highlighted in red and added lines in green, enhancing accessibility for users with screen readers.
  • Added colons to command instructions and step descriptions for clarity and consistency in deployment and setup guides. [1] [2] [3]

Formatting and Grammar Fixes

  • Changed "2 ways" to "two ways" for grammatical correctness.
  • Updated several sentences to end with periods or colons for improved readability and consistency in deployment instructions.

Code and Component Naming Consistency

  • Updated component references and code block language identifiers for accuracy and consistency, such as changing Rentals::Filter to RentalsFilter and using gjs instead of js or handlebars. [1] [2] [3] [4] [5]

These changes collectively improve the accuracy, clarity, and accessibility of the guides and tutorials.

@netlify
Copy link

netlify bot commented Nov 21, 2025

Deploy Preview for ember-guides ready!

Name Link
🔨 Latest commit acb5d94
🔍 Latest deploy log https://app.netlify.com/projects/ember-guides/deploys/6920944c7668af0008fc0470
😎 Deploy Preview https://deploy-preview-2178--ember-guides.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@IgnaceMaes
Copy link
Member

Lovely, thanks!

But: tutorial changes are managed in a separate repo (https://github.com/ember-learn/super-rentals-tutorial/blob/master/src/markdown/tutorial/part-1/04-component-basics.md)

Would you be able to open a PR there? As otherwise they will get overwritten in this repo later. (cfr first line in each file)

Copy link
Member

@mansona mansona left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

generally I'm in favour of changes like this 👍 I left some comments on the quick-start and I stopped reviewing when I noticed you were PRing the output artefacts of the tutorial. Let me know if you need any help moving these suggestions to the tutorial generator 👍


This code example uses a feature of JavaScript called classes.
Learn more with this [overview of the latest JavaScript features](https://ponyfoo.com/articles/es6).
Learn more with this [overview of the latest JavaScript features](https://web.dev/series/baseline-newly-available).
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If we want to point to web.dev shouldn't we point to classes directly https://web.dev/learn/javascript/classes because we're talking about using classes

You would think that we don't need to give people a primer on classes in 2026 but because most other ecosystems don't use them it's probably still good to keep 🙈

We'll need to make some changes to the code we wrote before.

In the rest of the code examples in this tutorial, whenever we add or remove code, we will show a "diff." The lines you need to remove have a minus sign in front of them, and the lines you should add have a plus sign. If you are using a screen reader while you go through the Guides, we recommend using Firefox and NVDA or Safari and VoiceOver for the best experience.
In the rest of the code examples in this tutorial, whenever we add or remove code, we will show a "diff." The lines you need to remove will be highlighted in red, and the lines you should add will be highlighted in green. If you are using a screen reader while you go through the Guides, we recommend using Firefox and NVDA or Safari and VoiceOver for the best experience.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

considering we talk about accessibility in this paragraph maybe we shouldn't remove the "colourblind friendly" description here? we could say "highlighted in red with a minus sign in front of them" or something?


```gjs { data-filename="app/templates/index.gjs" data-diff="-1,+2,+3,-6,-7,+8,-12,+13" }
import { LinkTo } from '@ember/routing';
```gjs { data-filename="app/templates/index.gjs" data-diff="+2,-5,-6,+7,-11,+12" }
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

so the changes to the tutorial shouldn't be in a PR to the guides, it needs to go to the tutorial generator repo: https://github.com/ember-learn/super-rentals-tutorial

We're currently in the process of trying to get it working for the upcoming 6.10 release so if you want some help to get onboarded onto the tutorial generator let me know and I can help you land these 👍

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants