![\"hello\"](\"https://media1.tenor.com/images/7579a792cffb3e35c5ae81669a8a3bb4/tenor.gif?itemid=12198352\" "\\"\\"")
\n \n Source: Tenor Welcome to the Make School family! We're absolutely thrilled to bring you on board!
We'll see you in a few short weeks, but until then, we've prepared some tasks for you in this environment setup tutorial that will set you up for success at Make School. We'll cover how to set up your laptop so that you're ready to start coding.
Watch the following video by Dan, a Make School instructor, to get an overview of what you'll accomplish in this tutorial:
\n\n\nOnce you finish each section, click the \"Mark as Complete\" checkbox. If you've made it this far, go ahead and click the one below this box now!
"},{"id":"T0E6OlNlY3Rpb24tMTEwNDk=","title":"Learning Outcomes","htmlContent":"During your time at Make School, you'll see learning outcomes throughout your tutorials, courses, and lessons. Think of these as the skills you are gaining that will allow you to excel in your software engineering career.
It's a great practice to self reflect on these learning outcomes any time you complete a tutorial, lesson, or course, and see if you met the learning outcomes. If you didn't, talk to your peers, instructor, or coach to figure out what you can do to achieve these outcomes
\nBy the end of this tutorial, you should be able to...
Reflect on these as you complete each chapter. Are you meeting these outcomes?
\nWe have students from all different walks of life, and we'd love to learn about yours!
Take a few minutes to fill out your student profile. This will be available for all students/staff to see, so please fill it out appropriately.
\nLooking forward to learning more about you! Now, are you ready to get that development environment set up?
Onto the next chapter!
"}]},"next":{"id":"T0E6OlBhZ2UtMjE5Ng==","slug":"computer-and-environment-setup","title":"Computer And Environment Setup"},"previous":{"id":"T0E6OlBhZ2UtMjE5Ng==","slug":"computer-and-environment-setup","title":"Computer And Environment Setup"}},{"id":"T0E6OlBhZ2UtMjE5Ng==","title":"Computer And Environment Setup","slug":"computer-and-environment-setup","sections":{"nodes":[{"id":"T0E6OlNlY3Rpb24tMTEwNTE=","title":"Computer And Environment Setup","htmlContent":"In order to participate in Make School, you must have a laptop that meets the the following requirements:
Why do we require your laptop to be from Apple? We have found that it is difficult to support the tools/languages we use in our fast-paced learning environment on a PC. Whether it's web, mobile, or data science, a Mac (OSX) environment is much easier to work with both for the students and the instructor, and also goes far to helping guarantee a students success by minimizing hardware issues.
\nUnfortunately, we cannot offer any sort of exceptions to this policy, students in the past who we have allowed to use workarounds such as a \"hackintosh\" or virtual machines have not been successful. If you cannot meet these requirements, please review the Laptop section of our student handbook for available options on how to find an economical laptop that meets these requirements.
If you have any questions about the laptop requirements, please message questions@makeschool.com.
Ensure that your computer meets these requirements, or that you have a plan in place to obtain a computer that does meet these requirements before continuing through the remainder of this chapter.
\nNext you must download and install - or update - your operating system. The operating system is the software that allows your whole computer to function. This step is important so that we're all starting off with the same operating system version, as there are minor differences between them.
Update your MacBook's operating system (OSX) to the most recent stable version of the Apple operating system
\n\nThis download may take multiple hours to complete, so please start it now before continuing.
\n\n[info]\nNote you may need to delete some files to make sure you have enough space to download the applications in this tutorial
\nThe Terminal is an application that gives you command line control over your system, meaning you can type commands in text form and the computer does stuff. For developers the terminal is one of the most important tools in our toolbox. It may seem weird to want to use a simple text based command system when we have all these awesome graphics, but the Terminal gives you control over almost everything on your computer! It can also be faster and more flexible as you dive deeper into the world of coding.
Since it's one of our most important tools we are going to make sure to polish it up (we're going to make our terminal pretty and work well).
"},{"id":"T0E6OlNlY3Rpb24tMTEyMzI=","title":"Make Your Terminal Professional","htmlContent":"![\"lets-do-this\"](\"https://media.giphy.com/media/Cx0JktG3wBWvu/giphy.gif\" "\\"\\"")
\n command + spacebar and type \"terminal\" to open your terminal.command + , to open your preferences (this keyboards shortcut works for every program on your computer!).Looking professional!
"},{"id":"T0E6OlNlY3Rpb24tMTEyMzM=","title":"Make a dev or code directory","htmlContent":"All good developers have well organized folders and files in their computer. Always keep your folders, files, and desktop clean and organized. It will make you work faster and look and feel more professional.
Whenever you see code prefixed with a dollar sign $, that indicates that it's a command to be entered in the command prompt. Don't include the $ when you paste the command in.
A best practice to organize your code projects is to create one folder called either dev or code in the root of your computer.
REMEMBER: Don't include the $ when you paste a command in to your terminal!
Use your terminal to make this now.
\n$ mkdir dev\n$ cd dev\n\nNow you are in your dev folder. You should create your portfolio coding projects in this folder!
Let's add one more thing which is a folder for your courses. In this folder you can make directories for your coursework.
\n$ mkdir courses\n\n
Don't worry if your terminal has a different color scheme, or if the style doesn't match up 100% to the image. You will learn more as you get into your first classes!
\nGreat! Now, if you explore the dev folder in Finder, you should see the courses folder we just created.
![\"Terminal](\"https://cdn.jsdelivr.net/gh/MakeSchool-Tutorials/Environment-Setup@df97d4b1a516654723207384c2704c1458c51e61/P02-Terminal-Setup/make-dev-folder.gif\" "\\"\\"")
\n command + spacebar and type \"finder\" to open Finder.If this step was difficult for you, don't worry - we'll be going over Terminal in much more detail during Term 1.
"},{"id":"T0E6OlNlY3Rpb24tMTEyMzQ=","title":"Show Hidden Files","htmlContent":"As a developer, it's often very useful to be able to see hidden files and folders in Finder. They're hidden because messing with them can cause problems, but we're fancy-pants developers and we're not afraid.
Showing hidden files is useful because a lot of the coding tools we will be using have hidden files associated with them that aren't normally visible to an average computer user.
Homebrew is a package manager for Mac OS. It makes it easy to install software packages from the terminal while also installing and managing their dependencies. For more information, see the Homebrew website
Install Homebrew by following the install instructions on the Homebrew website
\nIf you already have Homebrew installed, you need to update your formulae by running:
$ brew update\n
This may take several minutes to download updates, so be patient while it completes.
"},{"id":"T0E6OlNlY3Rpb24tMTEyMzY=","title":"Node","htmlContent":"Node is an open-source, cross-platform, JavaScript runtime environment that executes JavaScript code outside a web browser. It allows us to run JavaScript programs on our computer.
Install Node by running the following in Terminal:
\n$ brew install node\n\n
If you've already installed Node, you can verify that it's been updated to the latest version by running:
$ node -v\n"},{"id":"T0E6OlNlY3Rpb24tMTEyMzc=","title":"Run Make School's Bash Setup Script","htmlContent":"
What about bash color coding? We've got ya covered! Make School has our own custom script to help you set up your terminal settings. It should take less than 30 seconds! However, for a full walkthrough of how to run the script, watch this video.
Go to make.sc/bash-setup and follow the steps to run Make School's bash setup script to set up your terminal.
\nDownload and install VS Code! VS Code is a text editor built on open-source from Microsoft, that we will use to write code. It also has other coding features we will eventually learn how to use: an excellent debugger, built-in Git support, and numerous extensions you can download (for free!) to help enhance your coding experience!
Download VS Code on to your computer now!
\nWe want to be able to open files from our terminal for ease of use! The terminal is a \"command line interface\" that will let you interact with your computer using only text, which can be more powerful than just using the graphics based apps you may be used to. You'll learn more about terminal set up in the coming chapters, but there's a quick way to enable it so that we're ready to go:
Follow these instructions so that typing code in your terminal will launch VS Code!
Make sure you drag VS Code into your Applications! This will be helpful for opening it later.
If this step is difficult for you, don't worry! We'll be covering the terminal in much more depth during Term 1.
"}]},"next":{"id":"T0E6OlBhZ2UtMjE5OQ==","slug":"git-github","title":"Git + GitHub"},"previous":{"id":"T0E6OlBhZ2UtMjE5OQ==","slug":"git-github","title":"Git + GitHub"}},{"id":"T0E6OlBhZ2UtMjE5OQ==","title":"Git + GitHub","slug":"git-github","sections":{"nodes":[{"id":"T0E6OlNlY3Rpb24tMTEwNjE=","title":"Git + GitHub","htmlContent":"Git and Github are super important and awesome tools for tracking, revising, and collaborating on code projects. Let's get your computer setup to use Git and Github.
In short, developers use git to collaborate on a project simultaneously and save snapshots of different versions of the project.
Watch this 5 min video by Paul Programming where he explains the value of using git:
Install git if you haven't already.
\n$ brew install git\n\n
Head over to github.com and sign up for an account using your personal email address if you don't already have one.
Configure your global username and email address.
‼️ IMPORTANT: If you skip this step, Git will produce a warning each time you push to a remote branch.
\n$ git config --global user.name \"YOUR_NAME\"\n$ git config --global user.email \"YOUR_PERSONAL_EMAIL@example.com\"\n\n
Finally, double-check your settings. They should look similar to the following:
\n$ git config --list\n\ncredential.helper=osxkeychain\nuser.name=Dani Roxberry\nuser.email=dani@bitoriented.com\n\n
If you can’t set this up, don’t worry - we will be giving extra support during orientation.
"},{"id":"T0E6OlNlY3Rpb24tMTEwNjI=","title":"Generating and Configuring SSH Keys","htmlContent":"SSH keys are a cryptographic way to secure your connection between your computer and GitHub. Setting them up will make it so you don't have to login through your terminal when you are trying to push. Let's set them up:
‼️ IMPORTANT !!: DO NOT ENTER A PASSWORD WHEN PROMPTED. Just hit enter after running the ssh-keygen command, and do it until you see something on your terminal that looks like the following:
The key fingerprint is:\nSHA256:Up6KjbnEV4Hgfo75YM393QdQsK3Z0aTNBz0DoirrW+c ylo@klar\nThe key's randomart image is:\n+---[RSA 2048]----+\n| . ..oo..|\n| . . . . .o.X.|\n| . . o. ..+ B|\n| . o.o .+ ..|\n| ..o.S o.. |\n| . %o= . |\n| @.B... . |\n| o.=. o. . . .|\n| .oo E. . .. |\n+----[SHA256]-----+\nklar (11:40) ~>\n
Run the following commands, using your email address that you entered earlier.
\n\n‼️ IMPORTANT !!: DO NOT ENTER A PASSWORD WHEN PROMPTED. Remember to just hit enter after running the ssh-keygen command until you get the image that looks like the example above
$ ssh-keygen -t rsa -C \"your.email@example.com\" -b 4096\n\n
Once again, you will get a few prompts, just keep hitting enter! Once you see something that looks like the above example, run the following command:
\n![\"Finder](\"https://cdn.jsdelivr.net/gh/MakeSchool-Tutorials/Environment-Setup@df97d4b1a516654723207384c2704c1458c51e61/P02-Terminal-Setup/finder-courses-folder.png\" "\\"\\"")
\n $ cat ~/.ssh/id_rsa.pub\n\nssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAACAQC+SJSGSCeSeLnOg543Hyqh3OcAENvugks8ygkoOkEA4g652gK0ES7CjjpBy4GS/XnaUWiD9iaoE4soE8dqhe/psCoiU+QxGmkjNapLtQAOu1W2v/SEh3Jao+rtfop0S+Ak96fiOVgUgupFAN1FXV1iYdpwyk7rR3Kv/T2M9Ce06Bk5KupdgNzF7Eg/tmFx8H2yVmeQ2J3MWM948ZvWmbBwtbcDRQ6ZtnXSoEof1Wg8agzyisq0Yoi3rXqAIxr1Hevs4g79Lrf65548yTfqZqyljSFA/h4VntXsZYKIWoXti5uPstrwRF6oaH8dm1l74jLAKC/XlqnsqVkRWn/Updj+x8g3+EdtFiWpUwEIMWWDbjPk0HHTfOS06716Hcji0hg4Kfipe03QjhD8Vqp/snaYCb8R3OSZOK1H3Zj9n1JgHhOoFYzk0gstV9DGRmrm2ywrQh3Q7fs23pzrZARGBhRHwk5XfFQl85D7oJffBbfpqjDdyzcHYOAo3mlDfwkfl1nHxynWrwCk+0KKD0zLVsqtkSVlNfQv2JqSSc6ox6vktO7RWKg5/T0b9r0fnNcYfGBVnoJDulJPJr7ynSUDRi2hX5WpMDomylUahVYN/VlAZBwvuWdOM0h3ZUsQEPjauN0k+mY3nQVTIa0hWl1vszTddcxLZKK5mJsvlnL7HMBQxQ== dani@bitoriented.com\n\nWith your mouse, highlight the entire public key, beginning with ssh-rsa and ending with your email address. Copy the highlighted public key to the clipboard.
If you run into issues here, we will help you during orientation.
Title. Use an identifiable title like Work Laptop or Home MacBook Pro 15.ssh-rsa and ending with your email.ssh -T git@github.com:$ ssh -T git@github.com\n\nHi droxey! You have successfully authenticated, but GitHub does not provide shell access.\n\n
This can be complicated for first time developers. If so, have no fear - we will help you at orientation.
"},{"id":"T0E6OlNlY3Rpb24tMTEwNjM=","title":"Stretch Challenge: Practice Git","htmlContent":"You'll frequently see Stretch Challenges throughout your time at Make School. These challenges are optional, and are there to help give you more practice, or to dive deeper into a topic. If you want to go the extra mile and enhance your learning, we encourage you to complete them after you have completed the required content for a chapter/project/lesson/etc.
Now that you have a general understanding of git, practice your skills at Learn Git Branching. This is a great way to learn and practice the basics of git from the browser with a guided tutorial.
Complete at least the following sections from Learn Git Branching:
\n\nMain tab, do the Introduction Sequence, parts 1-4Remote tab, do Push and Pull Git Remotes, parts 1-7You should follow this guide to update and install your iOS development environment before Python, as the Python installers actually have some dependencies on the iOS tools.
"},{"id":"T0E6OlNlY3Rpb24tMTEwNjU=","title":"Command Line Tools","htmlContent":"Install the Xcode Command Line Tools, which is a bundle of command-line based software for developers. It includes things like git, gcc and clang. For a complete list, see this article.
Install Command Line Tools by running this command in terminal:
\n$ xcode-select --install\n\n
To install the latest version of Xcode, you need the latest version of Mac OS before you install Xcode.
About This Mac\nOverview tab, click on Software Update, and if there are any updates available, install them.From here, Xcode is an easy download in the Mac App Store:
command + spacebar and type \"app store\" to open the App Store.Xcode and click Install.After it's installed (this will take some time, it's not a quick download), you should open Xcode to allow it to do some additional installation and configuration. Note that you should not install a beta version of Xcode! Only install a production version through the app store.
"}]},"next":{"id":"T0E6OlBhZ2UtMjIwMQ==","slug":"academic-policies","title":"Academic Policies"},"previous":{"id":"T0E6OlBhZ2UtMjIwMQ==","slug":"academic-policies","title":"Academic Policies"}},{"id":"T0E6OlBhZ2UtMjIwMQ==","title":"Academic Policies","slug":"academic-policies","sections":{"nodes":[{"id":"T0E6OlNlY3Rpb24tMTEwNjc=","title":"Academic Policies","htmlContent":"Like any college, Make School has a large number of policies that we expect all students to adhere to. These policies will be covered more in depth during your orientation, but we want to give you a brief overview of a few of them.
"},{"id":"T0E6OlNlY3Rpb24tMTEwNjg=","title":"Grading System","htmlContent":"Make School uses a pass/fail grading system for all courses. We utilize rubrics and other assessment tools to track a student's mastery of a course. In order to pass a course, you must complete all assignments as indicated by your instructor, as well as pass all assessments in the course. This can include, but is not limited to, quizzes, exams, projects, homework, and self-evaluations.
Read more about our grading system
\nJust like any job, attendance at Make School is required and a key component of your success. Attendance is being onsite from 9:30 to 5:30 each day, attending all scheduled sessions.
Unless otherwise noted, attendance requirements for scheduled sessions are:
You must let your instructor and coach know if you are going to be absent.
Read more about our attendance policy
\nAt Make School we strive to build a community where everyone feels safe. To maintain that safe environment, we follow an official Code of Conduct and a Harassment Policy.
Read more about our Code of Conduct, Equity & Inclusion from our Student Handbook
\nMake School is a place of community, trust, fun, as well as high achievement and high expectations. All of these fundamental values are at odds with lying, misrepresenting, or otherwise unethical behavior. Violation of these fundamental values via unethical behavior will not be tolerated.
Please read the Make School Academic and Professional Integrity Policy
\nMake School is committed to providing effective, reasonable accommodations to qualified students with disabilities. Through our process you will meet with a Make School staff member to make sure that the appropriate accommodations are provided for you. This is a common procedure for us, and we want to set you up for success to the best of our abilities.
Please know that all information you share with Make School staff will remain confidential.
Please read our policy on Disability Services
\nYou can read about these policies yourself in depth in the Student Handbook
Alright, we've had our policy time, let's get back to coding! Congrats on completing your environment setup tutorial!!
"}]},"next":{"id":"T0E6OlBhZ2UtMjIwMg==","slug":"culture-of-feedback","title":"Culture of Feedback"},"previous":{"id":"T0E6OlBhZ2UtMjIwMg==","slug":"culture-of-feedback","title":"Culture of Feedback"}},{"id":"T0E6OlBhZ2UtMjIwMg==","title":"Culture of Feedback","slug":"culture-of-feedback","sections":{"nodes":[{"id":"T0E6OlNlY3Rpb24tMTEwNzQ=","title":"Culture of Feedback","htmlContent":"Before we wrap up, we wanted to highlight Make School's culture of feedback. We love hearing from students on what's working well, and we love it even more when we hear how we could be improving. Here are some of the things that came out of receiving student feedback:
\n ![\"feedback\"](\"https://cdn.jsdelivr.net/gh/MakeSchool-Tutorials/Environment-Setup@df97d4b1a516654723207384c2704c1458c51e61/P07-Culture-of-Feedback/assets/feedback.png\" "\\"\\"")
\n \nSource: Teacher Certification Map
This cycle of receiving feedback, taking action on it, and asking for feedback on the improvement is a core procedure at Make School, and we want it to be crucial to you as well.
"},{"id":"T0E6OlNlY3Rpb24tMTEwNzU=","title":"Getting Feedback","htmlContent":"At Make School, there are numerous opportunities for you to get feedback on your projects, yourself, or anything in between! Instructors and TAs will have office hours to give you feedback, and you can also ask for a code review from senior students to get a pair of fresh eyes on your project.
For these opportunities and more, we expect you to ask questions!
\n ![\"question\"](\"https://cdn.jsdelivr.net/gh/MakeSchool-Tutorials/Environment-Setup@df97d4b1a516654723207384c2704c1458c51e61/P07-Culture-of-Feedback/assets/question.jpg\" "\\"\\"")
\n \nSource: Skip Prichard
We're all learners here at Make School, and we welcome you to ask as many questions as you have. If you have a question, it's a guarantee that at least one other person has that same question.
Let's ask some questions now! Write down 3 questions you want get addressed during orientation
\n\nOnce you've done that, please fill out this form with what you hope to get out of during your first term at Make School
\nHit the Mark as Complete box once you've done the above survey!
As important as it is to get feedback, it's equally important to give feedback. The best way for us to meet your needs is by you telling us what they are!
We provide a variety of platforms for students to give feedback to us, from opening GitHub issues, to end-of-term feedback surveys, to town halls where we discuss feedback with students in a conversational setting. You can also always give us feedback via the #make-school-feedback channel on Slack!
In the spirit of collecting feedback, we'd love to hear your thoughts on this environment setup tutorial. We promise this won't take longer than 2 minutes!
Please take a moment to rate your understanding of the learning outcomes from this tutorial, and how we can improve it via our tutorial feedback form
\nHit the Mark as Complete box once you've done the above survey! And finally...
Congrats on completing your environment setup!
We'll see you soon, and we're excited for you to be joining us 😁
"}]},"next":null,"previous":null}]}},"page":{"id":"T0E6OlBhZ2UtMjE5Ng==","title":"Computer And Environment Setup","slug":"computer-and-environment-setup","sections":{"nodes":[{"id":"T0E6OlNlY3Rpb24tMTEwNTE=","title":"Computer And Environment Setup","htmlContent":"In order to participate in Make School, you must have a laptop that meets the the following requirements:
Why do we require your laptop to be from Apple? We have found that it is difficult to support the tools/languages we use in our fast-paced learning environment on a PC. Whether it's web, mobile, or data science, a Mac (OSX) environment is much easier to work with both for the students and the instructor, and also goes far to helping guarantee a students success by minimizing hardware issues.
\nUnfortunately, we cannot offer any sort of exceptions to this policy, students in the past who we have allowed to use workarounds such as a \"hackintosh\" or virtual machines have not been successful. If you cannot meet these requirements, please review the Laptop section of our student handbook for available options on how to find an economical laptop that meets these requirements.
If you have any questions about the laptop requirements, please message questions@makeschool.com.
Ensure that your computer meets these requirements, or that you have a plan in place to obtain a computer that does meet these requirements before continuing through the remainder of this chapter.
\nNext you must download and install - or update - your operating system. The operating system is the software that allows your whole computer to function. This step is important so that we're all starting off with the same operating system version, as there are minor differences between them.
Update your MacBook's operating system (OSX) to the most recent stable version of the Apple operating system
\n\nThis download may take multiple hours to complete, so please start it now before continuing.
\n\n[info]\nNote you may need to delete some files to make sure you have enough space to download the applications in this tutorial
\n![\"congrats\"](\"https://media.giphy.com/media/rY93u9tQbybks/giphy.gif\" "\\"\\"")
\n