Devs from Chingu Voyage 5 cooperate to build projects from P1xt's Speedruns. The first speedrun we will be attempting is the Frontend Speedrun You can see P1xt's full repo here, and the rest of P1xt's guides here.
To start a project, just create a branch with the name of that project, copy the finished version of the project into that branch and get to work cloning it! Once the project is complete, we will merge it into master.
Add an entry here for each speedrun you undertake
| Speedrun | Start Date | End Date | Projects Completed | Completed Portfolio |
|---|---|---|---|---|
| Frontend | 5/19/2018 | |||
- 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
Complete as many projects as you can in one month.
- CSS Speedrun
- FreeCodeCamp Speedrun
- Game Development Speedrun
- Angular Frontend Speedrun
- Vue Frontend Speedrun
- React Frontend Speedrun
- Full Stack Speedrun
- Open Source PR Speedrun
- Algorithms Speedrun
- 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.
- 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.
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
- 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.
- 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.
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.)
- Learn to Code HTML & CSS — focus on the CSS portions
- CSS Tutorials for Beginners — Overview of the basics.
- CSS Positioning Tutorials — Basic CSS for positioning content.
- Learn to Code Advanced HTML & CSS — focus on the CSS portions
- CSS Flexbox Tutorial — Additional tool for positioning content.
- CSS Animation Tutorial — Quick yet informative overview of CSS Animations.
- SASS Tutorial — Quick tutorial of the basics of Sass
- CSS Tips & Tricks — A few quick Tips that may come in handy
- Getting Sassy with CSS — In depth coverage of Sass
- SVG Tutorial: With CSS Animation — Quick intro to SVG for drawing images which you can then manipulate with CSS
- Sass Workflow & Dev Server From Scratch Using Gulp — for setting up Sass in your local development environment
- Jade/Pug Tips in 90 Seconds — for those times you need to use a for loop to make a lot of HTML elements
- Emmet For Faster HTML & CSS Workflow — awesome tool for coding quickly (if you’re not already using it, check it out)