Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Eric Campbell #195

Open
wants to merge 99 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
99 commits
Select commit Hold shift + click to select a range
1b1c40b
Update README for 2008B
ameseee Aug 12, 2020
358fd2e
Combine Days 0-1 into Section 1
ameseee Aug 12, 2020
469134f
Anchor sub headings
ameseee Aug 12, 2020
22c7640
Update README.md
ameseee Aug 12, 2020
181e0ba
Update README.md
ameseee Aug 12, 2020
57f90cc
Update README.md
ameseee Aug 12, 2020
ef4e292
Update README.md
ameseee Aug 12, 2020
f8b02de
Add section on turing terminal
ameseee Aug 12, 2020
c9e6fe5
Clean up Section 1
ameseee Aug 12, 2020
81004fc
Add super learners
ameseee Aug 12, 2020
6f69318
Add pause breaks to complete exercises
ameseee Aug 12, 2020
36e1e7d
Add details on Section 1 deliverables
ameseee Aug 12, 2020
7dca4ba
Add pause emojis
ameseee Aug 12, 2020
33386e4
Add book emoji and clean up bullet points
ameseee Aug 12, 2020
854a4b0
Add resource for comparisons
ameseee Aug 12, 2020
15f1434
Add details in variables section
ameseee Aug 12, 2020
e3fe386
Give directions for sharing a commit link
ameseee Aug 12, 2020
1b94993
Fix sub headings for clear heirarchy
ameseee Aug 12, 2020
e37a837
Update emojis for corresponding topics
ameseee Aug 12, 2020
d905e22
Add line break at end of deliverables
ameseee Aug 12, 2020
c075d60
Fix line break at end of deliverables
ameseee Aug 12, 2020
0d4ef50
Move conditionals and functions into section 2
ameseee Aug 13, 2020
4d1ff2e
Un-indent code snippet for correct formatting
ameseee Aug 13, 2020
ad0bafd
Fix size of subheadings
ameseee Aug 13, 2020
5b9d0b4
Add lanuage on evaluation
ameseee Aug 13, 2020
022b5e5
Modify functions exercise
ameseee Aug 13, 2020
3695603
Add resources on functions
ameseee Aug 13, 2020
b73a40d
Update reflection questions
ameseee Aug 13, 2020
87ef4c9
Add link to vocab section at end of README
ameseee Aug 13, 2020
18c29f3
Add back ticks around file names
ameseee Aug 13, 2020
ca0fb90
Fix struict comparison
ameseee Aug 13, 2020
f9aef98
Update main README
ameseee Aug 13, 2020
6259887
Fix sub headings in main README
ameseee Aug 13, 2020
e6473da
Update get started directions on main README
ameseee Aug 13, 2020
ce32b07
Set up Section 3 for Arrays
ameseee Aug 13, 2020
4067dc6
Clean up arrays and loops exercises
ameseee Aug 13, 2020
1ecd6f0
Add challenges to iteration exercise
ameseee Aug 13, 2020
4287535
Update exercises and README
ameseee Aug 13, 2020
58854e9
Add structure to Section 4
ameseee Aug 13, 2020
71a469c
Update with vocabulary sections
ameseee Aug 14, 2020
2a94303
Add vocab for last 2 sections
ameseee Aug 14, 2020
57a1625
Add section on Asking Questions
ameseee Aug 14, 2020
fa96c59
Add space and punctuation
ameseee Aug 14, 2020
2abb6ea
Add note on book page numbers
ameseee Aug 14, 2020
b25969c
Add index links at bottom of each section
ameseee Aug 17, 2020
8d2609b
Add next section links
ameseee Aug 17, 2020
3b6510c
Add Growth Mindset resources
ameseee Aug 17, 2020
1977bee
Update reflections
ameseee Aug 17, 2020
c76e1e0
Update section 4 reflection
ameseee Aug 17, 2020
863e6a9
Add complete note at end of Section 4 README
ameseee Aug 17, 2020
909078b
Edit guide intro
ameseee Aug 17, 2020
13279b4
Rearrange object and class exercises
ameseee Aug 17, 2020
71bc275
Add content to Classes + Object Instances
ameseee Aug 17, 2020
c5b2720
Add note on this keyword
ameseee Aug 17, 2020
b97bda3
Remove code challenge from section 4
ameseee Aug 18, 2020
1494731
Set up final project
ameseee Aug 18, 2020
929fa76
Add link to final project on main index
ameseee Aug 18, 2020
52726fa
Adjust directions
ameseee Aug 18, 2020
d640363
Format deliverables
ameseee Aug 18, 2020
19a0d1d
Fix header sizes
ameseee Aug 18, 2020
6420291
Remove day references
ameseee Aug 18, 2020
f902c31
Change nav link
ameseee Aug 18, 2020
7868738
Clarify directions in array section
ameseee Aug 18, 2020
0d9dfe1
Update loops definition
ameseee Aug 18, 2020
99247aa
Add you tube video on for loops
ameseee Aug 18, 2020
25ad2ed
Clarify video directions
ameseee Aug 18, 2020
f955099
Move best practices
ameseee Aug 18, 2020
4f753d4
Add Part A to Section 4
ameseee Aug 18, 2020
ff4e072
Remove unused file in Section 4
ameseee Aug 18, 2020
283b01b
Indent nested bulleted lists
ameseee Aug 18, 2020
6f91879
Update main README with Scott's notes
ameseee Aug 31, 2020
16d0c81
Update Section 1 with Scott's feedback
ameseee Aug 31, 2020
99ef713
Fix section 2 typos
ameseee Aug 31, 2020
f3c8cd2
Add note on meaning of n
ameseee Aug 31, 2020
4c188c8
Update Section 4 with clearer vocab
ameseee Aug 31, 2020
af6978e
Fix typo in final project win message
ameseee Aug 31, 2020
ae86883
Add Section 4 focus area, update reflection
ameseee Sep 1, 2020
4730ee8
Update README.md
ameseee Sep 1, 2020
ab314c6
Update decision-making.js
ameseee Sep 4, 2020
8bd3b90
Update decision-making.js
ameseee Sep 4, 2020
82e89c3
Fix error in file name
Sep 7, 2020
b532e51
create file
Sep 7, 2020
54ce998
create file
Sep 7, 2020
a183609
fill out page
Sep 7, 2020
cb1f26b
fill out page
Sep 7, 2020
212ffc2
Add Section 1
Sep 7, 2020
6e7b7a9
Rename file
Sep 7, 2020
0b9280a
Add vocab file
Sep 7, 2020
c43aeb3
Add Section 2 work
Sep 8, 2020
b8bba16
Add Section 2 work
Sep 8, 2020
b2acc43
Add Section 2 Work
mainlyetcetera Sep 8, 2020
80621f1
Add Section 3 Work
mainlyetcetera Sep 11, 2020
98a421a
Merge pull request #2 from mainlyetcetera/sec_3_work
mainlyetcetera Sep 11, 2020
3857075
Add section 4 work
mainlyetcetera Sep 12, 2020
402ed8a
Merge pull request #3 from mainlyetcetera/sec_4_work
mainlyetcetera Sep 12, 2020
c2139ef
Add final project work and plan to readme
mainlyetcetera Sep 15, 2020
63e7711
Merge pull request #4 from mainlyetcetera/final_project_work
mainlyetcetera Sep 15, 2020
b22d354
Update to format up to 1000
mainlyetcetera Sep 17, 2020
6679cc2
Fix return statement
mainlyetcetera Sep 17, 2020
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
87 changes: 50 additions & 37 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,41 +1,54 @@
# Frontend Mod 1 Pre-work Repository
# Front-End Mod 1 Pre-work Guide

This repository will walk you through the Mod 1 Pre-work for the Frontend program at Turing.
This repository will guide you through the Mod 1 Pre-work for the Front-End program at Turing. **Read this page thoroughly** to find the instructions for getting your computer setup and getting started.

Each day has a folder containing a `README.md` file with instructions for the day, exercises, and questions. You must complete all the exercises and questions.
Each section has a folder containing a `README.md` file with instructions and deliverables for the section, exercises, and reflections. You must complete all the exercises and reflections.

### Pre-work Index
## Pre-work Index

* [Day 0 - More Terminal Practice](day_0)
* [Day 1 - Strings, Numbers, And Booleans](day_1)
* [Day 2 - Arrays and Iteration](day_2)
* [Day 3 - If Statements](day_3)
* [Day 4 - Functions and Return Values](day_4)
* [Day 5 - Objects](day_5)
* [Day 6 - Classes](day_6)
* [Day 7 - Build A Thing](day_7)
* [Section 1 - SUPER LEARNERS, Terminal and JavaScript Foundations](section1)
* [Section 2 - ASKING QUESTIONS, Conditionals and Functions](section2)
* [Section 3 - GROWTH MINDSET, Arrays and Iteration](section3)
* [Section 4 - HOW YOU USE YOUR TIME, Objects and Classes](section4)
* [Final Project and Submission](finalProject)

# Materials
## Materials

Items you need to complete the mod 1 pre-work:
📒The only material, outside of your computer and an internet connection that you need to complete your pre-work is the `JAVASCRIPT & JQUERY: Interactive Front-End Web Development` book by John Duckett. You can [download it for free here](https://www.pdfdrive.com/javascript-and-jquery-interactive-front-end-web-development-e184606066.html) or [purchase a hard copy here](https://www.amazon.com/Web-Design-HTML-JavaScript-jQuery/dp/1118907442/ref=sr_1_2?ie=UTF8&qid=1541193719&sr=8-2&keywords=duckett) (or elsewhere).

* These can be found online for **free**. Find links to each book below:
- [HTML & CSS](https://www.pdfdrive.com/html-css-e16578853.html)
- [JavaScript & jQuery](https://www.pdfdrive.com/javascript-and-jquery-interactive-front-end-web-development-e195248768.html)
* Hard copies of the books can be purchased here: [Web Design with HTML, CSS, JavaScript and jQuery Set](https://www.amazon.com/Web-Design-HTML-JavaScript-jQuery/dp/1118907442/ref=sr_1_2?ie=UTF8&qid=1541193719&sr=8-2&keywords=duckett)
>Please be aware, when page numbers for this book are referenced, it is the page number in the printed book. They don't quite match up with the ways the pages in the PDF are numbered, so make sure to reference the printed page number in the bottom corner of a page in the book.

The link below will take you to the GitHub page that contains all the Technical work. Scroll through the page to find the instructions for getting your computer setup and getting started.
## What to Expect

# Environment
Through completing this pre-work, you can expect to get practice re-inforcing what you learned/are learning in Mod 0, learn more technical content, and deeply reflect on your mindsets and habits and start thinking about which of those mindsets and habits will help you learn to code, and which of those you may need to change.

## Install Node.js and NPM using homebrew
We will remind you of the best practices that follow from time-to-time, but to ground yourself in the work ahead, read them carefully.

Before we're able to write javascript that can be run from the command line (you'll be doing this in Mod 1), we need to install `Node.js` and `NPM` and it'll be expected that you've run through these instructions.
## Deliverables

At the bottom of each of the 4 sections and the final project is a `Deliverables` section. Make sure to read those carefully!

### Best Practices: Learning to Write Code

**If you are stuck for longer than 30 minutes, know that it is always ok to ask for help!** The process of becoming a software developer is difficult, and learning to code is hard. At some point, everyone struggles. Struggle is a normal, healthy part of the learning process - don't give up if you hit a hard spot. If you consistently practice every day and don't take shortcuts, you will be on the path to learning how to code. When you reach out for help, challenge yourself to ask clear questions and use technical vocabulary. Speaking accurately about code is a great way to help lock in technical understanding.

**Process over Product.** When asking for help, do your best to seek understanding rather than `the answer` or `the solution`. Even if your helper gets you a solution that works, make sure to spend time on *why* it works, rather than just accepting the solution and moving on.

**Type every line of code.** One of the best things you can do to set yourself for success is to make sure you type out all the code examples you see in the readings and exercises in this pre-work, *do not* copy and paste. The more hands-on-keyboard practice you can give yourself, the better. Copying and pasting won't help you solidify these concepts, manually typing all the code in will. This also applies to auto complete features in popular text editors. They are helpful, no doubt, but doing things the hard way at the beginning is a great way to hone your workflow later on.

**Details matter.** Pay close attention to small details in syntax, spacing, and language. The most detailed oriented you are as you're working, the more reliable and well-crafted your code will be. In programming, being detail oriented helps cut down on buggy code and difficult to use systems. It can also help you notice differences in your code, enabling you to identify typos and mistakes more quickly.

## Environment

### Install Node.js and NPM using homebrew

Before we're able to write JavaScript that can be run from the command line (you'll be doing this in Mod 1), we need to install `Node.js` and `NPM` and it'll be expected that you've run through these instructions.

These setup instructions assume that you have completed the setup for Mod 0, like installing Atom, xcode-select, Homebrew, git, and Chrome. If you haven't done that yet, please see [the mod-0 environment setup instructions](http://mod0.turing.io/setup-instructions).

## Install Node.js:
JavaScript was originally intended to be run in the browser (ie. Chrome). But over time there were a lot of good reasons to allow it to be run server side. Node.js is a framework that allows us to to do just that.
### Install Node.js:

JavaScript was originally intended to be run in the browser (i.e., Chrome). But over time there were a lot of good reasons to allow it to be run server side. Node.js is a framework that allows us to to do just that.

Additionally, there's some very useful "packages" we use while writing code and we cannot install without first installing `node`.

Expand All @@ -60,7 +73,7 @@ Now enter:
$ node -v
```

This shows us what version of Node.js we are running. You should see something like:
This shows us what version of Node.js we are running. You should see _something_ like:

```
v12.8.0
Expand All @@ -82,17 +95,17 @@ This shows us what version of NPM we are running. You should see something like:

## Terminal

We will be referencing many terminal commands throughout the pre-work. It is recommended that you practice using terminal commands before getting started. See the `terminal.md` lesson located in the day_0 directory.
We will be referencing many terminal commands throughout the pre-work. It is recommended that you practice using terminal commands before getting started. See the `terminal.md` lesson located in the `part1` directory.

### Forking the Module 1 Pre-work Repository

Next, we are going to *fork this repository that you're reading right now*. Forking is when you copy a GitHub repository to your GitHub account to make your own changes. Think of it like a fork in the road -- you're about to make changes that differ from the main path.
Next, we are going to *fork this repository that you're reading right now*. Forking is when you copy a GitHub repository to your GitHub account so that you can make changes to your copy without affecting the original repository.

In this scenario, the [Turing GitHub account](https://github.com/turingschool) owns this `frontend-mod-1-prework` repository. You do not have permission to change anything in this repository, so you need your own copy to work on. In order to fork the repository, follow these steps:
In this scenario, the [Turing GitHub account](https://github.com/turingschool) owns this `frontend-mod-1-prework-2008b` repository. You do not have permission to change anything in this repository, so you need your own copy to work on. In order to fork the repository, follow these steps:

#### 1. Make sure you are logged in to GitHub (if you are not logged in, log in and come back to this page)

#### 2. Scroll to the top of [*this* page that you're reading right now](https://github.com/turingschool-examples/frontend-mod-1-prework).
#### 2. Scroll to the top of [*this* page that you're reading right now](https://github.com/turingschool-examples/frontend-mod-1-prework-2008b).

#### 3. Click on `Fork` in the upper right corner of the screen and select your account as the destination

Expand All @@ -108,18 +121,16 @@ Now that you have forked this repository, the next thing to do is *clone your fo

Cloning is when you copy a remote GitHub repository to your local computer.

#### 1. In YOUR `frontend-mod-1-prework` repository that your just forked, click on `Clone or Download`
#### 1. In YOUR `frontend-mod-1-prework-2008b` repository that your just forked, click on `Clone or Download`

![clone down your copy](/images/fork_03.jpg)


#### 2. If you see `Clone with HTTPS` click on `Use SSH`

#### 3. Click on the copy icon to copy the SSH link to your clipboard.

#### 4. Use your terminal to copy down this repository


1. Open your terminal

```
Expand All @@ -130,21 +141,23 @@ $ cd turing
$ mkdir 0module
$ cd 0module
$ git clone <ctrl-v to paste ssh link here >
Cloning into 'frontend-mod-1-prework'...
Cloning into 'frontend-mod-1-prework-2008b'...
remote: Enumerating objects: 678, done.
remote: Total 678 (delta 0), reused 0 (delta 0), pack-reused 678
Receiving objects: 100% (678/678), 237.94 KiB | 851.00 KiB/s, done.
Resolving deltas: 100% (332/332), done.

$ cd frontend-mod-1-prework
$ cd frontend-mod-1-prework-2008b
$ git status .
// If everything worked correctly, you should see:
On branch master
nothing to commit, working tree clean
```

From here on out, all the work you do will be in your copy of this repository. Other text you read here might refer to this as the "prework repository" or "frontend prework", and they all refer to your forked copy of this `frontend-mod-1-prework` repository.
From here on out, all the work you do will be in your copy of this repository. Other text you read here might refer to this as the "prework repository" or "frontend prework", and they all refer to your forked copy of this `frontend-mod-1-prework-2008b` repository.

## Get Started

Each day's `README` will walk you through the steps you need to take to save your work.
Each sections `README` will walk you through the steps you need to take to save your work.

To start, in your terminal, `cd` into the `day_0` directory. Follow the instructions contained in the `readme.md` file, and have a great time!
To start, in your terminal, `cd` into the `section1` directory. Follow the instructions contained in the `README.md` file, and have a great time learning and exploring!
67 changes: 0 additions & 67 deletions day_0/README.md

This file was deleted.

Loading