mburakerman

mburakerman

{
  "name": "webpack-postcss,
  "version": "1.0.0",
  "scripts": {
    "start": "webpack-dev-server --open --mode development",
    "build": "webpack -p"
  },
  "devDependencies": {
    "babel-core": "^6.26.0",
    "babel-loader": "^7.1.4",

mburakerman

{
  "name": "webpack-sass",
  "version": "1.0.0",
  "scripts": {
    "start": "webpack-dev-server --open --mode development",
    "build": "webpack -p"
  },
  "devDependencies": {
    "babel-core": "^6.26.0",
    "babel-loader": "^7.1.4",

mburakerman

let person = {
    age:23,
    name:"Mehmet Burak Erman",
    
    show: function() {
    	return this.name;
    }
}

function foo() {

mburakerman

// 1:)let
var name = "burak";
console.log(name);

//or use let
let name2 = "burak2";
console.log(name2);

// Why we would use let instead of var?
/* In js, there is global and local scope but js doesn't really have a

mburakerman

// https://github.com/facebook/react/issues/3725
...

  static get defaultProps() {
    return {
      count:1
    }
  }
  
....

mburakerman

/*  
   LIVE RELOAD   ✔
   SCSS TO CSS   ✔
   MINIFY CSS    ✔
   PREFIX CSS    ✔
   MINIFY JS     ✔
   TRANSPILE JS  ✔
*/

var gulp = require("gulp");

mburakerman

// <div id="box">Lorem</div>

// Our goal is to make text color red
var Makered = function(selector) {
  this.el = document.querySelector(selector); // for multiple elements use querySelectorAll
}

Makered.prototype.makered=function() {
  this.el.style.color="red";
}