topics.js

const name = "John" // string

// name = "toma"

const age = 11 // number
const isRaining = false // boolean
const fruits = ["apple", "banana", "cherry"] // object (list)
const car = {
  color: "red",
  model: "Tesla",
  year: 2011
} // object

let courseTitle // undefined

// console.log(courseTitle)

// console.log(typeof age, typeof isRaining, typeof fruits, typeof car)
// console.log(car.color)

if (isRaining) {
  console.log("Its raining")
} else if (5 < 2) {
  console.log("5 is greater than 2")
} else {
  console.log("its a sunny day")
}

// fruits.forEach(function (f) {
//   console.log("I love " + f)
// })

// ES6
// Arrow functions

for (let f of fruits) {
  console.log("I love " + f)
}

/*

JS

Variables
Loops
Functions
Data types (string, boolean, list, object, number)
ES6 (arrow functions, forEach, map, filter)
Operators (<, >, ===, &&, ||)
Conditions (if, else, else if)
Let & Const
Fetch
Template strings
NPM - node package manager
package.json

CSS

Flexbox
Basic layout
Baisic CSS properties (width, height, display, font-family)
CSS variables
Bootstrap

React

Prop-ები
Component & JSX
Conditional rendering
State

*/