elewa-academy / ultra-practical-javascript

Ultra-Practical JavaScript

Take a breather, this project will be relaxing after Reading Lodash. You'll get a chance to explore the planning and development process while refreshing your JavaScript basics.

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.

In this project you will follow each step of his tutorial, save your code for each step, then organize these steps into a complete deployment repository. 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 folder on your computer for later use.

Finally, you will refactor his last version into your final version that uses 3-layerd handlers.

Index

• Learning Objectives
• Specifications
• Resources

---

Learning Objectives

• Application architecture
• Development Process
• 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 a new folder on your computer.

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

Extra practice:

• A similar tutorial, but less complete

TOP

---

---