Skip to content

Commit f84446e

Browse files
author
Noer Paanakker
committed
changed content week 1 reading
1 parent dd55329 commit f84446e

3 files changed

Lines changed: 21 additions & 31 deletions

File tree

README.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -43,11 +43,11 @@ If you have any questions or if something is not entirely clear ¯\\\_(ツ)\_/¯
4343

4444
## Planning
4545

46-
| Week | Topic | Reading Materials | Homework | Lesson Plan |
47-
| ---- | ----------------------------------------------------------------- | -------------------------------------------------------------------------------------- | ------------------------------- | -------------------------------------- |
48-
| 1. | Code editor setup, Command Line Interface basics, HTML/CSS syntax | [W1 Reading](/Week1/README.md) | [W1 Homework](/Week1/MAKEME.md) | [W1 Lesson Plan](/Week1/LESSONPLAN.md) |
49-
| 2. | Introduction to GIT, Responsive design | [W2 Reading](/Week2/README.md) | [W1 Homework](/Week2/MAKEME.md) | [W2 Lesson Plan](/Week2/LESSONPLAN.md) |
50-
| 3. | GIT branches, CSS frameworks, Working with the browser | [W3 Reading](https://github.com/HackYourFuture/JavaScript/blob/master/Week1/README.md) | [W1 Homework](/Week3/MAKEME.md) | [W3 Lesson Plan](/Week3/LESSONPLAN.md) |
46+
| Week | Topic | Reading Materials | Homework | Lesson Plan |
47+
| ---- | ------------------------------------------------------ | -------------------------------------------------------------------------------------- | ------------------------------- | -------------------------------------- |
48+
| 1. | Command Line Interface basics, HTML/CSS syntax | [W1 Reading](/Week1/README.md) | [W1 Homework](/Week1/MAKEME.md) | [W1 Lesson Plan](/Week1/LESSONPLAN.md) |
49+
| 2. | Introduction to GIT, Responsive design | [W2 Reading](/Week2/README.md) | [W1 Homework](/Week2/MAKEME.md) | [W2 Lesson Plan](/Week2/LESSONPLAN.md) |
50+
| 3. | GIT branches, CSS frameworks, Working with the browser | [W3 Reading](https://github.com/HackYourFuture/JavaScript/blob/master/Week1/README.md) | [W1 Homework](/Week3/MAKEME.md) | [W3 Lesson Plan](/Week3/LESSONPLAN.md) |
5151

5252
## Finished?
5353

Week0/preparation.md

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -39,6 +39,12 @@ Done? This is optional, but for those who are curious:
3939

4040
### Where do I write my code? Inside a code editor called Visual Studio Code
4141

42+
Technically speaking, you can write code for the web in any application that allows you to write and save plain text files (such as Notepad or TextEdit). However a code editor is a tool specifically designed for editing code.
43+
44+
Depending on to the the programming language, the code editor highlights special keywords, give suggestions for some extent, adds automatic indentation and sometimes has an integrated command line interface (more on that in the next section) as well.
45+
46+
While your code editor does the basic job of allowing you to write code, it can always be improved to make our lives as programmers easier. In the following video you'll learn about the most useful code editor extensions you can install in order to make development a much richer experience:
47+
4248
Currently, Visual Studio Code is one of the top code editors on the market. As such, we have chosen it has our default code editor to use. We highly recommend you to use it as well:
4349

4450
- [Visual Studio Code](https://code.visualstudio.com/)
@@ -51,6 +57,10 @@ We can always improve what we have, including our code editor! We can add `plugi
5157
- [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)
5258
- [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)
5359

60+
For more specific information on how to setup your editor:
61+
62+
- [VSCode Tips](https://github.com/HackYourFuture/fundamentals/tree/master/VSCodeTips)
63+
5464
### What's the way to submit my homework? Use planning tool Trello
5565

5666
Trello is a planning tool that allows you to make todo lists in order to organize and prioritize your projects. In HackYourFuture we'll use it to submit your homework for the first module.

Week1/README.md

Lines changed: 6 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -4,38 +4,18 @@
44

55
These are the topics for week 1:
66

7-
1. Code editor setup
8-
- Useful extensions
9-
2. What is the command line interface (CLI)?
10-
3. Introduction to HTML:
7+
1. What is the command line interface (CLI)?
8+
2. Introduction to HTML:
119
- Crash course
1210
- The commonly used tags
1311
- Semantic HTML
14-
4. Introduction to CSS:
12+
3. Introduction to CSS:
1513
- Crash course
1614
- Where to write it?
1715
- The box model
1816
- The cascading effect
1917

20-
## 1. Code editor setup
21-
22-
Technically speaking, you can write code for the web in any application that allows you to write and save plain text files (such as Notepad or TextEdit). However a code editor is a tool specifically designed for editing code.
23-
24-
Depending on to the the programming language, the code editor highlights special keywords, give suggestions for some extent, adds automatic indentation and sometimes has an integrated command line interface (more on that in the next section) as well.
25-
26-
In HackYourFuture the code editor you'll be working with is called [Visual Studio Code](https://code.visualstudio.com/). After you've downloaded it try to get familiar with it.
27-
28-
Go through the following resource to properly set it up:
29-
30-
- [VSCode Tips](https://github.com/HackYourFuture/fundamentals/tree/master/VSCodeTips)
31-
32-
### Useful extensions
33-
34-
While your code editor does the basic job of allowing you to write code, it can always be improved to make our lives as programmers easier. In the following video you'll learn about the most useful code editor extensions you can install in order to make development a much richer experience:
35-
36-
- [15 VS Code Extensions For Front-End Developers in 2019](https://www.youtube.com/watch?v=LdF2RcelRg0)
37-
38-
## 2. What is the command line interface (CLI)?
18+
## 1. What is the command line interface (CLI)?
3919

4020
The Command Line interface (also known as CLI or shell) is a way to navigate through your computer's content (media, folders, applications, etc.) without a visual user interface. It allows you to type text commands to perform specific tasks. Since you can directly control the computer by typing, many tasks can be performed more quickly, and some tasks can be automated with special commands that loop through and perform the same action on many files.
4121

@@ -46,7 +26,7 @@ For more information, check the following resources and code along:
4626
- [Command Line Crash Course](https://www.youtube.com/watch?v=yz7nYlnXLfE)
4727
- [A Command Line Primer for Beginners](https://lifehacker.com/a-command-line-primer-for-beginners-5633909)
4828

49-
## 3. Introduction to HTML
29+
## 2. Introduction to HTML
5030

5131
### Crash course
5232

@@ -74,7 +54,7 @@ This leads to the following insight about writing code: while code is written to
7454

7555
Take a look at the following resource to learn more about semantic HTML: [Semantic HTML](https://internetingishard.com/html-and-css/semantic-html/)
7656

77-
## 4. Introduction to CSS
57+
## 3. Introduction to CSS
7858

7959
### Crash course
8060

0 commit comments

Comments
 (0)