Intro to JavaScript

Learning Competencies

By the end of this Sprint, you should be familiar with:

  • Variables and Object types
  • Data types
  • Manipulating strings, arrays, and objects
  • Using comments in code
  • Using console.log
  • Declaring functions
  • Returning things from functions
  • Explaining the difference between arguments and parameters
  • Using and understanding scope
  • If/else statements
  • Switch statements
  • Using for loops.

Summary

JavaScript is known as the "language of the web." It is a powerful object-oriented language that is lightweight and can communicate with the browser.

We'll introduce you to the core concepts. Each concept has a video tutorial followed by a practical challenge to solve.

Getting started

To run this exercise you need to have installed the correct software using the Bootcamp Computer Set Up Guide instructions during Sprint 1.

Tip: these challenges will introduce you to some new terminology. You might find it helpful to have the JavaScript Glossary open as an additional resource while you work through them.

Fork the repo

  1. Visit the JavaScript Intro repository on GitHub and click the Fork button in the top right to create your own copy of this repo
  2. From your command line, clone your copy of the repo down to your computer. The terminal command will look something like git@github.com:YOUR-USERNAME/javascript-intro.git
  3. Open the cloned javascript-intro folder in your code editor (hint: code .)
  4. Read the entire README.md before getting started - there are further instructions.

Time Box and Challenges

ChallengeTime
Variables1 hour
Functions2 hours
Operators2 hours
Objects2 hours
Arrays2 hours
Conditionals2 hours
Loops2 hours
Review1.5 hours
Reflect1 hour

Remember to save your progress and frequently use git add -A and git commit -m "your message" (with a more meaningful message) throughout the exercise.

Variables

  1. Watch this video on variables.
  2. Complete the variables challenge.

Functions

  1. Watch this video on functions.
  2. Complete the functions challenge.

Operators

  1. Watch this video on operators.
  2. Complete the operators challenge.

Objects

  1. Watch this video on objects.
  2. Complete the objects challenge.

Arrays

  1. Watch this video on arrays.
  2. Complete the arrays challenge.

Conditionals

  1. Watch this video on conditionals.
  2. Complete the conditionals challenge.

Loops

  1. Watch this video on loops.
  2. Complete the loops challenge.

JavaScript - Reading (optional)

Reflect

Navigate to your my-reflections-sprint-3 file and answer the questions under the Learning JavaScript heading.

Stage, commit and push!