Add images to the Explorer/Finder file management lesson
Describe the Issue
The lesson is missing the 24 images included in its original transcript.
Lesson file: curriculum/challenges/english/blocks/lecture-working-with-file-systems/672ac3c5d0e9fd31835ff772.md.
The images are being added in https://github.com/freeCodeCamp/cdn/pull/407 and need to be available on the CDN first. This is blocked by https://github.com/freeCodeCamp/cdn/pull/407.
The current lesson combines or rewords some passages from the transcript and omits some image-specific sentences. The quotations below describe the original placements, including the original wording. They do not prescribe placement in the current lesson or changes to its wording. The contributor can choose suitable placements and write descriptive alt text.
Original transcript placements
Image 1 appeared immediately after:
Let's learn how to create, move, and delete files and folders using the Explorer on Windows and Finder on macOS.
Image 2 appeared immediately after:
You can also create files in their corresponding applications.
Images 3 and 4 appeared immediately after:
When you click on "New" and select the file type, you will see a new text file in your current folder with a default name. You can rename it if you'd like.
Image 5 appeared immediately after:
You'll see a new empty folder in your current location.
Image 6 appeared immediately after:
You can move a file or folder to another folder by dragging and dropping it into the destination folder, if you have it opened it as a tab.
Image 7 appeared immediately after:
You can also select the file or folder and select the "Cut" option at the top.
Image 8 appeared immediately after:
You can also do this by right-clicking on an empty spot and then clicking on the paste icon. This will remove the file or folder from its original location.
Image 9 appeared immediately after:
There are many ways to open TextEdit. One of them is to go to Launchpad by clicking on this icon.
Image 10 appeared immediately after:
Then, search for an app where you can create the type of file that you're interested in. In this case, that would be "TextEdit". Click on the icon to open the app.
Image 11 appeared immediately after:
Once you are inside the app, you should see an option to save your file in the App menu. This menu is located at the top-right, next to the Apple menu icon.
Image 12 appeared immediately after:
This is a zoomed in view of the App menu. The options in this menu depend on the app that you are currently using.
Image 13 appeared immediately after:
Next to it, you will see the keyboard shortcut for saving your file. This is usually
Command + Son macOS.
Image 14 appeared immediately after:
Usually, the file extension is added by the application automatically but you can change it before saving the file.
Image 15 appeared immediately after:
After saving the file, you can open Finder by clicking on the Finder icon in the Dock.
Image 16 appeared immediately after:
You should see your new file in the folder where you saved it.
Image 17 appeared immediately after:
To create a new folder, you should go to the location where you want to create that new folder and rick-click on an empty spot. You will see a list of options. The first option is "New Folder."
Images 18 and 19 appeared immediately after:
If you click on it, you can assign a name to your new folder. Write the name and press Enter to confirm. This is an example where I assigned the name "freeCodeCamp" to my new folder.
Image 20 appeared immediately after:
If you need to move them to a folder listed in your Finder "Favorites" section, you can just drag and drop it.
Images 21 and 22 appeared immediately after:
To delete a file or folder, you can right-click on it and select "Move to trash."
Image 23 appeared immediately after:
You can also drag and drop them into the trash icon on the Dock. This is equivalent.
Image 24 appeared immediately after:
When the file or folder is in the trash can, you can right-click on it to delete it immediately or you can empty the trash to remove all the deleted files and folders permanently.
Affected Page
Expected behavior
The lesson includes the images alongside the relevant explanations, with descriptive alt text.
Source: freeCodeCamp/freeCodeCamp