azat-co

const port = 3000
require('http')
  .createServer((req, res) => {
    console.log('url:', req.url)
    res.end('hello world')
  })
  .listen(port, (error)=>{
    console.log(`server is running on ${port}`)
  })

azat-co

const port = process.env.PORT || 3000
require('http')
  .createServer((req, res) => {
    console.log('url:', req.url)
    res.end('hello world')
  })
  .listen(port, (error)=>{
    console.log(`server is running on ${port}`)
  })

azat-co

const ReactDOM = require('react-dom')
const React = require('react')
const TimerButton = (props) => {
  return (
    <button type="button" onClick={()=>{
      props.handler(props.time)
    }}>Start {props.time}</button>
  )
}
const TimerLabel = (props) => {

azat-co

const express = require('express') 
const logger = require('morgan')
let app = express()
const mongodb= require('mongodb')
const url = 'mongodb://localhost:27017/mean'
const bodyParser = require('body-parser')
app.use(bodyParser.json())

mongodb.MongoClient.connect(url, (error, db)=>{
  if (error) return process.exit(1)

azat-co

- index.js
- package.json
- public/js/main.js
- public/index.html
- css/bootstrap-responsive.min.css
- css/flatly-bootstrap.min.css

azat-co

alert('test');

azat-co

var express = require('express')
  , mongoskin = require('mongoskin')

var app = express()
app.use(express.bodyParser())

var db = mongoskin.db('localhost:27017/test', {safe:true});

app.param('collectionName', function(req, res, next, collectionName){
  req.collection = db.collection(collectionName)

azat-co

// const Animal = function() {
//   this.speed = 0
//   return {
//       run: function() {
//         this.speed += 10
//         console.log(this.speed)
//     }
//   }
// }

azat-co

This page: http://bit.ly/2S12G3n

Resources:

• http://bit.ly/1RbD6l6
• https://amzn.to/2BK3boh and https://github.com/azat-co/practicalnode
• https://amzn.to/2LbM17s and https://github.com/azat-co/fullstack-javascript
• https://github.com/azat-co/cheatsheets/blob/master/react/readme.md
• https://github.com/azat-co/react-foundation
• https://github.com/azat-co/react-quickly

azat-co

JS FUNdamentals

If it's not fun, it's not JavaScript.

Expressiveness

Programming languages like BASIC, Python, C has boring machine-like nature which requires developers to write extra code that's not directly related to the solution itself. Think about line numbers in BASIC or interfaces, classes and patterns in Java.

On the other hand JavaScript inherits the best traits of pure mathematics, LISP, C# which lead to a great deal of expressiveness (and fun!).