diff --git a/courses/Backend/README.md b/courses/Backend/README.md index 669cb32a..48d77ef7 100644 --- a/courses/Backend/README.md +++ b/courses/Backend/README.md @@ -5,11 +5,12 @@ ## Modules -| Name | Weeks | -| -------------------------------------------------------------------------- | ----- | -| [Collaboration via GitHub](../../shared-modules/collaboration-via-github/) | 1 | -| Backend JavaScript stuff | ? | -| [Databases](./databases/) | 2 | -| More JS stuff | ? | -| [Final project](./final-project/) | 3 | -| [Career training](../../legacy/career-training/) | 3 | +| Name | Weeks | +| ---------------------------------------------------------------------------- | ----- | +| [Collaboration via GitHub](../../shared-modules/collaboration-via-github/) | 1 | +| Backend JavaScript stuff | ? | +| [Databases](./databases/) | 2 | +| More JS stuff | ? | +| [Team processes (advanced)](../../shared-modules/team-processes-advanced/) | 1 | +| [Final project](./final-project/) | 3 | +| [Career training (advanced)](../../shared-modules/career-training-advanced/) | 3 | diff --git a/courses/Backend/databases/README.md b/courses/Backend/databases/README.md index 457c2f7a..9b650f0e 100644 --- a/courses/Backend/databases/README.md +++ b/courses/Backend/databases/README.md @@ -1,3 +1,8 @@ # Databases TODO + +Lesson1 is already been covered in foundation. These is the remaining content: + +Week 1: [legacy lesson2](../../../legacy/databases/lesson2/) +Week 2: [legacy lesson3](../../../legacy/databases/lesson3/) diff --git a/courses/Foundation/README.md b/courses/Foundation/README.md index 8d5c474f..a25bab06 100644 --- a/courses/Foundation/README.md +++ b/courses/Foundation/README.md @@ -7,12 +7,13 @@ | Name | Weeks | | ---------------------------------------------------------- | ----- | -| [HTML & CSS](./HTML-CSS) | 1 | -| [Git](../../legacy/git/git1/) | 1 | +| [HTML & CSS](./html-css) | 1 | +| [Git](./git) | 1 | | [Javascript Foundation](./javascript-foundation/README.md) | 6 | | [Databases](./databases/) | 1 | | [Introduction to backend / APIs](./intro-to-backend/) | 1 | -| [Team processes](./team-processes/) | 1 | +| [Team processes](./team-processes-intro) | 1 | | [Final project](./final-project/) | 2–3 | +| [Career Training](./career-training/) | 2–3 | Total: 13—14 weeks. diff --git a/courses/Foundation/career-training/README.md b/courses/Foundation/career-training/README.md new file mode 100644 index 00000000..24319ed7 --- /dev/null +++ b/courses/Foundation/career-training/README.md @@ -0,0 +1,7 @@ +# Career Training + +We need to cover career skills in foundation for two reasons: these skills take a long time to practice and develop, so they should start now. Secondly, in theory some people could leave now with the goal to get an entry level role in tech, and we should prepare them as best we can. + +We already have an existing module that we will teach the same at the end of a specialism, but let’s use it for inspiration here too: + +**Week 1:** Some light version of [legacy week1](../../../legacy/career-training/week-1/) and [legacy week 2](../../../legacy/career-training/week-2/) combined and tweak to be more relevant for foundation grads. Technical interviews (../../../legacy/career-training/week-3/) are mostly only relevant for software engineers, so leave that out of here (let’s use them in the application process to a specialism course instead, for practice). diff --git a/courses/Foundation/html-css/README.md b/courses/Foundation/html-css/README.md new file mode 100644 index 00000000..7304693f --- /dev/null +++ b/courses/Foundation/html-css/README.md @@ -0,0 +1,15 @@ +# HTML-CSS + +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). + +| Week | Topic | Preparation | Lesson Plan | Homework | +| ---- | ----------------------------------------------------------------------------------------------------------- | ---------------------------------------- | ------------------------------------------------- | ------------------------- | +| 1. | Advanced HTML & CSS concepts, hands-on exercise turning Figma Wireframe into code, teamwork & peer-learning | [Pre-course](../../Pre-course/README.md) | [Lesson Plan](./The-one-and-only-week1/README.md) | [Homework](./homework.md) | + +## Learning goals + +- Round-up the [Pre-course](../../Pre-course/README.md) materials +- Talk about any possible questions regarding the concepts learned so far +- Briefly introduce Figma +- Spend a lot of time with hands-on coding, figuring out the [exercise](./The-one-and-only-week1/README.md) +- Learn to work efficiently with your teammates diff --git a/courses/Foundation/html-css/The-one-and-only-week1/README.md b/courses/Foundation/html-css/The-one-and-only-week1/README.md new file mode 100644 index 00000000..58e8a9f2 --- /dev/null +++ b/courses/Foundation/html-css/The-one-and-only-week1/README.md @@ -0,0 +1,10 @@ +# Order form exercise + +Use the `Session-exercise-template` to get started! + +Design: + + +![Desktop design](Session-exercise-template/images/order-desktop.png) + +![Mobile design](Session-exercise-template/images/order-mobile.png) diff --git a/courses/Foundation/html-css/The-one-and-only-week1/Session-exercise-template/cards.png b/courses/Foundation/html-css/The-one-and-only-week1/Session-exercise-template/cards.png new file mode 100644 index 00000000..c352c20f Binary files /dev/null and b/courses/Foundation/html-css/The-one-and-only-week1/Session-exercise-template/cards.png differ diff --git a/courses/Foundation/html-css/The-one-and-only-week1/Session-exercise-template/images/order-desktop.png b/courses/Foundation/html-css/The-one-and-only-week1/Session-exercise-template/images/order-desktop.png new file mode 100644 index 00000000..5e0b4cca Binary files /dev/null and b/courses/Foundation/html-css/The-one-and-only-week1/Session-exercise-template/images/order-desktop.png differ diff --git a/courses/Foundation/html-css/The-one-and-only-week1/Session-exercise-template/images/order-mobile.png b/courses/Foundation/html-css/The-one-and-only-week1/Session-exercise-template/images/order-mobile.png new file mode 100644 index 00000000..2c061632 Binary files /dev/null and b/courses/Foundation/html-css/The-one-and-only-week1/Session-exercise-template/images/order-mobile.png differ diff --git a/courses/Foundation/html-css/The-one-and-only-week1/Session-exercise-template/order.css b/courses/Foundation/html-css/The-one-and-only-week1/Session-exercise-template/order.css new file mode 100644 index 00000000..d8c26ae7 --- /dev/null +++ b/courses/Foundation/html-css/The-one-and-only-week1/Session-exercise-template/order.css @@ -0,0 +1,4 @@ +/* var(--gradient) */ +/* :root { + --gradient: your gradient color here; +} */ diff --git a/courses/Foundation/html-css/The-one-and-only-week1/Session-exercise-template/order.html b/courses/Foundation/html-css/The-one-and-only-week1/Session-exercise-template/order.html new file mode 100644 index 00000000..347de4df --- /dev/null +++ b/courses/Foundation/html-css/The-one-and-only-week1/Session-exercise-template/order.html @@ -0,0 +1,62 @@ + + + + + + + PAYMENT <span>FORM</span> + + + +
+
+
+ +
+
+

Payment Method

+
+ +
+

Card Info

+
+
+
+ +
+ +
+
+ +
+ +
+
+ +
+
+
+ + +

Need Help?

+
+ + diff --git a/courses/Foundation/html-css/The-one-and-only-week1/Session-exercise-template/paypal.png b/courses/Foundation/html-css/The-one-and-only-week1/Session-exercise-template/paypal.png new file mode 100644 index 00000000..94588ef5 Binary files /dev/null and b/courses/Foundation/html-css/The-one-and-only-week1/Session-exercise-template/paypal.png differ diff --git a/courses/Foundation/html-css/first-homework-submission.md b/courses/Foundation/html-css/first-homework-submission.md new file mode 100644 index 00000000..1b0258a2 --- /dev/null +++ b/courses/Foundation/html-css/first-homework-submission.md @@ -0,0 +1,48 @@ +# How to submit the first homework? + +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. + +`1.` go to your homework repository`*` on github and to the branches section: + +![screenshot](images/image.png) + +`2.` find the "New branch" button and create a new branch, that follows the naming convention: + +`html-css/yourname` + +- ❌ html/css/maria +- ❌ hmtl-css/maria +- ❌ html-css-homework +- ❌ html/maria +- ❌ htmlcss/maria +- ✅ html-css/maria + +`3.` Go to the branch. It appears in the branch overview right after creation: + +![screenshot](images/image-1.png) + +Or, if you are not there for some reason, go back to the repository overview and find your new branch in the drop-down: + +![screenshot](images/image-2.png) + +To verify that you have switched to the branch, it should appear selected: + +![screenshot](images/image-3.png) + +`4.` Go to the html-css folder and upload your homework: + +![screenshot](images/image-4.png) + +`5.` Write a commit message and press "Commit changes": + +![screenshot](images/image-5.png) + +`6.` Go to "Pull requests" in the repository bar, and create a new pull request to the main branch <- from your branch: + +![screenshot](images/image-6.png) + +`7.` That is it! You should see your pull request listed in the "Pull requests" tab. + +`8.` Post a link to your homework Pull Request in your class channel. + +`*` 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. diff --git a/courses/Foundation/html-css/homework.md b/courses/Foundation/html-css/homework.md new file mode 100644 index 00000000..05ff4d0b --- /dev/null +++ b/courses/Foundation/html-css/homework.md @@ -0,0 +1,33 @@ +# HOMEWORK + +Make your own `Developer CV / Portfolio page`! + +There is a long way to go in the learning journey, but why not start with a good online presence from the get-go? + +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: + +- [ ] Two files: .html and .css +- [ ] Navigation bar leading to different parts of the single-page website +- [ ] Header element with your name and title +- [ ] Contact section that also includes the most important SoMe links +- [ ] Short description section +- [ ] Skill showcase section highlighting your technical skills +- [ ] 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.`*` +- [ ] Advanced CSS and/or animations applied to implement interesting interactive elements +- [ ] Website responsiveness so it looks good on different screen sizes and devices +- [ ] Deploy your page on [Netlify](https://www.netlify.com)! + +`*` 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! + +❗ 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! + +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! + +**Small tip:** + +- Got to [Loom.com](https://www.loom.com/) and download the app or plugin. +- It's a great way to quickly share explainer videos or explain issues you are facing. + +Good luck! ✌️ + +![Jim Carrey as the eponymous "Bruce Almighty", busily typing away](https://media.giphy.com/media/13GIgrGdslD9oQ/giphy.gif) diff --git a/courses/Foundation/html-css/images/image-1.png b/courses/Foundation/html-css/images/image-1.png new file mode 100644 index 00000000..7e86a9f8 Binary files /dev/null and b/courses/Foundation/html-css/images/image-1.png differ diff --git a/courses/Foundation/html-css/images/image-2.png b/courses/Foundation/html-css/images/image-2.png new file mode 100644 index 00000000..c56efa49 Binary files /dev/null and b/courses/Foundation/html-css/images/image-2.png differ diff --git a/courses/Foundation/html-css/images/image-3.png b/courses/Foundation/html-css/images/image-3.png new file mode 100644 index 00000000..e16c592a Binary files /dev/null and b/courses/Foundation/html-css/images/image-3.png differ diff --git a/courses/Foundation/html-css/images/image-4.png b/courses/Foundation/html-css/images/image-4.png new file mode 100644 index 00000000..16089511 Binary files /dev/null and b/courses/Foundation/html-css/images/image-4.png differ diff --git a/courses/Foundation/html-css/images/image-5.png b/courses/Foundation/html-css/images/image-5.png new file mode 100644 index 00000000..772e8213 Binary files /dev/null and b/courses/Foundation/html-css/images/image-5.png differ diff --git a/courses/Foundation/html-css/images/image-6.png b/courses/Foundation/html-css/images/image-6.png new file mode 100644 index 00000000..98e6e94f Binary files /dev/null and b/courses/Foundation/html-css/images/image-6.png differ diff --git a/courses/Foundation/html-css/images/image-7.png b/courses/Foundation/html-css/images/image-7.png new file mode 100644 index 00000000..1934d43e Binary files /dev/null and b/courses/Foundation/html-css/images/image-7.png differ diff --git a/courses/Foundation/html-css/images/image.png b/courses/Foundation/html-css/images/image.png new file mode 100644 index 00000000..cf76fdd0 Binary files /dev/null and b/courses/Foundation/html-css/images/image.png differ diff --git a/courses/Foundation/team-processes-intro/README.md b/courses/Foundation/team-processes-intro/README.md new file mode 100644 index 00000000..56f29b1b --- /dev/null +++ b/courses/Foundation/team-processes-intro/README.md @@ -0,0 +1,7 @@ +# Team Processes Intro + +TODO + +This module is currently under development for use in the current live teams. Once we have it, it should be placed here. For now, we keep a 1 week placeholder. + +It will introduce principles and processes around working in a dev team, scrum, backlog, tasks, rituals (e.g. standup), value of transparency and collaboration. diff --git a/courses/Foundation/team-processes/README.md b/courses/Foundation/team-processes/README.md deleted file mode 100644 index 28378ddb..00000000 --- a/courses/Foundation/team-processes/README.md +++ /dev/null @@ -1,3 +0,0 @@ -# Team processes - -New content. TODO. diff --git a/courses/Frontend/README.md b/courses/Frontend/README.md index 3b1d7f20..5e439455 100644 --- a/courses/Frontend/README.md +++ b/courses/Frontend/README.md @@ -5,11 +5,11 @@ ## Modules -| Name | Weeks | -| -------------------------------------------------------------------------- | ----- | -| [Collaboration via GitHub](../../shared-modules/collaboration-via-github/) | 1 | -| Frontend JavaScript stuff | ? | -| [React](./react/) | 5 | -| [Team processes (front-end)](./team-processes/) | 1 | -| [Final project](./final-project/) | 3 | -| [Career training](../../legacy/career-training/) | 3 | +| Name | Weeks | +| ---------------------------------------------------------------------------- | ----- | +| [Collaboration via GitHub](../../shared-modules/collaboration-via-github/) | 1 | +| Frontend JavaScript stuff | ? | +| [React](./react/) | 5 | +| [Team processes (advanced)](../../shared-modules/team-processes-advanced/) | 1 | +| [Final project](./final-project/) | 3 | +| [Career training (advanced)](../../shared-modules/career-training-advanced/) | 3 | diff --git a/courses/Frontend/team-processes/README.md b/courses/Frontend/team-processes/README.md deleted file mode 100644 index 239fed03..00000000 --- a/courses/Frontend/team-processes/README.md +++ /dev/null @@ -1,6 +0,0 @@ -# Team processes (front-end) - -> See foundation description for more context. It should be a more advanced, -> software development/frontend focussed version here. - -TODO diff --git a/shared-modules/career-training-advanced/README.md b/shared-modules/career-training-advanced/README.md new file mode 100644 index 00000000..384ef871 --- /dev/null +++ b/shared-modules/career-training-advanced/README.md @@ -0,0 +1,9 @@ +# Career Training (Advanced) + +We introduced career training in foundation, but here we should reiterate, go deeper, and more specialist focussed. + +There is reasonable chance that we will have some specialist specific learning goals in here. It's in shared until we know if/what the split looks like. + +Week 1: [legacy week1](../../legacy/career-training/week-1/) +Week 2: [legacy week2](../../legacy/career-training/week-2/) +Week 3: [legacy week3](../../legacy/career-training/week-3/) diff --git a/shared-modules/team-processes-advanced/README.md b/shared-modules/team-processes-advanced/README.md new file mode 100644 index 00000000..a052a151 --- /dev/null +++ b/shared-modules/team-processes-advanced/README.md @@ -0,0 +1,6 @@ +# Team processes (advanced) + +> See foundation description for more context. It should be a more advanced, +> software development focussed version here. It could diverge between specialisms, but start in one module and split out if needed. + +TODO