THC's Learning System

Jumpstarter Workshop Guide

Jumpstarters are not teachers! Jumpstarters are mentors with a supportive personality! The role of a jumpstarter is to lead, inspire and ‘jumpstart’ one’s love for technology.


1. Weekly Meeting Flow
Login to Google Meet with the Jumpstarter meeting credentials.
Send the meeting link in Discord 5 minutes before the official start time of the batch.
Record the meeting.
Run through the Weekly Jumpstarter Meeting Structure (See Point 3 Below).
Share meeting recording link, code resources and any slides prepared with students in Discord after each session asap, by the next day.
Be the primary point of contact for the students throughout the week whenever they need help.

2. Weekly Meeting Login Credentials
Student Mentor Google Email: jumpstarters@hackercollective.co
Student Mentor Google Pw: Sudojumpstarters@101

3. The Goal of The Peer-to-peer Learning Initiative
For student mentors to improve and learn by teaching, the Feynmann technique. Read more
to understand all about it.
Student mentors can improve their coding skills and people skills. To become a 10x developer and project manager to add more value and demand a higher salary.
For learners to learn better from junior developers rather than super experienced developers. They can relate a lot better from junior developers.
Junior developers were in their shoes months ago and will be able to relate to the complete beginner learners a lot better.
4. Challenge Materials
@Yap Yee Qiang
please insert the GitHub link here:
👈
5. Capstone Projects
@Kaiz
@Yap Yee Qiang

6. Backup Teaching Materials (Legacy lecture materials. Don’t use this!)
Follow the curriculum on Pathforge. Solve the challenges on Pathforge with them. If unclear, feel free to use any of the materials below to guide them through their learning journey.

FUNDAMENTALS
HTML
CSS
Code 3 Bob Media Queries:
Code 5 Bob Position:
Code 8 Bob Media Queries: https://codepen.io/bobshoaun/pen/ZEOmNyG
Code 9 Sultani Flexbox: https://codepen.io/md_sultani/pen/OJRpEyv

JS Intro
JS Loops & Basic Algorithm Challenges
JS Refresher, JS Methods, Basic Algorithm Challenges
DOM Manipulation & JS Events
Code Snippets (Dom Events):
JS Objects, Vanilla Todolist App, Basic Algorithm Challenges
Code Snippets (Dom Events): https://codepen.io/dericyee/pen/mdPEOpW
Code Snippets (Objects): https://codepen.io/shatish/pen/OJMOozB
Capstone: Assessment & Todolist V2
Guide: https://docs.google.com/document/d/1JOP0wR2P3GUvhtFh-0jOTYtaq9Y4LoRYNCV2rp4YpPk/edit?usp=sharing
Assessment Solution:
Designed TodoList By Student:
More JS Objects, OOP, Algo Challenge, Orange Tree
For this week, no need to cover slides if no time! Prioritise OrangeTree & Code Snippets. Slides can just very quickly run through and send it to them with links to read on their own.
Discuss Assessment:
OOP Slides:
OOP Code Snippets: https://codepen.io/dericyee/pen/BaKGzMg
Version Control, Git, Github, Gitbash, Unix Command Lines
Slides Unix Command Lines:
API Requests (GET/POST/DELETE)
Slides: https://www.canva.com/design/DAECsLyQLvQ/Xj-kZ_mXnQo1-YgkBTATNQ/view?utm_content=DAECsLyQLvQ&utm_campaign=designshare&utm_medium=link&utm_source=sharebutton
JSONPlaceholder Practice: https://codepen.io/dericyee/pen/wvMNPWM?editors=1112
Random Authors Practice: https://codepen.io/dericyee/pen/XWdyKdX
Meme generator (10 min Challenge for them): https://codepen.io/mingern789/full/xxOoyXa
Post / Delete request practice logan: https://codepen.io/loganchandra/pen/BaLRGOB?editors=1011
Guessing Game: https://codepen.io/dericyee/pen/pogLvpx?editors=1010 (do if have time. Or ask them do as homework. Here’s the deployed link:
Feel free to use your own fun API’s as examples for them too!
Capstone: Mini Vanilla HTML CSS JS Project
Feel free to implement your own! Just break it down into small 5-10 minute challenges, and get them to share their code.
If they can’t, just slowly get them to code along
They should implement their own ideas and do it in the class. Either in groups or individually.
Their homework for the week should be to do their own version of a vanilla html css js project

EXTRAS/BONUSES FOR FUNDAMENTALS
Bootstrap Challenge
https://www.canva.com/design/DAD2CJL3kiY/R6DVhFb4G2F769Z2R2imjw/view?utm_content=DAD2CJL3kiY&utm_campaign=designshare&utm_medium=link&utm_source=sharebutton
Meme Generator Challenge
https://codepen.io/mingern789/full/xxOoyXa
Dino Game Challenge
V1: https://jsfiddle.net/huyenvu/qv8bmkjy/35/
V2: https://jsfiddle.net/huyenvu/arz3vs67/254/
Meme Generator Challenge
IG Landing Page Challenge
https://codepen.io/dericyee/pen/ExKrWGo
Async Await Tutorial
https://www.canva.com/design/DAEA1DV5BkU/AKMTPTZCinHiRf53seYKVw/view?utm_content=DAEA1DV5BkU&utm_campaign=designshare&utm_medium=link&utm_source=sharebutton
Face API Challenge
https://face-api-test1.web.app/
https://github.com/dericyee/face-api-test
Tensorflowjs Image Classification Challenge
https://github.com/dericyee/tfjs-image-classifier
https://tensorflowjs-image-classifier.web.app/

VUEJS

BACKEND

FINAL PROJECT



Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.