Web Developer

Getting Started

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

   • Note: For Step 5, the project would be "HackforLA.org Website", if you are planning to join the website team.

2. Read and follow the steps in Joining the HackforLA.org Website Team.

3. Read About the Website Development Team

4. 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 entire text within the quotes including the brackets with your name. For example, if my name is Jane Doe, then the title will become "Pre-work Checklist: Developer: Jane Doe".
   • Click the "Submit new issue" button.
   • Follow the directions in the checklist.

5. Read CONTRIBUTING.md to learn about how to contribute to our project as well as Being a Part of the Hack for LA Dev Team, which includes information on how to be a good team member and how to become a leader on the team.

Resources

Meeting Agenda & Notes

• See Meetings & Agenda Page
• Tuesday Dev Meeting
• Sunday All Team Meeting

Project Board

• Project Board
• Front End Issues in Prioritized Backlog Column
  • Front End, Good First Issue
  • Front End, Small
  • Front End, Medium
  • Front End, Large
• Back End/DevOps in Prioritized Backlog Column
  • Back End/DevOps, Good First Issue
  • Back End/DevOps, Small
  • Back End/DevOps, Medium
  • Back End/DevOps, Large

Tools

• Figma - Hack for LA
• Google Drive - Hack for LA website team

Guides

• CONTRIBUTING.md
• Being a Part of the Hack for LA Team
• Software Lifecycle Diagram
• How to Kanban for Successful Open Source Projects, where you can read about our project management system.
• How to Review Pull Requests
• How to Create Issues
• How to Read and Interpret Labels
• Design System in Figma, where you can see reusable components and their classes along with some guidance that might be necessary when you are implementing a feature on the website.
• Standardized Components, where you can learn about about how reusable components work on our website.
• Hack for LA Site Architecture
• Project Terminology

Accessibility

• W3C Web Accessibility Tutorials
• WCAG 2.0 Compliance Tools