nhsuk / nhsuk-service-manual

Design and build digital services for the NHS. Use the service manual to build consistent, usable services that put people first.​ Learn from the research and experience of other NHS teams.
https://service-manual.nhs.uk
MIT License
64 stars 25 forks source link

Prototype kit training #1316

Open karlgoldstraw opened 3 years ago

karlgoldstraw commented 3 years ago

What

There's been some discussion on nhs.uk Slack from members about training for the Prototype kit and HTML and CSS in general. Use this ticket to collate feedback and thoughts in order to help us decide the best way to accomplish it.

Some links listed here will not be publicly viewable. Sorry about that.

Why

A single ticket will allow us to keep all discussions and requests in the same place.

Initial resources

karlgoldstraw commented 3 years ago

A code club we organised back in 2019 for colleagues to learn the basics of HTML and CSS.

Slides: https://docs.google.com/presentation/d/1YnXbpRSdY3la-1amPo9IVoW0zX1vmDNf7rK9eOtJt0w/edit?usp=sharing

Feedback: https://drive.google.com/file/d/1r32wyTjg9Gx3pglxlU0kLemlp7R83Nzs/view?usp=sharing

The subject matter was for general HTML and CSS, but it could so easily be adapted for the NHS prototype Kit.

Screenshot 2021-07-15 at 21 51 08
karlgoldstraw commented 3 years ago

@markasrobinson created some training titled: Coding for content designers. That is kept in NHS Digital confluence.

https://nhsd-confluence.digital.nhs.uk/plugins/servlet/mobile?contentId=199688201#content/view/199688201

cameronross2 commented 3 years ago

It would be great to have training or guidance on how to properly use Github; branching, merging and reverting your prototype code. There's a lot of useful stuff online but it can be a little overwhelming if you're new to using Git.

It's best practice that we keep all our code in GitHub (making things open...). A step by step guide on how to set up Git and what the common commands are would be really beneficial for Prototyping kit novices.

baracoffice commented 3 years ago

Hi Karl,

Here are a couple of items I'm interested in:

  1. Understanding how to move data through a prototype, so that’s more javascript or whatever else. A bit of theory as well as code needed.
  2. Newbies guide to Git and Github, as mentioned above by Cameron.
  3. This is also more broadly to do with principles of working online and applies to setting up as well - use of command line, npm, setting up and using hiroku - getting comfortable with the concepts and commands
henocookie commented 3 years ago

After mentioning training at a recent NHS Digital weekly design huddle, a couple of people in attendance mentioned recorded tutorials would be nice to follow in their own time. It would also allow people to pause and resume if they get stuck to explore their code.