Ultra Practical JavaScript

Take a breather, this project will be relaxing after things like tictactoes. You'll get a chance to revisit the planning and development process while learning about application design.

Practical JavaScript is an outstanding video series by Gordon Zhu that walks you through developing a Todo app for the browser. He does an exceptional job of organizing and explaining his development process: the app begins with a very basic implementation that he gradually refactors into a full frontend application. Along the way he introduces key JavaScript features and best practices.

You will be expected to build a presentable repository to showcase what you learned in his tutorial. He will have you build your code in Plunkr, something like Codepen. After each version of his project you will move your code from Plunkr to a new branch in your Ultra Practical JavaScript repo and include an informative README.

Index

• Learning Objectives
• Specifications
• Resources

Learning Objectives

• Application architecture
• Development Process (again)
• JavaScript Best Practices
• Branching & Releases
• Development Environments

TOP

Specifications

Individually you will follow the entire Practical JavaScript tutorial.

1. Create a new directory where you will store all of your work for this project. Put in a nice README, but that's all for now.

2. For each version:

   1. Follow his videos, rewriting his code on your own (in plunkr is fine).
   2. Create a new folder named after this version in your directory.
   3. Write a nice README to summarize what happened in this step.
   4. Move your code into an index.html & js scripts files in this directory.

   put in a README but otherwise it can be empty for now. You will follow the entirety of Practical JavaSCript, building the same code as Gordon. Each time you finish a version, copy it into a new folder in your Practical JavaScript directory and include a README for that version.

Together we will:

1. Create a new empty folder and repository
2. Copy the code from each folder to a new empty branch on your computer
3. Polish a README for this version
4. Merge that branch into master
5. Place a new tag on master to mark the new version
6. Push to GitHub:
   • Updated master branch
   • The new version tag

The end result will be a repository organized by steps in the tutorial. For each step you will have:

• A good README
• A branch
• A release
• Your code

TOP

Resources

Practical JavaScript:

• The Videos
• About the Series
• Who's it For?

Accompanying PJS Resources:

• A Reference that Follows the Videos
• Best Repo to Study, eugenetriguba:
  • Repo
  • Demo
• Code to Study: EQuimper
• Code to Study: mashablair
• Code to Study: obwansan
• Gordon's finished code

Branch/Releases Strategy:

• Basic Branching/Merge

Demo Repositories:

• (Not exactly the same project, but good examples of clean repos)
• TicTacToe Repo
• CleanCalc Repo

TOP