freeCodeCamp/CurriculumExpansion

chore: add semantic HTML only lab to frontend cert

Closed this issue · 0 comments

The semantic HTML section will have a few labs for campers to do.
Labs are defined as short projects campers build on their own. It will consist of a blank editor and user stories.
Here is an example for the format:
https://www.freecodecamp.org/learn/the-odin-project/top-build-a-recipe-project/top-build-a-recipe-project

Campers will have learned about semantic HTML in depth with the following project
https://github.com/freeCodeCamp/CurriculumExpansion/pull/384/files

So we need a lab project here that covers the following:

  • header
  • nav
  • main
  • sections and articles

Ideas for lab projects

  • magazine page
  • events page
  • book listing page

length of project

This lab should be of similar length of the blog page tutorial that comes before it.
So probably 8-10 user stories

note about the HTML boilerplate

At this point in the cert, campers will have created a few labs and worked on a few workshops.
So we no longer need to force them to write out the HTML boilerplate each time.
So we don't need to create user stories for the HTML boilerplate anymore.

Note about adding new images

For adding new images, make sure they are free to use. You will also need to be add that image to our CDN repo here
https://github.com/freeCodeCamp/cdn

Once the new image has been added to the CDN repo, then you will need to reference that cdn link in your project.

If you are not sure about if an image can be used, reach out on staff chat.

Acceptance criteria

  • create a new folder of the project in the frontend-cert/html-projects directory
  • add your completed project in an index.html file in that new folder
  • create a markdown file for your proposed user stories. You should call it user-stories.md and place it in your new project folder