|
1 |
| -# Reading Material JavaScript Week 1 |
| 1 | +# Reading Material JavaScript1 Week 1 |
2 | 2 |
|
3 | 3 | ## Agenda
|
4 | 4 |
|
5 |
| -These are the topics for week 1. |
6 |
| - |
7 |
| -1. [What is programming?](https://study.hackyourfuture.net/#/programming/README) |
8 |
| - - Software |
9 |
| - - What is a programming language? |
10 |
| -2. [What is web development?](https://study.hackyourfuture.net/#/the-internet/web-development) |
11 |
| - - Web development vs. software development |
12 |
| - - Web development vs. web design |
13 |
| - - Website vs. web application |
14 |
| -3. [What is JavaScript?](https://study.hackyourfuture.net/#/javascript/README) |
15 |
| -4. [What are variables?](https://study.hackyourfuture.net/#/javascript/variables) |
16 |
| - - The keywords: let, const, var |
17 |
| -5. [What are values?](https://study.hackyourfuture.net/#/javascript/values) |
18 |
| -6. [Statements vs. Expressions](https://study.hackyourfuture.net/#/javascript/statements-vs-expressions) |
19 |
| -7. [Operators](https://study.hackyourfuture.net/#/javascript/operators) |
20 |
| -8. [Debuggers](https://study.hackyourfuture.net/#/tools/debuggers) |
21 |
| -9. Testing code |
| 5 | +These are the topics for week 1: |
| 6 | + |
| 7 | +1. [Refresher on JavaScript building blocks](https://github.com/HackYourFuture/explore/tree/main/Week3) |
| 8 | + - Variables |
| 9 | + - Values |
| 10 | + - Statements / Expressions |
| 11 | + - Operators |
| 12 | + - Conditional Statements |
| 13 | + - [Functions](https://study.hackyourfuture.net/#/javascript/functions) |
| 14 | +1. [Refresher on debuggers](https://study.hackyourfuture.net/#/tools/debuggers) |
| 15 | +1. [Loops](https://study.hackyourfuture.net/#/javascript/loops) |
| 16 | +1. [Naming conventions](https://study.hackyourfuture.net/#/programming/naming-conventions) |
| 17 | +1. [Testing code](https://www.ministryoftesting.com/articles/e463d4ba?s_id=14519957) |
22 | 18 | - [Assertion](https://study.hackyourfuture.net/#/testing/assertion)
|
23 |
| -10. [Career training I (Your Personal Brand)](https://github.com/HackYourFuture/yourpersonalbrand) |
24 | 19 |
|
25 | 20 | ## Week goals
|
26 |
| -All of the detailed information about every concept is in your study book. The following goal explanation will link you to the correct place to get studying. Read through the goal description once to get an idea of what you will be learning, then go through the different links (either from the agenda or this goal list). |
27 | 21 |
|
28 |
| -This week is all about getting you started in the world of JavaScript. For that we have to go a little broad and first explain the difference between what you have been doing until now (very visual, one line does one thing coding) to actually programming. Start by opening your study book to the [What is programming](https://study.hackyourfuture.net/#/programming/README) section and reading through it to get a feel for the world you are going to embark into. Once you know what programming is it is time to learn about the programmer niche this curriculum is built for which is [Web development](https://study.hackyourfuture.net/#/the-internet/web-development). Now let's talk about JavaScript, which is the programming language the whole rest of the curriculum will be done in. First read up on what JavaScript is in your studybook [here](https://study.hackyourfuture.net/#/javascript/README). |
| 22 | +All of the detailed information about every concept is in your study book. The following goal explanation will link you to the correct place to get studying. Read through the goal description once to get an idea of what you will be learning, then go through the different links and look at them in detail. |
29 | 23 |
|
30 |
| -Time to start learning the language with the first building blocks: variables! Have a look at what variables are [here](https://study.hackyourfuture.net/#/javascript/variables) and what values are [here](https://study.hackyourfuture.net/#/javascript/values). Then let's go over some syntax with the difference between statements and expressions [here](https://study.hackyourfuture.net/#/javascript/statements-vs-expressions). And finally let's look at what we can do with variables and values by using what's called operators. Read about them [here](https://study.hackyourfuture.net/#/javascript/operators). |
| 24 | +Welcome to week 1 of JavaScript! Time to get coding, let's start with refreshing the things we learned during the explore module. Have a look at [week 3](https://github.com/HackYourFuture/explore/tree/main/Week3) there again to remind yourself what the following concepts mean again: |
31 | 25 |
|
32 |
| -To help learn the language we also want to introduce you to some tools that you can use to look under the hood of your code in the section about [debuggers](https://study.hackyourfuture.net/#/tools/debuggers). You won't understand everything of what's there yet, but debugging is so important we want you to look at it early. Read through it once and play around a bit in the debugger. We will be telling you to revisit the debugging section over the next few weeks as you start learning more and more about what is possible. |
| 26 | +- Variables |
| 27 | +- Values |
| 28 | +- Statements / Expressions |
| 29 | +- Operators |
| 30 | +- Conditional Statements |
33 | 31 |
|
34 |
| -Lastly we want to introduce the first steps to testing code with some code you will find in your exercises. Have a look at what assertion is [here](https://study.hackyourfuture.net/#/testing/assertion), the `console.assert` lines in your practice exercises uses this to check that your code does the right thing. |
| 32 | +Then have a look at functions again over [here](https://study.hackyourfuture.net/#/javascript/functions). |
35 | 33 |
|
36 |
| -## Career training I (Your personal brand) |
37 |
| -During this module, you will also learn about the different components that make your personal brand (CV, GitHub, LinkedIn, etc). We have compiled all important info for you in [this repo](https://github.com/HackYourFuture/yourpersonalbrand). Be sure to read the full repo for the Career Training session that will happen in Week 2 of this module and start working on your personal brand which you will have to hand in at the end of JS week 4! |
| 34 | +This week we are going to go a little deeper and get some extra building blocks to work with. Another cool thing we can do in JavaScript is repeat actions, we can do that using a concept called loops, read more about that [here](https://study.hackyourfuture.net/#/javascript/loops). |
| 35 | + |
| 36 | +You now have all of the basic building blocks that form the basis of all code! You will undoubtedly already have encountered the difficulty of reading code, and combining everything this week will make it even more difficult to follow. It is a good idea to revisit the debugger section with this new knowledge [here](https://study.hackyourfuture.net/#/tools/debuggers). Although it is called debugging, a lot of the process of finding 'bugs' in your code is trying to understand what is happening in the code. So keep using the debugger to understand pieces of code that you are not 100% comfortable with yet! |
| 37 | + |
| 38 | +This is also the week we are going to start learning about best practices surrounding programming. These are general rules programmers follow so that code remains readable for others. The first will be about naming conventions, read more about that [here](https://study.hackyourfuture.net/#/programming/naming-conventions) and try to make it a habit to follow them. |
| 39 | + |
| 40 | +Lastly we want to introduce the first steps to testing code. Let's first have a look at what software testing is and why we do it [here](https://www.ministryoftesting.com/articles/e463d4ba?s_id=14519957). The simplest form of testing is using assertions, have a look what that is [here](https://study.hackyourfuture.net/#/testing/assertion), we will introduce this more in your homework so you will see how it works. |
38 | 41 |
|
39 | 42 | ## Finished?
|
40 | 43 |
|
41 |
| -Are you finished with going through the materials? You're doing great! If you feel ready to get practical, click [here](./MAKEME.md). If you have finished the exercises, then start working on week 2! The first 3 weeks of this module cover all the basic building blocks of JavaScript and getting familiar with them is of the utmost importance! |
| 44 | +Are you finished with going through the materials? You're doing great! If you feel ready to get practical, click [here](./MAKEME.md). |
0 commit comments