devresources.html

---
layout: default
title: "Developer Resources"
permalink: "/dev/resources"
---

<h1 class="title page-title">Developer Resources</h1>

<p>
    Here are some resources that we've created to help with developer onboarding, training, and tooling!
</p>

<hr class="divider" />

<h2 class="text-center">
    Learning Resources
</h2>

<div class="resource-card-container">
    <div class="resource-card">
        <div class="text-center">
            <img src="{{ site.baseurl }}/img/teachLA_logo_light.png" class="resource-logo" alt="teach la logo" />
        </div>
        <div>
            <h3 class="title">
                Learning Labs Crash Course
            </h3>
            <p>
                Over Summer '20, we made 18 videos (and accompanying written notes) covering <b>everything you need to know to work on our learning labs</b>! We cover the basics of HTML, CSS, and JS; dive into React; and touch on DevOps, accessibility and best practices, and even Firebase and backends!
            </p>
            <p>
                If you're just joining Teach LA, we'll most likely point you towards these resources!
            </p>
            <p>
                Watch the <a href="https://www.youtube.com/playlist?list=PLPO7_kXilXFa6YdXxn5oln1gagcqnFI4l" class="tla-link" target="_blank" rel="noopener noreferrer">videos on YouTube</a>, or follow along with the <a href="https://github.com/uclaacm/learning-lab-crash-course-su20" class="tla-link" target="_blank" rel="noopener noreferrer">notes on Github</a>!
            </p>
        </div>
    </div>
</div>

<div class="resource-card-container">
    <div class="resource-card">
        <div class="text-center">
            <img src="{{ site.baseurl }}/img/partners/qwerhacks.png" class="resource-logo" alt="QWER hacks logos" />
        </div>
        <div>
            <h3 class="title">
                QWER Hacks React/Firebase Workshops
            </h3>
            <p>
                We love working with <a class="tla-link" target="_blank" rel="noopener noreferrer">QWER Hacks</a>, the first collegiate LGBTQIA+ hackathon - held right here at UCLA!
            </p>
            <p>
                We've coprogrammed with them by developing workshops on React and Firestore. They're great short intros to how to use some of the newer web technologies and make your own web app!
            </p>
            <h4>2021 Workshops</h4>
            <ul>
                <li>
                    <a href="https://www.youtube.com/playlist?list=PLPO7_kXilXFbpznCbpni9fjg7MKU7lyKS" class="tla-link" target="_blank" rel="noopener noreferrer">Intro to React</a>
                </li>
                <li>
                    <a href="https://www.youtube.com/playlist?list=PLPO7_kXilXFb0_hrPKxlx-UEhZHiiTEWY" class="tla-link" target="_blank" rel="noopener noreferrer">Intro to Firebase and Firestore</a>
                </li>
                <li>
                    <a href="https://github.com/malsf21/qwerhacks-21-workshops"
                    class="tla-link" target="_blank" rel="noopener noreferrer">notes for all workshops on GitHub</a>
                </li>
            </ul>
            <h4>2020 Workshop</h4>
            <ul>
                <li>
                    <a href="https://github.com/malsf21/qwerhacks-web-dev-workshop"
                    class="tla-link" target="_blank" rel="noopener noreferrer">workshop notes and walkthrough</a>
                </li>
            </ul>
        </div>
    </div>
</div>


<div class="resource-card-container">
    <div class="resource-card">
        <div class="text-center">
            <img src="{{ site.baseurl }}/img/teachLA_logo_light.png" class="resource-logo" alt="teach la logo" />
        </div>
        <div>
            <h3 class="title">
                Dev Team Intern Training (Winter '21)
            </h3>
            <p>
                We ran a set of in-depth training sessions with our dev team interns to cover practical topics related to our workflow. Sessions range from intro to project management to CI/CD and linting to intro to backend.
            </p>
            <p>
                There's a bit of overlap with our learning labs crash course; you can check that our first!
            </p>
            <p>
                Follow along with the <a href="https://github.com/uclaacm/tla-dev-intern-training-w21" class="tla-link" target="_blank" rel="noopener noreferrer">notes on GitHub</a>!
            </p>
        </div>
    </div>
</div>

<h2 class="text-center">
    Templates
</h2>

<div class="resource-card-container">
    <div class="resource-card">
        <div class="text-center">
            <img src="{{ site.baseurl }}/img/partners/react.png" class="resource-logo"
                alt="react programming language logo" />
        </div>
        <div>
            <h3 class="title">
                Barebones React Template
            </h3>
            <p>
                We set up a template repository for React projects with automatic build actions, dependabot setup, and some other neat things! Light and unopionated, this starter powers a few of our internal React projects.
            </p>
            <p>
                Check out our <a href="https://github.com/uclaacm/teach-la-react-starter-barebones" class="tla-link" target="_blank" rel="noopener noreferrer">GitHub repository</a>!
            </p>
        </div>
    </div>
</div>