README.md

Hiya Feds, welcome to...

FedTech!🎉

Please post your resources here to share with your fellow club members. And be sure to add your socials to the socials page to expand your professional network!

Please read the below contribution guidelines and kindly write a short description of what the URL relates to and if you'd like, your name so we know who to thank!

Be sure to also read our code of conduct.

How to use the repo!

-clone the repo to your local machine using git clone

-once you have done this you will have a copy of the repo on your local machine where you can add resources.

-to sync those changes to the remote repo so everyone has access you will need to add, commit and then push.

-occasionally pull from the repo to get any updated resources.

For ease of use I have included a CloningTheRepo.md which has the commands for mac/linux/windows.

If you are unfamiliar with git, you can view a getting started guide here:

https://docs.github.com/en/free-pro-team@latest/github/getting-started-with-github

Happy Sharing!

---

Table of contents

• Career 💼
  • Advice
  • Freelancing
  • Job boards
  • Job interview practice
  • Networking
• Front-end dev 🌐
  • Learning material
    • Courses and lectures
    • Other material
  • CSS
  • HTML
  • Design
  • Javascript
• Misc. 🤷
• Newsletters 📰
• Practice problems ✏️
• Productivity and life 🏃‍♀️
• Tech 🔬
  • AI
  • VR/AR
• Tools 🔨
  • Git
  • Misc tools

Career 💼

• Get advice from a career counsellor: https://federation.edu.au/current-students/assistance-support-and-services/student-development-and-careers/current-students/concertina-items/finding-a-job
  Federation has a lot of resources for students exploring their career options, I suggest you ask them for a 15 minute meeting, they're really helpful

Advice

• Developer "evergreen" skills: https://github.com/romenrg/evergreen-skills-developers
  A repo detailing the core skills all developers should have that never lose demand

• How to make your code-reviewer love you: https://mtlynch.io/code-review-love/
  A guide on what you should do before you send your code to be reviewed

Freelancing

• Freelancing 101: https://www.freelancersunion.org/resources/freelance-101/
  An all-in-one resource in becoming a freelancer

• What is freelancing? How to find a job: https://www.freecodecamp.org/news/what-is-freelancing/
  An introductory article on freelancing and how to find jobs online and in your city

Job boards

• Paddl: https://paddljobs.com/ A job board curated for university students

• Angel.co: https://angel.co/
  A job board for jobs in the startup scene

• Remotive.io: https://remotive.io/
  A job board for remote work, largely US-based

Job interview practice

• Interview school: https://interviews.school/
  A step by step guide covering both the technical and non-technical aspects of a software developer interviews created by a former Google software engineer, [Adilet Zhaxybay] (https://github.com/ADJA).

• Pramp: https://www.pramp.com/#/
  Practice live interviews with peers

• Tech Mock Interview: https://www.techmockinterview.com/
  Practice mock interviews with professional interviewers from top software companies

• Interviewing.io https://interviewing.io/
  Practive doing interviews with engineers from places such as Google, Facebook etc.

• Interview Buddy https://interviewbuddy.in/
  Mock interviews with industry experts

Networking

• The Importance of pinned tweets: https://www.creativebloq.com/inspiration/how-a-simple-pinned-tweet-can-win-you-new-work
  An article explaining the importance of pinned tweets when it comes to networking

👆 Back To Top

Front-end dev 🌐

Additional front-end dev resources can be found on FrontEndResources.md

Learning material

Courses and lectures

• Mozilla's full front-end web developer course: https://developer.mozilla.org/en-US/docs/Learn/Front-end_web_developer
  A course created by Mozilla that helps you to learn the concepts needed to become a front-end web developer

• Web Dev for beginners: https://github.com/microsoft/Web-Dev-For-Beginners
  A 12 week project-orientated course created by Microsoft hosted on github!

• School of SRE (Site Reliability Engineers) by LinkedIn: https://github.com/linkedin/school-of-sre
  A course created and used by LinkedIn when onboarding graduates from non-traditional backgrounds to become Site Reliability Engineers (SREs)

• Building dynamic websites: https://cs75.tv/2010/fall/
  A collection of lectures from Harvard talking about how to build websites using the LAMP (Linux, Apache, MySQL, and PHP) framework

• The modern Javascript tutorial: https://javascript.info/
  An extensive text-guided course that covers Javascript from the beginning to more advanced concepts such as async

• Mastering Fullstack development: https://thinkster.io/tutorials/fullstack A project-oriented course on fullstack development
  The repo that demostrates how the same project can be made with different stacks: https://github.com/gothinkster/realworld

Other material

• Website mockups: https://nicepage.com/website-mockup
  A website with over 5000 website examples to use as reference for doing layout practice

• Front-end checklist: https://github.com/thedaviddias/Front-End-Checklist
  An exhaustive checklist of best practices you should ensure you have in your code before going live

• The Smart Coder: https://thesmartcoder.dev/
  A website with tons of articles on how to become a web developer

• Awesome web performance budget: https://github.com/pajaydev/awesome-web-performance-budget
  A repo that contains resources on how to monitor the performance of your code to allow you to do optimisations

• How does HTTPS actually work?: https://robertheaton.com/2014/03/27/how-does-https-actually-work/
  A article explaining what HTTPS is, what it does and goes into the SSL/TLS encryption protocols that gives HTTPS its "S"

👆 Back To Top

CSS

• Stacked "borders": https://css-tricks.com/stacked-borders/
  A neat article showing to the extent you can customise the outline of elements with CSS

• The guide to CSS animations: https://www.smashingmagazine.com/2011/09/the-guide-to-css-animation-principles-and-examples/
  A extensive guide with examples covering the principles needed to become proficient at CSS animations

• Javascript Teacher: CSS animation tutorial: https://jst.hashnode.dev/css-animation-tutorial
  Another detailed guide explaining how to use and make CSS animations

• Awesome web animation: https://github.com/sergey-pimenov/awesome-web-animation A list of tools for creating web animations

👆 Back To Top

HTML

• Exhaustive list of HTML special characters: https://www.w3schools.com/charsets/ref_html_entities_a.asp
  A exhaustive (or at least very extensive) list of special characters available in HTML

• HTML5 please: https://html5please.com/
  This site helps assist you in making decisions about providing support for older browsers and how to do it, with such things as fallbacks or polyfills

👆 Back To Top

Design

• Building a colour palette: https://refactoringui.com/previews/building-your-color-palette
  An article on how to select and create a great colour palette for your website

• 2021 UI Design Trend: Glassmorphism: https://dev.to/harshhhdev/ui-design-trend-of-2021-4fb7
  An article that provides details on the latest trend occuring in UI design, Glassmorphism, and how to make it, important when clients catch on

👆 Back To Top

Javascript

• Use console.log like a pro: https://markodenic.com/use-console-log-like-a-pro/
  A short article listing all the features console.log has so you can use it for more effective debugging

👆 Back To Top

Misc. 🤷

• How to use google to solve your programming questions: https://codinginflow.com/google-programming-questions
  Tips on how to use google to help quickly find the answers to your programming questions

• The Zettelkasten method: https://zettelkasten.de/introduction/
  A detailed explanation on the Zettelkasten method, a thinking tool for creating a interconnected web of information

👆 Back To Top

Newsletters 📰

Hacker Newsletter: https://hackernewsletter.com/
A weekly newletter that rounds up what has been occurring in the tech community, highly recommend

👆 Back To Top

Practice problems ✏️

• Leetcode: https://leetcode.com/problemset/all/
  A collection of problem sets mainly geared towards those who are preparing for interviews. The site also includes extensive articles on different programming concepts

👆 Back To Top

Productivity and life 🏃‍♀️

• Breaking procrastination with the Fogg Behaviour model: https://www.deprocrastination.co/blog/how-to-stop-procrastinating-by-using-the-fogg-behavior-model
  A model that explains the phenomenon of procrastination and practical steps to prevent it

• How to balance full-time work with creative projects: https://thecreativeindependent.com/guides/how-to-balance-full-time-work-with-creative-projects/
  A article on how to balance your side-projects with your full-time work

• How to be great? Just be good, repeatably: https://blog.stephsmith.io/how-to-be-great/
  A fantastic article on building habits and working towards long term goals

👆 Back To Top

Tech 🔬

AI

• The GPT-3 architecture explained: https://dugas.ch/artificial_curiosity/GPT_architecture.html
  A quite good explanation of the architecture that makes the GPT-3 model, summarising papers and explaining the subject as simple as possible

👆 Back To Top

VR/AR

Tools 🔨

Git

• Resources to learn Git: https://try.github.io/
  A site containing a select group of beginner resources to help you to start learning how to use git

• Git exercises: https://gitexercises.fracz.com/
  A set of exercises involving git, designed to help you to understand git related concepts

👆 Back To Top

Misc tools

• Diff-checker: https://www.diffchecker.com/text-compare/
  Useful in quickly identifying differences between blocks of code or between expected and actual output

👆 Back To Top