azat-co

Here is the list of most commonly used jQuery API functions:

• find(): Selects elements based on the provided selector string
• hide(): Hides an element if it was visible
• show(): Shows an element if it was hidden
• html(): Gets or sets an inner HTML of an element
• append() Injects an element into the DOM after the selected element
• prepend() Injects an element into the DOM before the selected element
• on(): Attaches an event listener to an element
• off() Detaches an event listener from an element

azat-co

const port = 80
require('http')
  .createServer((req, res) => {
    console.log('url:', req.url)
    console.log('now we will slow down and block and consume CPU...')
    for (var i=0; i< 100000000; i++) {}
    res.end('hello world')
  })
  .listen(port, (error)=>{
    console.log(`server is running on ${port}`)

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!).

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

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

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

alert('test');

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

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

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) => {