Skip to content

Latest commit

 

History

History
99 lines (62 loc) · 3.13 KB

1-manipulate-javascript.md

File metadata and controls

99 lines (62 loc) · 3.13 KB
Raw

👖 Step 1 - Manipulate Products

How to manipulate data with JavaScript in the browser

Table of Contents

🎯 Objective

Getting starting with the programming Language JavaScript to manipulate array, objects, functions etc...

🏗 Prerequisites

  1. Be sure to have a GitHub account.

If not, you should create a GitHub account then add your ssh to your github profile for a simpler authentication.

  1. Fork the repository via github

fork

  1. Clone your forked repository https://github.com/YOUR_USERNAME/clear-fashion
❯ cd /path/to/workspace
❯ git clone git@github.com:YOUR_USERNAME/clear-fashion.git
  1. Open the entry point ../client/v1/index.html in your browser (that loads the index.js file)
# macos cli
❯ open client/v1/index.html
# linux cli
❯ xdg-open client/v1/index.html

# or by double-clicking in your browser files
  1. Check the ouput in your browser console (Use Ctrl + Shift + J or Cmd + Opt + J to focus to your console devtools)

console

👩‍💻 Just tell me what to do

  1. Solve each TODO inside ../client/v1/index.js file with JavaScript

todo

  1. Once a TODO is solved, commit your modification:
❯ cd /path/to/workspace/clear-fashion
❯ git add -A && git commit -m "feat(lowest): compute number of products"

(why following a commit message convention?)

  1. Commit early, commit often
  2. Don't forget to push before the end of the workshop
❯ git push origin master

Note: if you catch an error about authentication, add your ssh to your github profile.

  1. Check that your codebase works by checking the console output
  2. If you need some helps on git commands, read git - the simple guide

Don't forget. 5 Focus.

  • DRY - Don't repeat yourself
  • DOT - Do One Thing
  • KISS - Keep It Simple Stupid
  • LIM - Less Is More
  • English only: codebase, variables, comments...

Focus only on coding, forgot the browser display (next workshop!).

Use console.log or console.table to display results (for the moment)

🛣️ Related Theme and courses