You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: Week0/preparation.md
+10Lines changed: 10 additions & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -39,6 +39,12 @@ Done? This is optional, but for those who are curious:
39
39
40
40
### Where do I write my code? Inside a code editor called Visual Studio Code
41
41
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
+
42
48
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:
43
49
44
50
-[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
### What's the way to submit my homework? Use planning tool Trello
55
65
56
66
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.
Copy file name to clipboardExpand all lines: Week1/README.md
+6-26Lines changed: 6 additions & 26 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -4,38 +4,18 @@
4
4
5
5
These are the topics for week 1:
6
6
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:
11
9
- Crash course
12
10
- The commonly used tags
13
11
- Semantic HTML
14
-
4. Introduction to CSS:
12
+
3. Introduction to CSS:
15
13
- Crash course
16
14
- Where to write it?
17
15
- The box model
18
16
- The cascading effect
19
17
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:
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)?
39
19
40
20
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.
41
21
@@ -46,7 +26,7 @@ For more information, check the following resources and code along:
46
26
-[Command Line Crash Course](https://www.youtube.com/watch?v=yz7nYlnXLfE)
47
27
-[A Command Line Primer for Beginners](https://lifehacker.com/a-command-line-primer-for-beginners-5633909)
48
28
49
-
## 3. Introduction to HTML
29
+
## 2. Introduction to HTML
50
30
51
31
### Crash course
52
32
@@ -74,7 +54,7 @@ This leads to the following insight about writing code: while code is written to
74
54
75
55
Take a look at the following resource to learn more about semantic HTML: [Semantic HTML](https://internetingishard.com/html-and-css/semantic-html/)
0 commit comments