https://github.com/p1xt/speedrun-challenge
Speedrun challenges for programming practice
https://github.com/p1xt/speedrun-challenge
Last synced: 10 months ago
JSON representation
Speedrun challenges for programming practice
- Host: GitHub
- URL: https://github.com/p1xt/speedrun-challenge
- Owner: P1xt
- Created: 2018-05-01T17:08:54.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-05-14T03:38:18.000Z (over 7 years ago)
- Last Synced: 2025-01-28T20:16:45.057Z (12 months ago)
- Size: 39.1 KB
- Stars: 35
- Watchers: 8
- Forks: 17
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Speedrun Challenge
## Progress
Add an entry here for each speedrun you undertake
| Speedrun | Start Date | End Date | Projects Completed | Completed Portfolio |
| -------- | ---------- | -------- | ------------------ | ------------------- |
| | | | | |
| | | | | |
| | | | | |
| | | | | |
| | | | | |
| | | | | |
## Details
* Fork this repository
* Pick which speedrun you want to run, add it to this README's Progress chart
* Make note of your start date, and an end date one month later
* Start coding
### The goal
Complete as many projects as you can in one month.
### Speedrun options
* [FreeCodeCamp Speedrun](./FCC_Speedrun.md)
* [Game Development Speedrun](./GameDev_Speedrun.md)
* [Frontend Speedrun](./Frontend_Speedrun.md)
* [CSS Speedrun](./CSS_Speedrun.md)
* [Angular Frontend Speedrun](./Angular_Frontend_Speedrun.md)
* [Vue Frontend Speedrun](./Vue_Frontend_Speedrun.md)
* [React Frontend Speedrun](./React_Frontend_Speedrun.md)
* [Full Stack Speedrun](./FullStack_Speedrun.md)
* [Open Source PR Speedrun](./Open_Source_Speedrun.md)
* [Algorithms Speedrun](./Algorithms_Speedrun.md)
### The Rules
* You may reuse code you previously wrote, but try to improve on your prior effort in some way.
* You may ask for help and help others - preference should always be given to helping someone understand, not handing them code they don't.
* If someone is stuck, you may pair with them to help them get unstuck.
* If someone pairs with you to help you get unstuck, be sure to make a note to credit them in your repo and in your blog posts.
### Deliverables
* as many projects as you can complete in one month
* For each project, you must write a blog post.
* For each project, you must link to your code in a git repository.
* For each "web based" project, you must link to a running demo that's accessible on the web. (Not necessary for projects without a web component, such as pull requests, algorithms, or mobile or desktop apps.)
* You may combine multiple projects into one git repository.
### The Competition
How many projects can you complete in one month?
**Note:** This is the type of competition where, yes, winning is awesome, but participating and giving it your all is the best prize, and everyone can get that :D
### One week "pre-speedrun" prep
* Regardless which speedrun you pick, you're going to want to know how to create a git repository, and save your code to it - you can use Github, Gitlab or Bitbucket, they all work the same. Get git setup on your PC before you start the speedrun.
* You will want an editor that you are familiar with setup on your PC. If you already have that, good. If you don't, I recommend Visual Studio Code.
* If you're doing a FCC or Frontend Speedrun and need some HTML/CSS practice, I'd recommend [Shay Howe](https://learn.shayhowe.com/).
* If you're doing an Angular, React or Vue Speedrun, I recommend looking at their official docs and following the beginner guides, build the demo app.
* If you're doing a Game Development Speedrun, I recommend installing and configuring your engine of choice, working through their intro guide, and becoming familiar with their docs.
* If you're doing an Algorithms Speedrun, I recommend doing a quick readthrough of the docs for whatever language you'll be using, and a skim through [Open Data Structures](http://opendatastructures.org/).
### HTML / CSS prep for Frontend or CSS challenge
Extra resources for if you really need to prepare, or if you're doing the CSS challenge which involves a lot of pure CSS animations (which you might not have encountered before.)
#### Total Basics — if you’re just starting out with CSS:
* [Learn to Code HTML & CSS](https://learn.shayhowe.com/html-css/) — focus on the CSS portions
* [CSS Tutorials for Beginners](https://www.youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT) — Overview of the basics.
* [CSS Positioning Tutorials](https://www.youtube.com/playlist?list=PL4cUxeGkcC9hudKGi5o5UiWuTAGbxiLTh) — Basic CSS for positioning content.
#### Further Study — if you want to prep more for general CSS:
* [Learn to Code Advanced HTML & CSS](https://learn.shayhowe.com/advanced-html-css/) — focus on the CSS portions
* [CSS Flexbox Tutorial](https://www.youtube.com/watch?v=Y8zMYaD1bz0&list=PL4cUxeGkcC9i3FXJSUfmsNOx8E7u6UuhG) — Additional tool for positioning content.
* [CSS Animation Tutorial](https://www.youtube.com/watch?v=jgw82b5Y2MU&list=PL4cUxeGkcC9iGYgmEd2dm3zAKzyCGDtM5) — Quick yet informative overview of CSS Animations.
#### Advanced Study — A further boost:
* [SASS Tutorial](https://www.youtube.com/watch?v=St5B7hnMLjg&list=PL4cUxeGkcC9iEwigam3gTjU_7IA3W2WZA) — Quick tutorial of the basics of Sass
* [CSS Tips & Tricks](https://www.youtube.com/watch?v=B9OZkATMbag&list=PL4cUxeGkcC9htzG9o-QzCTsGMbmfuF4kk) — A few quick Tips that may come in handy
* [Getting Sassy with CSS](http://www.sassshop.com/#/) — In depth coverage of Sass
* [SVG Tutorial: With CSS Animation](https://www.youtube.com/watch?v=IM8eTD01UE8) — Quick intro to SVG for drawing images which you can then manipulate with CSS
* [Sass Workflow & Dev Server From Scratch Using Gulp](https://www.youtube.com/watch?v=rmXVmfx3rNo) — for setting up Sass in your local development environment
* [Jade/Pug Tips in 90 Seconds](https://www.youtube.com/watch?v=JqCs1pdmf9o&list=PLHrxuCR-0CcSWiMuLf58iuIsNlP549-Sk) — for those times you need to use a for loop to make a lot of HTML elements
* [Emmet For Faster HTML & CSS Workflow](https://www.youtube.com/watch?v=5BIAdWNcr8Y) — awesome tool for coding quickly (if you’re not already using it, check it out)