0% found this document useful (0 votes)
27 views23 pages

GG 2.0 - FE - Module 1 - Session 1 Overview

This document outlines an agenda for a session on JavaScript installation and overview. It includes introductions, materials to cover like variables, control flows, arrays, objects, functions, classes and packages. It also has hands-on tasks like generating a student table and calculating average age with buttons.

Uploaded by

Bahrul
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
27 views23 pages

GG 2.0 - FE - Module 1 - Session 1 Overview

This document outlines an agenda for a session on JavaScript installation and overview. It includes introductions, materials to cover like variables, control flows, arrays, objects, functions, classes and packages. It also has hands-on tasks like generating a student table and calculating average age with buttons.

Uploaded by

Bahrul
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 23

Module 1 - Session 1:

Installation and JS
Overview
Our Agenda

Hands on /
Warm Up group QnA
discussion

Core
Homework
Material Wrap Up
instruction
Lecture
Let’s Warm Up!
Hi, My Name is…

Introduce yourself one-by-one and tell us briefly about your


post-pandemic hobby.

Share what you expect from this class.


Let’s Talk About The
Materials
Today’s Menu:
Session 1: Installation & JS Overview
Session 2: HTTP calls & Promise
Session 3: GIT & CRA
Installation and JS
Overview
NodeJS & Node Package Manager
Use the 14 version

Make sure you can run this command

● node -v -> v14


● npm -v

Install Yarn

npm install -g yarn


Variables & Control Loops
- Var: function scoped or globally scoped, initialization is optional
- Const: block scoped, cannot be changed later, also cannot be redeclared
- Let: block scoped, initialization is optional
Array & Objects
Shorthand Property Names
Rest & Spread
Functions
Object Destructuring
Default Parameters
Arrow Functions
Class
Packages
Optional Chaining
Optional Chaining
Hands On Task
Hands On Task

Create a new HTML Page (in code sandbox, create new VanillaJS
sandbox)

● Have a table containing the students name from previous slide.


Table should be generated with Javascript DOM manipulation
● A button
○ If that button is clicked, we will calculate the average age of
that class
Q&A!

You might also like