diff --git a/courses/Pre-Course/README.md b/courses/Pre-Course/README.md index 88196a86..415546a6 100644 --- a/courses/Pre-Course/README.md +++ b/courses/Pre-Course/README.md @@ -1,6 +1,9 @@ # Pre-course -> [!IMPORTANT] -> Work in progress. Proposed content defined [here](https://docs.google.com/document/d/151MLm-8WA6jSk0-9JhBTuG1xZ9Fo9HRLplJx6Bhps6A/edit?tab=t.0). +The pre-course is a collection of modules that you should complete before joining HackYourFuture. ## Modules + +### [Technical Application](./Technical-Application) + +### [Self Study](./Self-Study) diff --git a/courses/Foundation/HTML-CSS/Pre-course/README.md b/courses/Pre-Course/Self-Study/README.md similarity index 91% rename from courses/Foundation/HTML-CSS/Pre-course/README.md rename to courses/Pre-Course/Self-Study/README.md index ca4784d7..8ee4ad7a 100644 --- a/courses/Foundation/HTML-CSS/Pre-course/README.md +++ b/courses/Pre-Course/Self-Study/README.md @@ -1,10 +1,8 @@ -# Pre-course +# Self study -## Pre-course materials +This module lists the steps you have to complete **BEFORE** the Foundation course starts. -This section lists the steps you have to complete **BEFORE** the bootcamp starts. - -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. +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. You will also get a little introduction to `Javascript`, so that you can be more comfortable jumping into it when the course starts. @@ -14,10 +12,10 @@ You will also get a little introduction to `Javascript`, so that you can be more 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. -### What you have done so far +### What you have completed already 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. -You have already finished at least 2 sections from the first part as part of the application assignment: +You have already finished at least 2 sections from the first part as part of the application process: - [Learn HTML by Building a Cat Photo App](https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/) @@ -73,14 +71,14 @@ Complete these steps in the freeCodeCamp [JavaScript Algorithms and Data Structu 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! -### Submitting your preparation +## Submitting your preparation -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. +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 team Slack channel. If you do not do this before the first Sunday session, you will not be able to continue with the course. -### What if? +## FAQ - 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! - If you have not completed the steps listed above from the `Responsive Web Design` ceritification and the `JavaScript Algorithms and Data Structures` certification by the time of the first Sunday session, you will not be able to continue with the course. -- Stuck or need help? Please use your class Slack channel to ask for help from your fellow students. Asking for help, explaining the problems you have, and sharing your own knowledge with your fellow students are all very important to succeed in HackYourFuture, so start practicing right now! +- Stuck or need help? Please use your team Slack channel to ask for help from your fellow trainees. Asking for help, explaining the problems you have, and sharing your own knowledge with your fellow trainees are all very important skills to succeed in HackYourFuture, so start practicing right now! diff --git a/courses/Pre-Course/Technical-Application/README.md b/courses/Pre-Course/Technical-Application/README.md new file mode 100644 index 00000000..7a97c5be --- /dev/null +++ b/courses/Pre-Course/Technical-Application/README.md @@ -0,0 +1,73 @@ +# Technical Application + +👋 Welcome! + +This module describes the application process for joining HackYourFuture Denmark, specifically the Foundation course. If you have been invited to take part in the Technical Application, please continue reading. + +The following pages will take you through the different stages of the application process, so please read and complete each section carefull.y + +The whole application process should take around 30 hours, and you have approximately 10 days to complete all parts. We strongly advise that you spread out the workload across the 10 days, and **don't leave it all until the last minute!** + +## 🥸 Requirements + +You will have 10 days to do the FreeCodeCamp courses and the technical assignment. + +In this time, you must: + +1. **Finish 2 courses** from the Responsive Web Design certification on freeCodeCamp +1. **Alongside the courses** you complete the technical assignment in CodePen while progressing in the course. +1. **Finish the technical assignment**, applying any touch ups required or extra features. +1. **Record a project-overview video**. + +You can find more detailed instructions in the **🛠️ Technical task** section. + +When submitting the assignment, you will have to deliver the following: + +- Links to your GitHub and freeCodeCamp accounts +- A screenshot of the completed courses in freeCodeCamp +- A link to your CodePen for the Event Page assignment +- Upload your project overview video + +All of this should take you about **30 hours**. Find your own pace in this process, but we recommend spreading the hours across the 10 days and not leaving it all until the last minute. ⏳ 🥵 + +If you are not sure, we could recommend dividing your time like this: + +- 1 hour to read and understand the instructions +- 2 hours each day for 10 days to work on the technical tasks +- 8 extra hours to work on the technical task on days when you have more time, for example, on the weekend +- 1 hour for preparing and making the project overview video + +⏱ You should organize your time however it fits your schedule best - the above is only a recommendation! Good time management is a crucial skill to succeed with this bootcamp. Keep in mind that the amount of hours required for this test assignment is similar to what the bootcamp requires _every week_. + +## ⏳ Deadline + +You should have received a deadline from your contact person at HYF. +_Late submissions will not be considered_. + +## Submission checklist + +Check if you are ready and submit! + +- [ ] I have created a `GitHub` account +- [ ] I have signed up to `freeCodeCamp` with my GitHub account +- [ ] I have have signed up to `codepen` with my Github account +- [ ] I have made my `freeCodeCamp` profile timeline public +- [ ] I have completed the first 2 Courses in the `freeCodeCamp` `Responsive Web Design` Certification, and taken a screenshot of the finished courses +- [ ] I have created the Event Page project in `codepen` and completed the tasks +- [ ] I have made a project overview video + +Have you completed the list? +👉 [CLICK HERE](https://forms.gle/u4xxb6XrJ1rBVeSV9) to go to the submission form. 🏁 + +## 📫 After submission + +After submitting, please be patient and wait to hear from us while we review all the submissions. We will let you know the date to expect an answer from us by. + +Make sure to save `cph@hackyourfuture.dk` and `info@hackyourfuture.dk` in your contacts, so our emails don't end up in your spam folder. + +- ✅ If you make it to the next stage, you will receive an email from us with an invitation to a short online interview with two members from HackYourFuture. +- ⛔️ If you do not make it to the interview stage, we will also let you know via email. + +Being a professional developer is a continuous learning process. While you are waiting for your test to be reviewed, we strongly suggest you continue with the Responsive Web Design certification on FreeCodeCamp to strengthen your skills. + +Your coding journey has already started by this point, and you now will have a basic understanding of HTML and CSS, maybe even a bit of JavaScript. We won't spend much time going into HTML and CSS so it would be a good idea to strengthen your skills and knowledge before joining. diff --git a/courses/Pre-Course/Technical-Application/Technical-assignment.md b/courses/Pre-Course/Technical-Application/Technical-assignment.md new file mode 100644 index 00000000..7dbf798d --- /dev/null +++ b/courses/Pre-Course/Technical-Application/Technical-assignment.md @@ -0,0 +1,7 @@ +# 🛠️ Technical assignment + +The technical assignment task consists of 3 parts: + +- 2 freeCodeCamp courses from the Responsive Web Design Certification: [freecodecamp-courses.md](freecodecamp-courses.md) +- Project to be made in CodePen based on the contents learned in freeCodeCamp : [event-page-technical-task](event-page-technical-task) +- A project overview video: [project-overview-video.md](project-overview-video.md) diff --git a/courses/Pre-Course/Technical-Application/assets/image.png b/courses/Pre-Course/Technical-Application/assets/image.png new file mode 100644 index 00000000..6d57fbb1 Binary files /dev/null and b/courses/Pre-Course/Technical-Application/assets/image.png differ diff --git a/courses/Pre-Course/Technical-Application/assets/image1.png b/courses/Pre-Course/Technical-Application/assets/image1.png new file mode 100644 index 00000000..e1a8c1e5 Binary files /dev/null and b/courses/Pre-Course/Technical-Application/assets/image1.png differ diff --git a/courses/Pre-Course/Technical-Application/assets/image10.png b/courses/Pre-Course/Technical-Application/assets/image10.png new file mode 100644 index 00000000..2f555fd0 Binary files /dev/null and b/courses/Pre-Course/Technical-Application/assets/image10.png differ diff --git a/courses/Pre-Course/Technical-Application/assets/image11.png b/courses/Pre-Course/Technical-Application/assets/image11.png new file mode 100644 index 00000000..88c4ec9e Binary files /dev/null and b/courses/Pre-Course/Technical-Application/assets/image11.png differ diff --git a/courses/Pre-Course/Technical-Application/assets/image12.png b/courses/Pre-Course/Technical-Application/assets/image12.png new file mode 100644 index 00000000..9e470611 Binary files /dev/null and b/courses/Pre-Course/Technical-Application/assets/image12.png differ diff --git a/courses/Pre-Course/Technical-Application/assets/image13.png b/courses/Pre-Course/Technical-Application/assets/image13.png new file mode 100644 index 00000000..1510426a Binary files /dev/null and b/courses/Pre-Course/Technical-Application/assets/image13.png differ diff --git a/courses/Pre-Course/Technical-Application/assets/image14.png b/courses/Pre-Course/Technical-Application/assets/image14.png new file mode 100644 index 00000000..a1221ffc Binary files /dev/null and b/courses/Pre-Course/Technical-Application/assets/image14.png differ diff --git a/courses/Pre-Course/Technical-Application/assets/image15.png b/courses/Pre-Course/Technical-Application/assets/image15.png new file mode 100644 index 00000000..4a88c82b Binary files /dev/null and b/courses/Pre-Course/Technical-Application/assets/image15.png differ diff --git a/courses/Pre-Course/Technical-Application/assets/image16.png b/courses/Pre-Course/Technical-Application/assets/image16.png new file mode 100644 index 00000000..75e7aa2a Binary files /dev/null and b/courses/Pre-Course/Technical-Application/assets/image16.png differ diff --git a/courses/Pre-Course/Technical-Application/assets/image17.png b/courses/Pre-Course/Technical-Application/assets/image17.png new file mode 100644 index 00000000..115f937f Binary files /dev/null and b/courses/Pre-Course/Technical-Application/assets/image17.png differ diff --git a/courses/Pre-Course/Technical-Application/assets/image18.png b/courses/Pre-Course/Technical-Application/assets/image18.png new file mode 100644 index 00000000..7022b90b Binary files /dev/null and b/courses/Pre-Course/Technical-Application/assets/image18.png differ diff --git a/courses/Pre-Course/Technical-Application/assets/image19.png b/courses/Pre-Course/Technical-Application/assets/image19.png new file mode 100644 index 00000000..3174ea63 Binary files /dev/null and b/courses/Pre-Course/Technical-Application/assets/image19.png differ diff --git a/courses/Pre-Course/Technical-Application/assets/image2.png b/courses/Pre-Course/Technical-Application/assets/image2.png new file mode 100644 index 00000000..098f4610 Binary files /dev/null and b/courses/Pre-Course/Technical-Application/assets/image2.png differ diff --git a/courses/Pre-Course/Technical-Application/assets/image20.png b/courses/Pre-Course/Technical-Application/assets/image20.png new file mode 100644 index 00000000..0a37aaff Binary files /dev/null and b/courses/Pre-Course/Technical-Application/assets/image20.png differ diff --git a/courses/Pre-Course/Technical-Application/assets/image21.png b/courses/Pre-Course/Technical-Application/assets/image21.png new file mode 100644 index 00000000..9e5dc0fc Binary files /dev/null and b/courses/Pre-Course/Technical-Application/assets/image21.png differ diff --git a/courses/Pre-Course/Technical-Application/assets/image22.png b/courses/Pre-Course/Technical-Application/assets/image22.png new file mode 100644 index 00000000..3174ea63 Binary files /dev/null and b/courses/Pre-Course/Technical-Application/assets/image22.png differ diff --git a/courses/Pre-Course/Technical-Application/assets/image23.png b/courses/Pre-Course/Technical-Application/assets/image23.png new file mode 100644 index 00000000..780385ae Binary files /dev/null and b/courses/Pre-Course/Technical-Application/assets/image23.png differ diff --git a/courses/Pre-Course/Technical-Application/assets/image3.png b/courses/Pre-Course/Technical-Application/assets/image3.png new file mode 100644 index 00000000..357ea75c Binary files /dev/null and b/courses/Pre-Course/Technical-Application/assets/image3.png differ diff --git a/courses/Pre-Course/Technical-Application/assets/image4.png b/courses/Pre-Course/Technical-Application/assets/image4.png new file mode 100644 index 00000000..b622ae71 Binary files /dev/null and b/courses/Pre-Course/Technical-Application/assets/image4.png differ diff --git a/courses/Pre-Course/Technical-Application/assets/image5.png b/courses/Pre-Course/Technical-Application/assets/image5.png new file mode 100644 index 00000000..3174ea63 Binary files /dev/null and b/courses/Pre-Course/Technical-Application/assets/image5.png differ diff --git a/courses/Pre-Course/Technical-Application/assets/image6.png b/courses/Pre-Course/Technical-Application/assets/image6.png new file mode 100644 index 00000000..f024901d Binary files /dev/null and b/courses/Pre-Course/Technical-Application/assets/image6.png differ diff --git a/courses/Pre-Course/Technical-Application/assets/image7.png b/courses/Pre-Course/Technical-Application/assets/image7.png new file mode 100644 index 00000000..c1f584fd Binary files /dev/null and b/courses/Pre-Course/Technical-Application/assets/image7.png differ diff --git a/courses/Pre-Course/Technical-Application/assets/image8.png b/courses/Pre-Course/Technical-Application/assets/image8.png new file mode 100644 index 00000000..dda8ab1a Binary files /dev/null and b/courses/Pre-Course/Technical-Application/assets/image8.png differ diff --git a/courses/Pre-Course/Technical-Application/assets/image9.png b/courses/Pre-Course/Technical-Application/assets/image9.png new file mode 100644 index 00000000..2f1c963d Binary files /dev/null and b/courses/Pre-Course/Technical-Application/assets/image9.png differ diff --git a/courses/Pre-Course/Technical-Application/event-page-technical-task/README.md b/courses/Pre-Course/Technical-Application/event-page-technical-task/README.md new file mode 100644 index 00000000..f834b19e --- /dev/null +++ b/courses/Pre-Course/Technical-Application/event-page-technical-task/README.md @@ -0,0 +1,114 @@ +# ☕ Event Page Technical Task + +Create a simple, responsive landing page for a fictional event. The page should be designed using only HTML and CSS, showcasing a basic understanding of these technologies. + +## Objectives + +- Demonstrate knowledge of HTML5 semantic elements. +- Showcase CSS styling and responsive design techniques. +- Implement a mobile-first approach. + +## Requirements + +### HTML Structure + +- Use semantic HTML5 elements where appropriate (\
, \