Bite sized projects

Little projects you can learn from in 45 minutes or less.

Make every minute count!

• Gh-Pages Portfolio
• The Programmer’s Oath
• JavaScript Puzzles
• CodeWars 2.0
• Objects 101
• Read, Document, Refactor
• Development Schedules
• 100 Day CSS
• JavaScript 30
• Flexbox Froggy
• Elewa Home

---

Gh-Pages Portfolio

Build and publish a live portfolio hosted on your GitHub account.

• Dannguyen’s Guide

---

The Programmer’s Oath

Fork this repo, fill out the README, and feature it on your portfolio.

TOP

---

JavaScript Puzzles

Short functions, objects, or scripts to de-tangle.

• Twister
• Chain Link Function
• Fun One
• Simple Average
• The Tims: One, Two, Three, Four, Five, Six
• JavaScript Puzzlers Webinars

TOP

---

CodeWars 2.0

Simply solving a programming challenge isn’t enough for deep learning. Go all-in by treating each code war as a full development project.

Solution Design GitBook

Kata Recommendations:

• 8 Kyu -
  • Repeat String
  • Convert Number to String
  • Class Average Comparison
  • Remove Number from String
• 7 Kyr -
  • Is it an Isogram?
  • The First Shall be Last
• Send us your favorites!

For more abstract challenges, check out The Euler Project . Learn more about this study method in The Notional Machine, a project from our Fundamentals Series.

TOP

---

Objects 101

Learn a little bit about JavaScript objects with these two study projects.

Objects Video Series:

• Video Walk-Through
• Code from video

Progressive Bank Account:

• Code to Study

TOP

---

Read, Document, Refactor

Learn how to study source code using detailed code specifications.

• Template Repo

TOP

---

Development Schedules

Practice making organized development schedules based on user stories. Pick a simple site like a photo gallery, a portfolio, or a carry out menu. Then build a simple prototype using an agile methodology.

This project is about the plan, not the programming. Use a tool like Mobirise tp build your landing page in minutes so you can focus on the planning process.

User Centered Project Repos:

• Template
• Example

Landing Page Builders:

• Mobirise Beginner’s Guide.
• Pigendo - for Linux.

Learn more about deployment schedules in the Organizing Development project from our Fundamentals Series.

TOP

---

100 Day CSS

Boost your CSS skilzz with 100 bite sized challenges. Each is presented as a small, completed project. Pick apart the source code, try replicating each one and explaining them to a friend.

• The 100 Challenges

TOP

---

JavaScript 30

An outstanding series of 30 small projects accompanied with video tutorials, by Wes Bos.

• The JavaScript 30

TOP

---

FlexBox Froggy

An interactive introduction to the CSS FlexBox.

• The Flexbox Froggy

TOP

---

---