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: LICENSE.md
+2-1Lines changed: 2 additions & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,7 @@
1
+
# License
2
+
1
3
The HackYourFuture programme is subject to CC BY NC SA copyright. This means you can freely use our materials, but just make sure to give us credit for it and don't use it commercially, as it is the intellectual property of our volunteers :)
Example of where we can keep meeting notes, decisions and other outcomes from meetings (like the workshop we had on 13th april).
2
4
3
-
### Notes
5
+
## Notes
6
+
4
7
To be brief, here's the [slides](https://docs.google.com/presentation/d/1JdxBFEz9HsN7t4dkuVh_sy-wZsc3V1S-vRPjK2fLKgQ/edit?slide=id.p#slide=id.p) from this meeting.
5
8
6
-
### Next steps:
9
+
## Next steps
10
+
7
11
-[ ] Adam: Send summary and next steps in slack (end of Tues 15th)
Copy file name to clipboardExpand all lines: courses/Foundation/HTML-CSS/Pre-course/readme.md
+12-22Lines changed: 12 additions & 22 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,22 +1,20 @@
1
-
# Pre-course materials
1
+
# Pre-course
2
2
3
-
This section lists the steps you have to complete **BEFORE** the bootcamp starts. <br>
3
+
## Pre-course materials
4
4
5
-
You are going to be fully self-learning `HTML` and `CSS`, so it is very important and **mandatory**that you complete the steps before the first sunday session at HackYourFuture. <br>
5
+
This section lists the steps you have to complete **BEFORE** the bootcamp starts.
6
6
7
-
You will also get a little introduction to `Javascript`, so that you can be more comfortable jumping into it when the course starts.
7
+
You are going to be fully self-learning `HTML` and `CSS`, so it is very important and **mandatory** that you complete the steps before the first sunday session at HackYourFuture.
8
8
9
-
<br>
9
+
You will also get a little introduction to `Javascript`, so that you can be more comfortable jumping into it when the course starts.
10
10
11
-
# HTML and CSS
11
+
##HTML and CSS
12
12
13
-
## freeCodeCamp certifications
13
+
###freeCodeCamp certifications
14
14
15
15
The `freeCodeCamp` courses are a good way to learn and their certifications are widely recognized, therefore we use this platform to give you a good start with learning `Web Development` and having a way to showcase your learning.
16
16
17
-
<br>
18
-
19
-
## What you have done so far
17
+
### What you have done so far
20
18
21
19
There are 5 parts in the [Responsive Web Design certification](https://www.freecodecamp.org/learn/2022/responsive-web-design/). Each part contains a few sections and a certification project at the end of each part.
22
20
You have already finished at least 2 sections from the first part as part of the application assignment:
@@ -25,7 +23,7 @@ You have already finished at least 2 sections from the first part as part of the
25
23
26
24
-[Learn Basic CSS by Building a Cafe Menu](https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-basic-css-by-building-a-cafe-menu/)
27
25
28
-
## What you have to do before the first Sunday session
26
+
###What you have to do before the first Sunday session
29
27
30
28
You should finish the first part and the certification project that goes with it:
31
29
@@ -37,18 +35,14 @@ You should finish the first part and the certification project that goes with it
37
35
38
36
This will familiarise you with `CSS` colors and building `Forms` with `HTML` and `CSS`, which are both essential parts of basic Web Development knowledge.
39
37
40
-
<br>
41
-
42
38
You should also complete 2 more sections from the second part:
43
39
44
40
-[Learn the CSS Box Model by Building a Rothko Painting](https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-the-css-box-model-by-building-a-rothko-painting)
45
41
-[Learn CSS Flexbox by Building a Photo Gallery](https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-flexbox-by-building-a-photo-gallery)
46
42
47
43
Learning the CSS Box Model and Flexbox will give you very good foundational knowledge to deal with any styling or layout challenge.
48
44
49
-
<br>
50
-
51
-
# JavaScript
45
+
## JavaScript
52
46
53
47
Complete these steps in the freeCodeCamp [JavaScript Algorithms and Data Structures certification](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/):
54
48
@@ -77,17 +71,13 @@ Complete these steps in the freeCodeCamp [JavaScript Algorithms and Data Structu
77
71
-[Compound Assignment With Augmented Multiplication](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-multiplication)
78
72
-[Compound Assignment With Augmented Division](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-division)
79
73
80
-
<br>
81
-
82
74
If you like the `freeCodeCamp` format, you should definitely continue beyond what we ask of you and attain the various relevant certifications - especially by finishing off the **Responsive Web Design** and **Javascript Algorithms and Data Structures** certifications!
83
75
84
-
<br>
85
-
86
-
## Submitting your preparation
76
+
### Submitting your preparation
87
77
88
78
Before the first Sunday session, you must have completed all the steps listed above. You then need to make your freeCodeCamp profile public - [Video here to show you how to do this](https://www.loom.com/share/019547eab49e4e198fd2d24f6cb27d3c) - and post a link to your profile in your class Slack channel. If you do not do this before the first Sunday session, you will not be able to continue with the course.
89
79
90
-
## What if?
80
+
###What if?
91
81
92
82
- If you have completed all these parts already, just continue further with the certifications. You are here to learn after all and you are entering a journey of self-teaching!
Copy file name to clipboardExpand all lines: courses/Foundation/HTML-CSS/first-homework-submission.md
+22-38Lines changed: 22 additions & 38 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -2,63 +2,47 @@
2
2
3
3
While you have not gone through [Git](https://github.com/HackYourFuture-CPH/Git) yet, you will submit your first homework in a different way. This applies only to the first homework. If you are confident with basic Git already, feel free to do the submission in a proper version-control way.
4
4
5
-
`1.` go to your homework repository`*` on github and to the branches section: <br/>
6
-
<imgsrc="images/image.png"width="400">
5
+
`1.` go to your homework repository`*` on github and to the branches section:
7
6
8
-
<br/>
9
-
<br/>
7
+
10
8
11
9
`2.` find the "New branch" button and create a new branch, that follows the naming convention:
10
+
12
11
`html-css/yourname`
13
12
14
-
> ❌ html/css/maria <br/>
15
-
> ❌ hmtl-css/maria <br/>
16
-
> ❌ html-css-homework <br/>
17
-
> ❌ html/maria <br/>
18
-
> ❌ htmlcss/maria <br/>
19
-
> ✅ html-css/maria <br/>
13
+
> ❌ html/css/maria
14
+
> ❌ hmtl-css/maria
15
+
> ❌ html-css-homework
16
+
> ❌ html/maria
17
+
> ❌ htmlcss/maria
18
+
> ✅ html-css/maria
20
19
21
-
<br/>
22
-
<br/>
20
+
`3.` go to the branch. It appears in the branch overview right after creation:
23
21
24
-
`3.` go to the branch. It appears in the branch overview right after creation: <br/>
25
-
<imgsrc="images/image-1.png"width="500">
22
+
26
23
27
-
Or, if you are not there for some reason, go back to the repository overview and find your new branch in the drop-down: <br/>
28
-
<imgsrc="images/image-2.png"width="500">
24
+
Or, if you are not there for some reason, go back to the repository overview and find your new branch in the drop-down:
29
25
30
-
To verify that you have switched to the branch, it should appear selected: <br/>
31
-
<imgsrc="images/image-3.png"width="500">
26
+
32
27
33
-
<br/>
34
-
<br/>
28
+
To verify that you have switched to the branch, it should appear selected:
35
29
36
-
`4.` go to the html-css folder and upload your homework: <br/>
37
-
<imgsrc="images/image-4.png"width="700">
30
+
38
31
39
-
<br/>
40
-
<br/>
32
+
`4.` go to the html-css folder and upload your homework:
41
33
42
-
`5.` write a commit message and press "Commit changes": <br/>
43
-
<imgsrc="images/image-5.png"width="500">
34
+
44
35
45
-
<br/>
46
-
<br/>
36
+
`5.` write a commit message and press "Commit changes":
47
37
48
-
`6.` go to "Pull requests" in the repository bar, and create a new pull request to the main branch <- from your branch: <br/>
49
-
<imgsrc="images/image-6.png"width="700">
38
+
50
39
51
-
<br/>
52
-
<br/>
40
+
`6.` go to "Pull requests" in the repository bar, and create a new pull request to the main branch <- from your branch:
53
41
54
-
`7.` that is it! You should see your pull request listed in the "Pull requests" tab.
42
+
55
43
56
-
<br/>
57
-
<br/>
44
+
`7.` that is it! You should see your pull request listed in the "Pull requests" tab.
58
45
59
46
`8.` post a link to your homework Pull Request in your class channel.
60
47
61
-
<br/>
62
-
<br/>
63
-
64
48
`*` it is either your own homework repository in your own GitHub account or the central class homework repository in the HackYourFuture-CPH GitHub account - depending on what approach is being followed for your class. Follow the information and instructions regarding this, and ask if you are still unsure.
Copy file name to clipboardExpand all lines: courses/Foundation/HTML-CSS/homework.md
+7-9Lines changed: 7 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -2,7 +2,7 @@
2
2
3
3
Make your own `Developer CV / Portfolio page`!
4
4
5
-
<br/>There is a long way to go in the learning journey, but why not start with a good online presence from the get-go?
5
+
There is a long way to go in the learning journey, but why not start with a good online presence from the get-go?
6
6
7
7
Make it as extravagant as you like and look around the internet for inspiration (f.x. [here](https://scrimba.com/articles/web-developer-portfolio-inspiration)), while the **minimum requirements** are:
8
8
@@ -15,21 +15,19 @@ Make it as extravagant as you like and look around the internet for inspiration
15
15
-[ ] Portfolio section having the [FCC Survey Form](https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-survey-form-project/build-a-survey-form) as the first project.`*`
16
16
-[ ] Advanced CSS and/or animations applied to implement interesting interactive elements
17
17
-[ ] Website responsiveness so it looks good on different screen sizes and devices
18
-
-[ ] Deploy your page on [Netlify](https://www.netlify.com)!
18
+
-[ ] Deploy your page on [Netlify](https://www.netlify.com)!
19
19
20
-
<br/>
21
-
22
-
`* ` it is not advisable to have tutorial or course projects in your portfolio, you should make sure to have unique and interesting self-driven projects. However, it is a bit too early for that. Start with the "Survey Form" and keep building and extending your project portfolio as you learn!
20
+
`*` it is not advisable to have tutorial or course projects in your portfolio, you should make sure to have unique and interesting self-driven projects. However, it is a bit too early for that. Start with the "Survey Form" and keep building and extending your project portfolio as you learn!
23
21
24
22
❗ Remember: you have to submit the homework during the week, before the weekend, so plan your workload accordingly. You can keep working on this portfolio in the future, so just focus on doing a nice initial version for now!
25
-
<br/>Check [the first homework submission](https://github.com/HackYourFuture-CPH/HTML-CSS/blob/main/first-homework-submission.md) instructions to make sure to submit the homework correctly!
23
+
24
+
Check [the first homework submission](https://github.com/HackYourFuture-CPH/HTML-CSS/blob/main/first-homework-submission.md) instructions to make sure to submit the homework correctly!
26
25
27
26
**Small tip:**
27
+
28
28
- Got to [Loom.com](https://www.loom.com/) and download the app or plugin.
29
29
- It's a great way to quickly share explainer videos or explain issues you are facing.
Copy file name to clipboardExpand all lines: courses/Foundation/HTML-CSS/readme.md
+4-4Lines changed: 4 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -2,12 +2,12 @@
2
2
3
3
This repository contains the course material for the one and only HTML/CSS session. During the session we will review the concepts learned from the [Pre-course](./Pre-course/readme.md) materials and work hands-on with a large [exercise](./The-one-and-only-week1/readme.md).
0 commit comments