Web Developer

Information to Know Before Joining the Website Development Team

• The Hack for LA Website Development Team is a level 1 team, which means the team has a support structure in place for all developers on the team to learn best practices before moving on to a level 2 team. In addition, this means all developers new to the team go through the same process.

• Our front end is HTML, SCSS, and JavaScript. Our back end and development operations use GitHub Actions and Google Apps Script.

• Require a time commitment of at least 6 hours per week.

• Attend at least one of the following meetings each week:

  • All team weekly meeting (UX/UR, Development, Product), Sundays 10am-12 noon Pacific Time
  • Developer (front-end/back-end) weekly team meeting, Tuesdays 7-8 pm Pacific Time
  • (Optional) Developer Office Hours meeting, Thursdays 7-8pm Pacific Time

Once you join our team, we expect all developers to do the following:

• Complete a pre-work developer checklist issue, which we will guide you through.

• Review pull requests, which we will teach you how to do.

• Work on one issue at a time and wait until your pull request is merged before working on another issue.

• Progress through issues with increasing complexity in the following order:

  • Good first issue
  • Good second issue
  • Small
  • Medium
  • Large

  The reason for this progression is the issues start out as being prescriptive and become less so as you gain more experience by working through increasingly complex issues. Also, please only do one good first issue, one good second issue, and one small issue. This will ensure we have enough good first, good second, and small issues for newer developers to work on. Exceptions may be made for working on more than one small issue, such as a medium issue being too difficult for you and you needing to learn something new by doing a small issue as a stepping stone to help your progress to a medium issue.

Getting Started

1. Join the Hack for LA organization. (There are no fees to join.) To join, follow the steps in our Getting Started page.

2. Open a Pre-work Template - Developers issue.

• Click on this link: Pre-work Template - Developers
• In the title where it says, "[replace brackets with your name]". Replace the text in the brackets with your name.
• Click the "Submit new issue" button.
• Follow the directions in the checklist.

3. Review the Project Board to familiarize yourself with the whole project board.

4. Read CONTRIBUTING.md and set up your development environment.

5. Be familiar with the Design System in Figma, where you can see reusable components and their classes that might be necessary when you are implementing a feature on the website.

6. Read How to Review Pull Requests.

7. Read through Hack for LA Site Architecture.

Resources

Helpful links in our GitHub repo	Other useful links
How to Create Issues	Review the Software Lifecycle Diagram
How to Read and Interpret Labels	Read about Kanban to familiarize yourself with our project management system
Being a Part of the Hack for LA Team	W3C Web Accessibility Tutorials
GitHub Project Board Prioritized Backlog highlighted and sorted by Front End	Figma - Hack for LA
GitHub Project Board Prioritized Backlog highlighted and sorted by Back End/DevOps	Google Drive - Hack for LA website team
Agenda / Notes - Dev Team Tuesday meeting	WCAG 2.0 accessibility standards
Agenda / Notes - All Team meeting
Project Terminology