diff --git a/sites/en/frontend/frontend.step b/sites/en/frontend/frontend.step index e69b4405d..965c6b453 100755 --- a/sites/en/frontend/frontend.step +++ b/sites/en/frontend/frontend.step @@ -30,10 +30,10 @@ We're going to be working with: * [Chrome](https://www.google.com/chrome) (If you're experienced with the developer tools in another browser, that may work too.); * The code editor of your choice. - * [Atom](https://atom.io/) is a free, open-source editor that can be customized with HTML, CSS, and JavaScript. A download is available for OS X 10.8+, Windows 7/8, and Ubuntu/RedHat linux. + * [Visual Studio Code](https://code.visualstudio.com/) is a free editor that can be customized with HTML, CSS, and JavaScript. A download is available for OS X 10.11+, Windows 8/10/11, and Ubuntu/RedHat linux. * [or install a different editor](/installfest/editors) -Optional tools if you're deploying to GitHub: +Optional tools if you're deploying to GitHub: * Git; * Your [GitHub](http://github.com) account. diff --git a/sites/en/frontend/get_a_sticker.step b/sites/en/frontend/get_a_sticker.step index c8fb8b9d2..f89ff8cc6 100644 --- a/sites/en/frontend/get_a_sticker.step +++ b/sites/en/frontend/get_a_sticker.step @@ -10,7 +10,7 @@ end verify "you can open a local webpage in a browser" do message <<-MESSAGE -Create a new file called `sticker.html` by opening it in Atom or your preferred editor. +Create a new file called `sticker.html` by opening it in VS Code or your preferred editor. Make a note of where you save it, you'll need to know in a second. Fill it with the following contents: diff --git a/sites/en/frontend/introduction_to_html.step b/sites/en/frontend/introduction_to_html.step index ea7912629..ac8f779f8 100644 --- a/sites/en/frontend/introduction_to_html.step +++ b/sites/en/frontend/introduction_to_html.step @@ -37,7 +37,7 @@ steps do step do message <hello.html. (In some editors, you may need to set the file type to 'HTML'; but usually, just using the .html extension will be enough.) diff --git a/sites/en/frontend/tool_installation.step b/sites/en/frontend/tool_installation.step index 49778ca1c..c433193c7 100644 --- a/sites/en/frontend/tool_installation.step +++ b/sites/en/frontend/tool_installation.step @@ -46,8 +46,8 @@ steps do end step "Install a text editor" do - a "Download and install Atom", :href => "https://atom.io/" - message "Install Atom by double clicking the file you downloaded, then dragging the Atom icon into the Applications folder. Finish up by clicking the eject icon for Atom in your finder window." + a "Download and install VS Code", :href => "https://code.visualstudio.com/" + message "Install VS Code by double clicking the file you downloaded, then dragging the VS Code icon into the Applications folder. Finish up by clicking the eject icon for VS Code in your finder window." a "or install a different editor", :href => "/installfest/editors" end end diff --git a/sites/en/installfest/_install_atom_for_mac.step b/sites/en/installfest/_install_atom_for_mac.step index 983f2a84d..bff265cec 100644 --- a/sites/en/installfest/_install_atom_for_mac.step +++ b/sites/en/installfest/_install_atom_for_mac.step @@ -1,21 +1,19 @@ -message "We'll be using the Atom text editor during the workshop, though you are free to use a different editor if you prefer. It must be a plain-text editor, such as vi or TextMate." +message "We'll be using the VS Code text editor during the workshop, though you are free to use a different editor if you prefer. It must be a plain-text editor, such as vi or TextMate." important <<-MARKDOWN Microsoft Word and other word processing programs, including TextEdit and Notepad, will not work. - When in doubt, use Atom. + When in doubt, use VS Code. MARKDOWN -step "Download Atom" do - message "Download the [Atom installer](https://atom.io/download/mac)." +step "Download VS Code" do + message "Download the [VS Code installer](https://code.visualstudio.com/)." end step 'Find the downloaded file in Finder' do message "If you weren't asked where to save it, it's probably in the Downloads folder." end -step "Extract Atom and move it to your Applications folder." do - message "Double click the Atom `.zip` file to extract it. Drag Atom into your Applications folder." - - img src: 'img/install_atom_mac.gif', alt: 'Animation of extracting the Atom zip file and moving the contents to the Applications folder' +step "Extract Visual Studio Code and move it to your Applications folder." do + message "Double click the Visual Studio Code `.zip` file to extract it. Drag Visual Studio Code into your Applications folder." end diff --git a/sites/en/installfest/_install_textmate.step b/sites/en/installfest/_install_textmate.step index 22f586fd4..0a6ef2719 100644 --- a/sites/en/installfest/_install_textmate.step +++ b/sites/en/installfest/_install_textmate.step @@ -1,6 +1,6 @@ message <<-MARKDOWN -Atom isn't compatible with versions of OS X lower than 10.6 so we'll use Textmate (which is still widely used by Rails developers), you are free to use a different editor if you prefer. It must be a plain-text editor. +VS Code isn't compatible with versions of OS X lower than 10.11 so we'll use Textmate (which is still widely used by Rails developers), you are free to use a different editor if you prefer. It must be a plain-text editor. MARKDOWN diff --git a/sites/en/installfest/editors.step b/sites/en/installfest/editors.step index 102e63955..71d6b7104 100644 --- a/sites/en/installfest/editors.step +++ b/sites/en/installfest/editors.step @@ -1,8 +1,8 @@ message <<-MARKDOWN -There are a number of different editors designed for programming. You may already have a favorite editor; if so you can continue using that editor. If you have never used a programming editor, there are a number of good editors available, several of them free of charge. Many RailsBridge instructors use the Atom editor, so you may want to install Atom; if you end up asking for help during your class it may be easier for an instructor or TA to help you if you are using Atom. Here is a list of some of the more widely used editors: +There are a number of different editors designed for programming. You may already have a favorite editor; if so you can continue using that editor. If you have never used a programming editor, there are a number of good editors available, several of them free of charge. Many RailsBridge instructors use the VS Code editor, so you may want to install VS Code; if you end up asking for help during your class it may be easier for an instructor or TA to help you if you are using VS Code. Here is a list of some of the more widely used editors: -* Atom is a free, open-source editor that can be customized to your liking using its rich ecosystem of add-on packages. A download is available for OS X 10.8+, Windows 7/8, and Ubuntu/RedHat linux. +* VS Code is a free editor that can be customized to your liking using its rich ecosystem of add-on packages. A download is available for OS X 10.11+, Windows 8/10/11, and Ubuntu/RedHat linux. * Sublime Text is popular with many Ruby and Rails users. You can use it free for evaluation, then must pay to continue using it. * Komodo is a very good free programming editor, that is not used as widely as in the past. It is relatively easy to use. * TextMate is very popular in the Ruby and Rails community. It is not free. diff --git a/sites/en/installfest/img/install_atom_mac.gif b/sites/en/installfest/img/install_atom_mac.gif deleted file mode 100644 index 35a83eb5f..000000000 Binary files a/sites/en/installfest/img/install_atom_mac.gif and /dev/null differ diff --git a/sites/en/installfest/installfest.step b/sites/en/installfest/installfest.step index 7aced5e1d..220564c2b 100644 --- a/sites/en/installfest/installfest.step +++ b/sites/en/installfest/installfest.step @@ -45,7 +45,7 @@ Here's a list of tools you'll be installing. As you go through the workshop, we' * **Git**. A revision or source control system. It creates a _repository_ (sometimes called a _repo_ for short), which is a complete history of your changes to what you're working on. This means you can undo changes and roll back to previous versions of your work if something has gone wrong. * **GitHub** (optional). A place to store your Git repository online, so you can access it from any computer. * **Heroku**. An _application server_, which hosts your application while you're working on it. This allows you to access your app online and interact with it from any browser, instead of just on your local computer. -* **Atom** (or [some other editor](editors)). To write programs in Ruby, you need a text editor to create, edit and save Ruby files. +* **VS Code** (or [some other editor](editors)). To write programs in Ruby, you need a text editor to create, edit and save Ruby files. * A couple of useful **Ruby gems**. Ruby gems are useful bits of Ruby code that someone has created for reuse, so you don't have to write it yourself. If you've already installed the above tools and are confident they are setup correctly, skip ahead to the Get a Sticker step. diff --git a/sites/en/installfest/linux.step b/sites/en/installfest/linux.step index 5aedf715a..32740dc9e 100644 --- a/sites/en/installfest/linux.step +++ b/sites/en/installfest/linux.step @@ -77,12 +77,12 @@ step "Install Rails" do console "gem install rails" end -step "Atom" do +step "VS Code" do message <<-MARKDOWN -If you don't have a preferred code editor, you can install Atom. +If you don't have a preferred code editor, you can install VS Code. -Checkout this section of the [Atom manual](http://flight-manual.atom.io/getting-started/sections/installing-atom/#platform-linux) for the latest instructions. +See [the VS Code Website](https://code.visualstudio.com/Download) for the latest instructions. MARKDOWN end diff --git a/sites/en/installfest/osx_rvm.step b/sites/en/installfest/osx_rvm.step index da0f3da10..7406de792 100644 --- a/sites/en/installfest/osx_rvm.step +++ b/sites/en/installfest/osx_rvm.step @@ -53,8 +53,8 @@ step "Install Rails" do end end -step "Install Atom" do - insert "install_atom_for_mac" +step "Install VS Code" do + insert "install_vscode_for_mac" end verify "successful installation" do diff --git a/sites/en/installfest/windows.step b/sites/en/installfest/windows.step index 729cec802..1ffa19bcf 100644 --- a/sites/en/installfest/windows.step +++ b/sites/en/installfest/windows.step @@ -173,11 +173,11 @@ step "Install a Text Editor" do message "Notepad is not a good programming editor, but it will work in a pinch." - important "**When in doubt, use Atom.**" + important "**When in doubt, use Visual Studio Code (VS Code).**" - message "[Atom](https://atom.io) is a good option, if you don't have one yet." + message "[Visual Studio Code](https://code.visualstudio.com/) is a good option, if you don't have one yet." - message "Download Atom here: " + message "Download Visual Studio Code here: " end next_step "create_a_heroku_account" diff --git a/sites/en/intro-to-rails/_deploying_to_heroku.step b/sites/en/intro-to-rails/_deploying_to_heroku.step index 7fd11fb29..ba28fe3e9 100644 --- a/sites/en/intro-to-rails/_deploying_to_heroku.step +++ b/sites/en/intro-to-rails/_deploying_to_heroku.step @@ -8,7 +8,7 @@ step "Edit the Gemfile" do message "Heroku will run our application slightly differently than our development computer does, which requires us to make a small change to our `Gemfile`." - message "Open the file called `Gemfile` in Atom, or your preferred editor, and find the line containing:" + message "Open the file called `Gemfile` in your editor, and find the line containing:" source_code :ruby, <<-RUBY gem 'sqlite3' diff --git a/sites/en/intro-to-rails/getting_started.step b/sites/en/intro-to-rails/getting_started.step index 01ad21b9f..d92ad89b7 100644 --- a/sites/en/intro-to-rails/getting_started.step +++ b/sites/en/intro-to-rails/getting_started.step @@ -60,13 +60,11 @@ Open the suggestotron folder as a project in your text editor. tip "Close any files that are already open. They might be from yesterday's `test_app`, and we want to make sure that we're editing files in today's `suggestotron` app." message <<-MARKDOWN -In **Atom**, you can use the `File > Add Project Folder...` menu option: +In **VS Code**, you can use the `File > Open > Folder...` menu option. -![Atom Project menu screenshot](img/atom_add_folder_to_project.png) +Select your `suggestotron` folder from the file picker that opens. If everything works out your editor should show the directories of your app in a tree structure on the left: -Select your `suggestotron` folder from the file picker that opens. If everything works out Atom should show the directories of your app in a tree structure on the left: - -![Screenshot of Suggestotron project folder tree in Atom](img/atom_project_as_folder.png) +![Screenshot of Suggestotron project folder tree in VS Code](img/vscode_project_as_folder.png) MARKDOWN end diff --git a/sites/en/intro-to-rails/img/vscode_project_as_folder.png b/sites/en/intro-to-rails/img/vscode_project_as_folder.png new file mode 100644 index 000000000..a6013bbcf Binary files /dev/null and b/sites/en/intro-to-rails/img/vscode_project_as_folder.png differ diff --git a/sites/en/intro-to-rails/img/vscode_project_as_folder@2x.png b/sites/en/intro-to-rails/img/vscode_project_as_folder@2x.png new file mode 100644 index 000000000..8c6d0d642 Binary files /dev/null and b/sites/en/intro-to-rails/img/vscode_project_as_folder@2x.png differ diff --git a/sites/en/intro-to-rails/setting_the_default_page.step b/sites/en/intro-to-rails/setting_the_default_page.step index a8f3db533..b9409f8b0 100644 --- a/sites/en/intro-to-rails/setting_the_default_page.step +++ b/sites/en/intro-to-rails/setting_the_default_page.step @@ -14,7 +14,7 @@ goals { steps { step "Add a root route" do - message "Open the file `config/routes.rb` in an editor (In the InstallFest yesterday, we suggested that you install and use **Atom** as your editor)." + message "Open the file `config/routes.rb` in an editor (In the InstallFest yesterday, we suggested that you install and use **VS Code** as your editor)." message "Look for the line `Rails.application.routes.draw` at the beginning of the file, and add the line `root 'topics#index'` after it. When you are done the start of the file should look like this:" diff --git a/sites/en/javascript-snake-game/lesson-1.step b/sites/en/javascript-snake-game/lesson-1.step index 18b53bc7b..76e6a757c 100644 --- a/sites/en/javascript-snake-game/lesson-1.step +++ b/sites/en/javascript-snake-game/lesson-1.step @@ -22,8 +22,8 @@ steps do When programming, you'll generally want these tools on hand: - * Your browser to see the code running (I recommend Chrome) - * A text editor to change the code (Railsbridge recommends Atom, but you can try a different editor) + * Your browser to see the code running + * A text editor to change the code (Railsbridge recommends Visual Studio Code, but you can try a different editor) * A javascript console so you can experiment and print out debugging messages. This is built into your browser. diff --git a/sites/en/javascript-to-do-list-with-react/javascript-to-do-list-with-react.step b/sites/en/javascript-to-do-list-with-react/javascript-to-do-list-with-react.step index 84e4a6b9f..dd1597795 100644 --- a/sites/en/javascript-to-do-list-with-react/javascript-to-do-list-with-react.step +++ b/sites/en/javascript-to-do-list-with-react/javascript-to-do-list-with-react.step @@ -40,7 +40,7 @@ When programming, you'll generally want these tools on hand: * An internet connection. We're going to be communicating with other websites using JavaScript. * Your browser to see the code running (I recommend Chrome, but any will do!) - * A text editor to change the code (Railsbridge recommends Atom, but you can try a different editor) + * A text editor to change the code (Railsbridge recommends Visual Studio Code, but you can try a different editor) * A javascript console so you can experiment and print out debugging messages. This is built into your browser. diff --git a/sites/en/javascript-to-do-list/javascript-to-do-list.step b/sites/en/javascript-to-do-list/javascript-to-do-list.step index 1aff077ae..9ed19c3f7 100644 --- a/sites/en/javascript-to-do-list/javascript-to-do-list.step +++ b/sites/en/javascript-to-do-list/javascript-to-do-list.step @@ -37,8 +37,8 @@ day. Probably. When programming, you'll generally want these tools on hand: * An internet connection. We're going to be communicating with other websites using JavaScript. - * Your browser to see the code running (I recommend Chrome, but any will do!) - * A text editor to change the code (Railsbridge recommends Atom, but you can try a different editor) + * Your browser to see the code running + * A text editor to change the code (Railsbridge recommends Visual Studio Code, but you can try a different editor) * A Javascript console so you can experiment and print out debugging messages. This is built into your browser. diff --git a/sites/en/job-board/add_a_new_job_form.step b/sites/en/job-board/add_a_new_job_form.step index 17520d5a3..c1b2a54de 100644 --- a/sites/en/job-board/add_a_new_job_form.step +++ b/sites/en/job-board/add_a_new_job_form.step @@ -78,6 +78,6 @@ RUBY message "Now we should see our mostly unstyled form!" -discussion_box "Form HTML", "What HTML did the form helpers produce? Using the web inspector, look through the form code and compare it to the file you've been working on in Atom." +discussion_box "Form HTML", "What HTML did the form helpers produce? Using the web inspector, look through the form code and compare it to the file you've been working on in VS Code." next_step "make_the_form_work" diff --git a/sites/en/job-board/create_a_rails_app.step b/sites/en/job-board/create_a_rails_app.step index 4f03b75e3..d2271ea4f 100644 --- a/sites/en/job-board/create_a_rails_app.step +++ b/sites/en/job-board/create_a_rails_app.step @@ -27,16 +27,16 @@ message <<-MARKDOWN Watch all the files that are created! Wow! - # Open the project in Atom + # Open the project in VS Code MARKDOWN console_with_message "Move into the directory for your new Rails app:", "cd job_board" message <<-MARKDOWN - And open the project in Atom: + And open the project in VS Code: - * Open Atom - * Under Project, choose "Add Folder to Project" + * Open VS Code + * Under File, "Open FolderProject" (You must have at least one window open, so if that option is greyed out, open a window with cmd+n (Mac) or ctl+n (PC)) MARKDOWN diff --git a/sites/en/job-board/make_a_jobs_home_page.step b/sites/en/job-board/make_a_jobs_home_page.step index 896107c53..b4847b822 100644 --- a/sites/en/job-board/make_a_jobs_home_page.step +++ b/sites/en/job-board/make_a_jobs_home_page.step @@ -21,13 +21,13 @@ message <<-MARKDOWN So it's looking for a route, but can't find one. Let's add one! - Open up the routes file. It's in the config directory, called `routes.rb`. If you're using Atom, you can open it using keyboard shortcuts: + Open up the routes file. It's in the config directory, called `routes.rb`. If you're using VS Code, you can open it using keyboard shortcuts: * Hitting cmd + p (on Mac) or ctl + p (on PC) * typing in `route` * hitting enter - Magic! (Atom is using fuzzy search, so you can use the entire file path, or just part of the filename to go to files.) + Magic! (VS Code is using fuzzy search, so you can use the entire file path, or just part of the filename to go to files.) MARKDOWN source_code_with_message "We're going to need a resource route, which will create EIGHT different routes for us. Add this to line two:", :ruby, "resources :jobs" diff --git a/sites/en/learn-to-code/learn-to-code.md b/sites/en/learn-to-code/learn-to-code.md index fc5c97251..781072434 100644 --- a/sites/en/learn-to-code/learn-to-code.md +++ b/sites/en/learn-to-code/learn-to-code.md @@ -70,7 +70,7 @@ Follow along at http://docs.railsbridge.org/learn-to-code * Ruby version 2.3 preferred, but 1.9+ is fine too * run `ruby -v` to check * a text editor - * we recommend [Atom](https://atom.io/), but you can try a [different editor](/installfest/editors) + * we recommend [Visual Studio Code](https://code.visualstudio.com/), but you can try a [different editor](/installfest/editors) * If you do not have both of these things, RAISE YOUR HAND * visit http://installfest.railsbridge.org for more instructions diff --git a/sites/en/learn-to-code/the_command_line.md b/sites/en/learn-to-code/the_command_line.md index 6397782d9..7ba4f2153 100644 --- a/sites/en/learn-to-code/the_command_line.md +++ b/sites/en/learn-to-code/the_command_line.md @@ -7,7 +7,7 @@ * very low level, based entirely on text and typing, not graphics and mousing * when you type into the terminal, you are always issuing COMMANDS * which is why it's called the Command Line - + # Opening the Terminal * to open your terminal: @@ -40,9 +40,9 @@ # Making a directory * when you type `mkdir` ("make dir") it creates a new SUBDIRECTORY inside the current directory - + mkdir code - + # Changing directories * `cd` ("change dir") moves you into a different directory @@ -76,7 +76,7 @@ * a text editor is a program that edits a text file * a text editor is *like* a word processor * but a text editor is **not** a word processor -* You probably have *Atom* +* You probably have *VS Code* * or [another text editor](/installfest/editors) * but **NOT** *TextEdit* or *Notepad* or *Microsoft Word* @@ -99,7 +99,7 @@ puts "Hello, World!" -5. Save the file +5. Save the file 6. Go back to the terminal 7. Run this file using `ruby hello.rb` diff --git a/sites/en/ruby/running_programs_from_a_file.step b/sites/en/ruby/running_programs_from_a_file.step index 7903fc23c..df85362c0 100644 --- a/sites/en/ruby/running_programs_from_a_file.step +++ b/sites/en/ruby/running_programs_from_a_file.step @@ -10,7 +10,7 @@ A text editor is a word processor that saves in plain text format. This is unlike Word, which saves files in a special format that only Word can read. We may have recommended a particular text editor during the Installfest, such as -Atom. You can use any editor you like so long as it saves plain text. +VS Code. You can use any editor you like so long as it saves plain text. It'll helpful to keep your text editor running, since you'll be coming back to it often.