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

27 update study lenses installation guides #30

Closed
wants to merge 6 commits into from
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
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
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ title: Arrays Part 1
- **Level:** Beginner
- **Captions:** Yes

Make sure to follow the guides on [**Setting up Study Lenses (v2) on your System**](https://in-tech-gration.github.io/WDX-180/curriculum/modules/javascript/denepo/setting-up-study-lenses/){:target="_blank"}. Once `lenses2` is properly installed on your system, you can go to your `WDX-180` folder and run `lenses2` with the material for this Module:
Make sure to follow the guides on {{ SGEN:MODULE_LINK:javascript/denepo/setting-up-study-lenses/index.md }}. Once `lenses2` is properly installed on your system, you can go to your `WDX-180` folder and run `lenses2` with the material for this Module:

- `cd WDX-180/`
- `lenses2 curriculum/modules/javascript/denepo/_inside-js/7-arrays/`
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ prerequisites:

- Watch [**Introduction to JavaScript Objects**](https://www.youtube.com/watch?v=OJBlJI1vEK8){:target="_blank"} to get a very basic idea of the Object structure in JavaScript, then move on with the rest of the material that includes objects in several cases.

Make sure to follow the guides on **Setting up Study Lenses (v2) on your System**. Once `lenses2` is properly installed on your system, you can go to your `WDX-180` folder and run `lenses2` with the material for this Module:
Make sure to follow the guides on {{ SGEN:MODULE_LINK:javascript/denepo/setting-up-study-lenses/index.md }}. Once `lenses2` is properly installed on your system, you can go to your `WDX-180` folder and run `lenses2` with the material for this Module:

- `cd WDX-180/`
- `lenses2 curriculum/modules/javascript/denepo/_inside-js/8-functional-array-methods/`
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@ title: Functions Part 1
- [Study: **Function Basics** @javascript.info](https://javascript.info/function-basics){:target="_blank"}
- **Level:** Beginner

Make sure to follow the guides on **Setting up Study Lenses (v2) on your System**. Once `lenses2` is properly installed on your system, you can go to your `WDX-180` folder and run `lenses2` with the material for this Module:
Make sure to follow the guides on {{ SGEN:MODULE_LINK:javascript/denepo/setting-up-study-lenses/index.md }}. Once `lenses2` is properly installed on your system, you can go to your `WDX-180` folder and run `lenses2` with the material for this Module:

- `cd WDX-180/`
- `lenses2 curriculum/modules/javascript/denepo/_inside-js/3-functions/`
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ title: Functions Part 2

### Study Plan

Make sure to follow the guides on [**Setting up Study Lenses (v2) on your System**](https://in-tech-gration.github.io/WDX-180/curriculum/modules/javascript/denepo/setting-up-study-lenses/){:target="_blank"}. Once `lenses2` is properly installed on your system, you can go to your `WDX-180` folder and run `lenses2` with the material for this Module:
Make sure to follow the guides on {{ SGEN:MODULE_LINK:javascript/denepo/setting-up-study-lenses/index.md }}. Once `lenses2` is properly installed on your system, you can go to your `WDX-180` folder and run `lenses2` with the material for this Module:

- `cd WDX-180/`
- `lenses2 curriculum/modules/javascript/denepo/_inside-js/6-using-functions/`
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ title: Objects Part 1

Now that you have a good understanding of what Javascript Objects are, you can start playing around with some code.

Make sure to follow the guides on **Setting up Study Lenses (v2) on your System**. Once `lenses2` is properly installed on your system, you can go to your `WDX-180` folder and run `lenses2` with the material for this Module:
Make sure to follow the guides on {{ SGEN:MODULE_LINK:javascript/denepo/setting-up-study-lenses/index.md }}. Once `lenses2` is properly installed on your system, you can go to your `WDX-180` folder and run `lenses2` with the material for this Module:

- `cd WDX-180/`
- `lenses2 curriculum/modules/javascript/denepo/_inside-js/9-multiple-interactions/`
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ title: Developing Programs - Part 1

This Module is about "Developing Programs". Now it's finally time to put those skills into action! Hop on the material provided and you'll soon be able to start writing programs from a blank page!

In order to follow the material, you will need to install and use the `study-lenses` tool. [Here are the instructions](https://in-tech-gration.github.io/WDX-180/curriculum/modules/javascript/denepo/setting-up-study-lenses/){:target="_blank"} in case you've missed them.
In order to follow the material, you will need to install and use the `study-lenses` tool. Follow the instructions from {{ SGEN:MODULE_LINK:javascript/denepo/setting-up-study-lenses/index.md }} to set up Study Lenses (v2) on your System (if you haven't done that already).

**Launching Study Lenses and following the material**

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ content:

In this Module, we are continuing our journey into "Developing Programs"

Make sure to follow the guides on **Setting up Study Lenses (v2) on your System** and **Launching Study Lenses and following the material** from Part 1 and then go through the following sections:
Make sure to follow the guides on {{ SGEN:MODULE_LINK:javascript/denepo/setting-up-study-lenses/index.md }} and **Launching Study Lenses and following the material** from Part 1 and then go through the following sections:

- **3-fixing-bugs**
- **4-modifying-programs**
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ content:

In this Module, we are continuing our journey into "Developing Programs"

Make sure to follow the guides on **Setting up Study Lenses (v2) on your System** and **Launching Study Lenses and following the material** from Part 1 and then go through the following sections:
Make sure to follow the guides on {{ SGEN:MODULE_LINK:javascript/denepo/setting-up-study-lenses/index.md }} and **Launching Study Lenses and following the material** from Part 1 and then go through the following sections:

- **6-from-spec**
- **7-reverse-engineering**
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -12,9 +12,7 @@ title: Just Enough JavaScript - Part 1

This Module is about learning "Just enough JavaScript" in order to understand, trace and debug the execution process of JavaScript programs and learn how to read and comprehend every single line of code that you see. That's probably the most important task, anyone learning a new language (even natural languages), must go through in order to become familiar with this new fascinating territory.

In order to follow the material, you will need to install and use the `study-lenses` tool. Here are the instructions:

{{ SGEN:MODULE:javascript/denepo/setting-up-study-lenses/index.md }}
In order to follow the material, you will need to install and use the `study-lenses` tool. Follow the instructions from {{ SGEN:MODULE_LINK:javascript/denepo/setting-up-study-lenses/index.md }} to set up Study Lenses (v2) on your System (if you haven't done that already).

**Launching Study Lenses and following the material**

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ title: Just Enough JavaScript - Part 2

In this Module, we are continuing our journey into "Just enough JavaScript".

Make sure to follow the guides on **Setting up Study Lenses (v2) on your System** and **Launching Study Lenses and following the material** from Day 01 and then go through the following sections:
Make sure to follow the guides on {{ SGEN:MODULE_LINK:javascript/denepo/setting-up-study-lenses/index.md }} and **Launching Study Lenses and following the material** from Part 1 and then go through the following sections:

- **07-variables**
- **08-null**
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ title: Just Enough JavaScript - Part 3

In this Module, we are continuing our journey into "Just enough JavaScript".

Make sure to follow the guides on **Setting up Study Lenses (v2) on your System** and **Launching Study Lenses and following the material** from Day 01 and then go through the following sections:
Make sure to follow the guides on {{ SGEN:MODULE_LINK:javascript/denepo/setting-up-study-lenses/index.md }} and **Launching Study Lenses and following the material** from Part 1 and then go through the following sections:


- **09-interactions**
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ title: Just Enough JavaScript - Part 4

In this Module, we are continuing our journey into "Just enough JavaScript".

Make sure to follow the guides on **Setting up Study Lenses (v2) on your System** and **Launching Study Lenses and following the material** from Day 01 and then go through the following sections:
Make sure to follow the guides on {{ SGEN:MODULE_LINK:javascript/denepo/setting-up-study-lenses/index.md }} and **Launching Study Lenses and following the material** from Part 1 and then go through the following sections:

- **13-while-loops**
- **14-review-quiz**
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ title: Just Enough JavaScript - Part 5

In this Module, we are continuing our journey into "Just enough JavaScript".

Make sure to follow the guides on **Setting up Study Lenses (v2) on your System** and **Launching Study Lenses and following the material** from Day 01 and then go through the following sections:
Make sure to follow the guides on {{ SGEN:MODULE_LINK:javascript/denepo/setting-up-study-lenses/index.md }} and **Launching Study Lenses and following the material** from Part 1 and then go through the following sections:

- **15-for-of-loops**
- **16-break**
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -12,9 +12,7 @@ title: Predictive Stepping

**Predictive Stepping:** Practice predicting each step of program execution, using your browser's debugger to check your predictions every step of the way.

In order to follow the material, you will need to install and use the `study-lenses` tool. Here are the instructions:

{{ SGEN:MODULE:javascript/denepo/setting-up-study-lenses/index.md }}
In order to follow the material, you will need to install and use the `study-lenses` tool. Follow the instructions from {{ SGEN:MODULE_LINK:javascript/denepo/setting-up-study-lenses/index.md }} to set up Study Lenses (v2) on your System (if you haven't done that already).

**Launching Study Lenses and following the material**

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,9 +8,11 @@ TODO:

**Setting up Study Lenses (v2) on your System**

1. Clone the `study-lenses` repository from this link: [ https://github.com/in-tech-gration/study-lenses/](https://github.com/in-tech-gration/study-lenses/){:target="_blank"}.
1. Clone the `study-lenses` repository from [this link](https://github.com/in-tech-gration/study-lenses/){:target="_blank"}.
- `git clone [email protected]:in-tech-gration/study-lenses.git`

> _Note: Make sure you are **NOT** inside the **WDX-180** root folder_

2. Change to the `study-lenses` directory and install all dependencies:

- Run: `cd study-lenses`
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ title: Understanding Programs - Part 1

This Module is about "Understanding Programs". It's not enough just to know the language features in JS. Before you can write good programs you need to learn how to understand code that you did not write. The following module contains a handful of sections that provide you a good amount of JavaScript programs and a lot of tools,methods and good practices on how to properly understand programs written by others!

In order to follow the material, you will need to install and use the `study-lenses` tool. [Here are the instructions](https://in-tech-gration.github.io/WDX-180/curriculum/modules/javascript/denepo/setting-up-study-lenses/){:target="_blank"} in case you've missed them.
In order to follow the material, you will need to install and use the `study-lenses` tool. Follow the instructions from {{ SGEN:MODULE_LINK:javascript/denepo/setting-up-study-lenses/index.md }} to set up Study Lenses (v2) on your System (if you haven't done that already).

**Launching Study Lenses and following the material**

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ title: Understanding Programs - Part 2

In this Module, we are continuing our journey into "Understanding Programs"

Make sure to follow the guides on **Setting up Study Lenses (v2) on your System** and **Launching Study Lenses and following the material** from Part 1 and then go through the following sections:
Make sure to follow the guides on {{ SGEN:MODULE_LINK:javascript/denepo/setting-up-study-lenses/index.md }} and **Launching Study Lenses and following the material** from Part 1 and then go through the following sections:

- **5-logging-state**
- **6-tracing-backwards**
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -424,9 +424,9 @@ title: What is JavaScript?

**Explore Study Lenses**

Continue your exploration of the `study-lenses` tool. Follow the [instructions here](https://in-tech-gration.github.io/WDX-180/curriculum/modules/javascript/denepo/setting-up-study-lenses/) to set up Study Lenses (v2) on your System (if you haven't done that already).
Continue your exploration of the `study-lenses` tool. Follow the instructions from {{ SGEN:MODULE_LINK:javascript/denepo/setting-up-study-lenses/index.md }} to set up Study Lenses (v2) on your System (if you haven't done that already).

Then the following commands on your local copy of the `WDX-180` repo:
Then run the following commands on your local copy of the `WDX-180` repo:

- `lenses2 curriculum/week{{ SGEN:WEEK_NUM}}/exercises/exploring-study-lenses`

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -96,18 +96,7 @@ title: What is Programming?

**Installing Study Lenses**

1. Run the following commands in your terminal while inside the root folder of your forked `WDX-180` repository:

- `git submodule init`
- `npm run update:submodules`

2. Follow the steps described below to install `study-lenses` globally on your machine:

{{ SGEN:MODULE:javascript/denepo/setting-up-study-lenses/index.md }}

> If you are experiencing issues while installing and running `study-lenses`, there's an alternative. You can visit [this link](https://welcome-to-js.onrender.com/0-study-lenses/README.md?--defaults#1){:target="_blank"} to run `study-lense` as an online service.
>
> **It's important** to note, that the service might require a few minutes to launch when visiting the link for the first time, as the servers running the app tend to go to `sleep mode` when they are not being accessed by any users for a long period of time.
Follow the instructions from {{ SGEN:MODULE_LINK:javascript/denepo/setting-up-study-lenses/index.md }} to set up Study Lenses (v2) on your System.

**Watch a short introduction to Study Lenses**

Expand Down
67 changes: 5 additions & 62 deletions curriculum/week06/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ load_script_js_via_src:

</h2>

<span>Updated: 8/1/2024</span>
<span>Updated: 8/11/2024</span>

<h2 class="week-controls__next_week">

Expand Down Expand Up @@ -312,41 +312,7 @@ load_script_js_via_src:

**Installing Study Lenses**

1. Run the following commands in your terminal while inside the root folder of your forked `WDX-180` repository:

- `git submodule init`
- `npm run update:submodules`

2. Follow the steps described below to install `study-lenses` globally on your machine:


![](./assets/lenses2.jpg)

**Setting up Study Lenses (v2) on your System**

1. Clone the `study-lenses` repository from this link: [ https://github.com/in-tech-gration/study-lenses/](https://github.com/in-tech-gration/study-lenses/){:target="_blank"}.
- `git clone [email protected]:in-tech-gration/study-lenses.git`

2. Change to the `study-lenses` directory and install all dependencies:

- Run: `cd study-lenses`
- Then: `npm install` (or `npm i` for short)

3. Checkout to the `lenses2` branch and run the `npm link` command to make this available globally:

- `git checkout lenses2`
- `npm link`
- (or if you're on a Mac/Linux, you'll perhaps need `sudo npm link`)

4. Check that `study-lenses` have been successfully installed on your system by running the following command:

- `lenses2 --version` or `lenses2 -v`

> If you are experiencing issues while installing and running `study-lenses`, there's an alternative. You can visit [this link](https://welcome-to-js.onrender.com/0-study-lenses/README.md?--defaults#1){:target="_blank"} to run `study-lense` as an online service.
>
> **It's important** to note, that the service might require a few minutes to launch when visiting the link for the first time, as the servers running the app tend to go to `sleep mode` when they are not being accessed by any users for a long period of time.


Follow the instructions from [**Setting up Study Lenses (v2)**](../modules/javascript/denepo/setting-up-study-lenses/index.md){:target="_blank"} to set up Study Lenses (v2) on your System.

**Watch a short introduction to Study Lenses**

Expand Down Expand Up @@ -863,9 +829,9 @@ load_script_js_via_src:

**Explore Study Lenses**

Continue your exploration of the `study-lenses` tool. Follow the [instructions here](https://in-tech-gration.github.io/WDX-180/curriculum/modules/javascript/denepo/setting-up-study-lenses/) to set up Study Lenses (v2) on your System (if you haven't done that already).
Continue your exploration of the `study-lenses` tool. Follow the instructions from [**Setting up Study Lenses (v2)**](../modules/javascript/denepo/setting-up-study-lenses/index.md){:target="_blank"} to set up Study Lenses (v2) on your System (if you haven't done that already).

Then the following commands on your local copy of the `WDX-180` repo:
Then run the following commands on your local copy of the `WDX-180` repo:

- `lenses2 curriculum/week06/exercises/exploring-study-lenses`

Expand Down Expand Up @@ -965,30 +931,7 @@ load_script_js_via_src:

**Predictive Stepping:** Practice predicting each step of program execution, using your browser's debugger to check your predictions every step of the way.

In order to follow the material, you will need to install and use the `study-lenses` tool. Here are the instructions:


![](./assets/lenses2.jpg)

**Setting up Study Lenses (v2) on your System**

1. Clone the `study-lenses` repository from this link: [ https://github.com/in-tech-gration/study-lenses/](https://github.com/in-tech-gration/study-lenses/){:target="_blank"}.
- `git clone [email protected]:in-tech-gration/study-lenses.git`

2. Change to the `study-lenses` directory and install all dependencies:

- Run: `cd study-lenses`
- Then: `npm install` (or `npm i` for short)

3. Checkout to the `lenses2` branch and run the `npm link` command to make this available globally:

- `git checkout lenses2`
- `npm link`
- (or if you're on a Mac/Linux, you'll perhaps need `sudo npm link`)

4. Check that `study-lenses` have been successfully installed on your system by running the following command:

- `lenses2 --version` or `lenses2 -v`
In order to follow the material, you will need to install and use the `study-lenses` tool. Follow the instructions from [**Setting up Study Lenses (v2)**](../modules/javascript/denepo/setting-up-study-lenses/index.md){:target="_blank"} to set up Study Lenses (v2) on your System (if you haven't done that already).

**Launching Study Lenses and following the material**

Expand Down
Loading