Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

replace scrimba with khan academy #1103

Merged
merged 4 commits into from
Dec 7, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 3 additions & 6 deletions org-cyf-itd/content/blocks/step-3/acceptance/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,10 +14,7 @@ A volunteer will review your submission and check it meets the acceptance criter
Here is the criteria you need to meet:

```objectives
- You have shared a link to your personal website deployed on Netlify
- You have shared a link to your Google.com clone website deployed on Netlify
- You have shared a link to your Digital Business Card website deployed on Netlify
- You have shared a link to your Space Exploration website deployed on Netlify
- You have shared a link to your Birthday GIFt website deployed on Netlify
- Each of your links includes your name
- You confirm you have completed Unit 2 of Khan Academy Computer Programming course: HTML/CSS Making Webpages
- You have shared a link to your Invitation project on GitHub Pages
- Your website link includes your name
```
7 changes: 4 additions & 3 deletions org-cyf-itd/content/blocks/step-3/extend/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
title ="Step 3: Extend Your Skills"
description= "Build your first portfolio website"
emoji= "💪🏾"
time= 5
time=0
[build]
render = 'never'
list = 'local'
Expand All @@ -13,6 +13,7 @@ time= 5

This optional step is just for you. You don't need to submit it. Next, build a website to show your skills and experience. It's a great way to show potential employers what you can do.

{{<note type="tip" title="Portfolio">}}
A site like this is called a portfolio. It's a collection of your work and skills. Start now and keep adding to it as you learn new things.
{{</note>}}

> [!TIP]
> This four hour video course [Learn HTML: Full Tutorial for Beginners (2022)](https://www.youtube.com/watch?v=kUMe1FH4CHE) answers most of the common questions beginners have.
42 changes: 21 additions & 21 deletions org-cyf-itd/content/blocks/step-3/instructions/index.md
Original file line number Diff line number Diff line change
@@ -1,35 +1,35 @@
+++
title ="Step 1: What to do"
description= "Use AI software to make a customised CV for a particular job. Include important words related to the job so that employers can find this CV more easily."
title ="Step 3: What to do"
description= "Learn HTML and CSS fundamentals with Khan Academy"
emoji= "🤖"
time= 300
time= 360
[build]
render = 'never'
list = 'local'
publishResources = false
+++

This course teaches you HTML and CSS by helping you make five great projects. You'll also get to do over 75 coding tasks. You don't need to know anything about coding to start - it's good for complete beginners.
<iframe width="560" height="315" src="https://www.youtube.com/embed/9i83JvV6Cdo?si=jkSSHxEfr1fiV3Bh" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

1. Create an [account on Scrimba](https://v2.scrimba.com/home)
1. Learn [what to do and what to avoid when taking the Scrimba course](https://docs.google.com/presentation/d/1Z10grrFWQcKeEb2iD84ljhq9vzLMPWL5ny6oaotpb8E/edit?usp=sharing)
1. Go to the course: [Learn HTML and CSS](https://v2.scrimba.com/learn-html-and-css-c0p) on Scrimba
1. Follow along and build the first five projects
1. Make a public Google doc to collect the links to all your deployed projects on Netlify
1. Add the links to your projects to your Google doc as you complete them
1. Share the link to your Google doc on the CYF Course Platform when you have finished all five projects
Learn HTML and CSS by completing Unit 2 of [Khan Academy](https://www.khanacademy.org)'s Computer Programming course. You don't need to know anything about coding to start - it's good for complete beginners. There are 9 lessons in Unit 2. The [video playlist](https://www.youtube.com/playlist?list=PLC51FJvpvRvyK3n1d-Kth7ldHO__Tpygr) is ~2 hours long, and the whole course will take 4-10 hours. This course is completely free.

#### The 5 projects you will do are:
1. Create an [account on Khan Academy](https://www.khanacademy.org/computing/computer-programming/html-css)
1. Go to the course: [Computer Programming: Unit 2](https://www.khanacademy.org/computing/computer-programming/html-css) HTML/CSS Making webpages
1. Follow along and build the projects.
1. Deploy the Lesson 6 project "Event Invitation" to GitHub Pages and share the link in the submission form

1. _Build and deploy your first website_: add your link to your doc, and move on to...
1. _Build a Google.com clone_: add the link to your doc, and move on to...
1. _Build a Digital Business_ card: add your link to your doc, and move on to...
1. _Build a Space Exploration site_: add your link to your doc, and move on to...
1. _Build a Birthday GIFt site_: add your link to your doc, and...
#### The 4 projects you will do are:

When you have finished all five projects, add the link to your Google doc to the CYF Course Platform to complete the step.
1. Project: Travel webpage
1. Project: Recipe book
1. Project: Blog
1. Project: Event invite

#### The project you will deploy to GitHub Pages is:

4. Project: [Event invite](https://www.khanacademy.org/computing/computer-programming/html-css/css-layout-properties/pp/project-event-invite)

{{<blocklink
src="https://v2.scrimba.com/learn-html-and-css-c0p"
name="Learn HTML and CSS"
caption="Scrimba">}}
src="https://www.khanacademy.org/computing/computer-programming/html-css"
name="Computer Programming: Unit 2"
caption="Khan Academy">}}
9 changes: 2 additions & 7 deletions org-cyf-itd/content/blocks/step-3/submission/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -13,13 +13,8 @@ time= 5

You must submit a link to your work in the CYF Course platform

1. You have completed all five projects on Scrimba
1. You have deployed all five projects on Netlify
1. You have created a public Google doc to collect the links to all your deployed projects
1. You have shared the link to your Google doc on the CYF Course Platform
1. Share a link to your Invitation project on GitHub Pages

### Personalise your URLs

Before you share your links with your mentors, change your Netlify URL to include your name. You can use your first name or last name. To learn how to do this, follow this guide: [Modify your domain name on Netlify](https://www.makeuseof.com/netlify-free-domain-name-modify/).

You'll share one document containing five links in total.
Before you share your link with your mentors, set your Github Pages URL to include your name. You can use your first name or last name.
2 changes: 1 addition & 1 deletion org-cyf-itd/content/steps/three/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
+++
title = 'Three'
description = 'Build and deploy five websites to Netlify with Scrimba'
description = 'Build four simple projects using HTML and CSS'
layout = 'prep'
emoji= '🚀'
menu_level = ['module']
Expand Down
Loading