Learn to Code in Javascript and Build Strong Programming Foundations

Information
Learner age group: 10 - 15
Learner background: No previous coding knowledge assumed
Mode of delivery: online 
Lesson time:1.3 hours
Content delivery Format: pdf with text, code , screenshots and gifs where applicable
_________________________________________________________________________________________________________
                                                                    NOTE 

Please note that this is a foundational course, it will greatly benefit those children who have shown a keen interest in learning to program, and would like to at some point pursue it as a career. 
__________________________________________________________________________________________________________

Requirements
1. Internet connection
2. Free account on https://codepen.io/
Note: All lessons and code comes with documentation and comments. You do not need anything else.

Learning Outcome
 
1. Solid grasp of programming fundamentals in JavaScript aided by theory, coding exercises and projects
2. Grasp of coding fundamentals which are universal in all programming languages


Lesson 0: Getting started

[ ]  What do we mean by programming/coding?
[ ]  Different coding languages and what they do
[ ]  What is JavaScript, Where is JavaScript used and What can you do with JavaScript?
[ ]  How to learn how to code
[ ]  What do we mean by "syntax"
- code statements
- semi-colon
- block
[ ]  Common syntax rules in JavaScript
[ ]  Installing JavaScript
[ ]  Your first Hello World! program in JavaScript
[ ]  Coding exercises
[ ]  Programming Challenge: Make your own programming language

 Learning outcome

1.  Learn how to start learning to code
2.Understanding of syntax
3.  Completion of first JavaScript program

Lesson 1: Data types all around us

[ ]  Data types in the real world
[ ]  Data types in JavaScript
[ ]  Keywords
[ ]  Coding exercises 
[ ]  Programming Challenge: Make your own data types to use with your custom coding language from lesson #1

 Learning outcome

1. Understanding of how data types model the real world in software and games
2. Understanding of the basic building blocks in JavaScript
3. Completion of programming challenge

 Lesson 2: Vivacious variables - part 1

[ ]  What is a variable
[ ]  Making variables
- Variable declaration
- Variable Initialization
- Variable assignment
[ ]  Putting it all together
[ ]  Changing variable values
[ ]  Naming conventions
- Rules
- Camel case
- Underscore
[ ]  Why do programmers need variables
[ ]  Pro tip

 Learning outcome

1. Consolidating all the concepts learned so far
2. Coding  first JavaScript story based game

Lesson 3: Vivacious variables - part 2

[ ]  Recap
[ ]  let keyword
[ ]  const keyword
[ ]  Manipulating variables
[ ]  Checking data types with the typeof operator
 [ ] Coding exercises 

Learning outcome

1. Understanding of advanced variable concepts

Lesson 4: Oooops operators

[ ]  Operators in the real world
[ ]  Operators in JavaScript
[ ]  Arithmetic operators
[ ]  Comparison operators
[ ]  Logical operators
[ ]  Concatenation
- Concatenation with +
[ ]  Coding exercises


 Learning outcome

1. Understanding of operators  and how they can be used individually and together

 Lesson 5: Cool conditionals

[ ]  Conditional statements in the real world
[ ]  Conditional statements in JavaScript
[ ]  Syntax
- if
- else
- if - else if - else
- meaning of block
[ ]  if statements
[ ]  else statements
[ ]  if - else if -else statements
[ ]  Pro tip
[ ]  Coding exercises


 Learning outcome

1. Foundational understanding of making more cohesive programs with conditional statements


 Lesson 6: Loopy loops

[ ]  Loops in the real world
[ ]  Iteration in JavaScript
[ ]  Syntax
[ ]  for loop
[ ]  while loop
[ ]  do while loop
[ ]  Pro tip
[ ]  Coding exercises

 Learning outcome

1. Illustrate usage of iteration in real world, applications and in game


Lesson 7: Fun functions- part 1

[ ]  Functions in real life, where do we use them?
[ ]  Functions in JavaScript
[ ]  Syntax
[ ]  Calling a function
[ ]  Return values
[ ]  Pro tip
[ ]  Coding exercises

Learning outcome

1.  Describe functionality in terms of functions
2. Making functions that apply to a person's daily life

Lesson 8: Bling built in methods

[ ]  Understanding built in methods in context to the real world
[ ]  Built in methods in JavaScript
[ ]  toUpperCase()
[ ]  toLowerCase()
[ ]  max()
[ ]  min()
[ ]  random()
[ ]  date()
[ ]  startsWith()
[ ]  endsWith()
[ ] Coding exercises 

Learning outcome

1. Being able to assess what methods to use and when
2. Creative problem solving by coding own method