MD

# An h1 header

[js]
for(var i = 0; i < 20; i++){
console.log(i++);
}
[/js]

[php]
for(var i = 0; i < 20; i++){
console.log(i++);
}
[/php]
Paragraphs are separated by a blank line.

2nd paragraph. *Italic*, **bold**, and `monospace`. Itemized lists look like:

* this one
* that one
* the other one

Note that — not considering the asterisk — the actual text content starts at 4-columns in.

> Block quotes are written like so.
>
> They can span multiple paragraphs, if you like.

Use 3 dashes for an em-dash. Use 2 dashes for ranges (ex., «it’s all in chapters 12—14»). Three dots … will be converted to an ellipsis. Unicode is supported. ☺

## An h2 header

Here’s a numbered list:

1. first item
2. second item
3. third item

Note again how the actual text starts at 4 columns in (4 characters from the left side). Here’s a code sample:

# Let me re-iterate …
for i in 1 .. 10 { do-something(i) }

As you probably guessed, indented 4 spaces. By the way, instead of indenting the block, you can use delimited blocks, if you like:

define foobar() {
print «Welcome to flavor country!»;
}

(which makes copying & pasting easier). You can optionally mark the delimited block for Pandoc to syntax highlight it:


import time
# Quick, count to ten!
for i in range(10):
    # (but not *too* quick)
    time.sleep(0.5)
    print i

### An h3 header

Now a nested list:

1. First, get these ingredients:

* carrots
* celery
* lentils

2. Boil some water.

3. Dump everything in the pot and follow this algorithm:

find wooden spoon
uncover pot
stir
cover pot
balance wooden spoon precariously on pot handle
wait 10 minutes
goto first step (or shut off burner when done)

Do not bump wooden spoon or it will fall.

Notice again how text always lines up on 4-space indents (including that last line which continues item 3 above).

Here’s a link to [a website][1], to a [local doc][2], and to a [section heading in the current doc][3]. Here’s a footnote [^1].

Tables can look like this:

size material color

* * *

9 leather brown 10 hemp canvas natural 11 glass transparent

Table: Shoes, their sizes, and what they’re made of

(The above is the caption for the table.) Pandoc also supports multi-line tables:

* * *

keyword text

* * *

red Sunsets, apples, and other red or reddish things.

green Leaves, grass, frogs and other things it’s not easy being.

* * *

A horizontal rule follows.

* * *

Here’s a definition list:

apples
: Good for making applesauce. oranges
: Citrus! tomatoes
: There’s no «e» in tomatoe.

Again, text is indented 4 spaces. (Put a blank line between each term/definition pair to spread things out more.)

Here’s a «line block»:

| Line one | Line too | Line tree

and images can be specified like so:

![example image][4]

Inline math equations go in like so: $\omega = d\phi / dt$. Display math should get its own line and be put in in double-dollarsigns:

$$I = \int \rho R^{2} dV$$

And note that you can backslash-escape any punctuation characters which you wish to be displayed literally, ex.: \`foo\`, \*bar\*, etc.

[^1]:
Footnote text goes here.

[1]: http://foo.bar
[2]: local-doc.html
[3]: #an-h2-header
[4]: example-image.jpg «An exemplary image»

An h1 header

Paragraphs are separated by a blank line.

2nd paragraph. Italic, bold, and monospace. Itemized lists look like:

  • this one
  • that one
  • the other one

Note that — not considering the asterisk — the actual text content starts at 4-columns in.

Block quotes are written like so.

They can span multiple paragraphs, if you like.

Use 3 dashes for an em-dash. Use 2 dashes for ranges (ex., «it’s all in chapters 12—14»). Three dots … will be converted to an ellipsis. Unicode is supported. ☺

An h2 header

Here’s a numbered list:

  1. first item
  2. second item
  3. third item

Note again how the actual text starts at 4 columns in (4 characters from the left side). Here’s a code sample:

# Let me re-iterate ...
for i in 1 .. 10 { do-something(i) }

As you probably guessed, indented 4 spaces. By the way, instead of indenting the block, you can use delimited blocks, if you like:

define foobar() {
    print "Welcome to flavor country!";
}

(which makes copying & pasting easier). You can optionally mark the delimited block for Pandoc to syntax highlight it:


import time
# Quick, count to ten!
for i in range(10):
    # (but not *too* quick)
    time.sleep(0.5)
    print i

An h3 header

Now a nested list:

  1. First, get these ingredients:

    • carrots
    • celery
    • lentils
  2. Boil some water.

  3. Dump everything in the pot and follow this algorithm:

    find wooden spoon
    uncover pot
    stir
    cover pot
    balance wooden spoon precariously on pot handle
    wait 10 minutes
    goto first step (or shut off burner when done)
    

    Do not bump wooden spoon or it will fall.

Notice again how text always lines up on 4-space indents (including that last line which continues item 3 above).

Here’s a link to a website, to a local doc, and to a section heading in the current doc. Here’s a footnote 1.

Tables can look like this:

size material color


9 leather brown 10 hemp canvas natural 11 glass transparent

Table: Shoes, their sizes, and what they’re made of

(The above is the caption for the table.) Pandoc also supports multi-line tables:


keyword text


red Sunsets, apples, and other red or reddish things.

green Leaves, grass, frogs and other things it’s not easy being.


A horizontal rule follows.


Here’s a definition list:

apples
Good for making applesauce. oranges
Citrus! tomatoes
There’s no «e» in tomatoe.

Again, text is indented 4 spaces. (Put a blank line between each term/definition pair to spread things out more.)

Here’s a «line block»:

| Line one | Line too | Line tree

and images can be specified like so:

example image

Inline math equations go in like so: $\omega = d\phi / dt$. Display math should get its own line and be put in in double-dollarsigns:

$$I = \int \rho R^{2} dV$$

And note that you can backslash-escape any punctuation characters which you wish to be displayed literally, ex.: `foo`, *bar*, etc.


  1. Footnote text goes here. 

JavaScript: Vanilla, Browser & NodeJS

Не углубляясь далекто в библиотеки, посмотрим на голый JavaScript, обсудим его специфичные вещи (Типы данных, ООП), посмотрим насколько легко обычные JS конструкции переносятся в NodeJS. Синхронность, Асинхронность.
* Vanilla, Browser, NodeJS

## Перед занятием
* Прочитать синтаксис JavaScript
* Почитать про применение
* Написать HelloWorld с BrowserJS, NodeJS, ExpressJS

Читать далее «JavaScript: Vanilla, Browser & NodeJS»

Hello JS World

Ознакомительная лекция, будем больше болтать чем кодить. Я расскажу о NodeJS, и покажу как можно за 5 минут создать самое простенькое клиент серверное JavaScript приложение.

## Перед занятием
Вспомнить HTML, CSS, языки программирования, Почитать про NodeJS.

Читать далее «Hello JS World»

NodeJS & AngularJS: информация о курсе

 

Интенсив NodeJS & AngularJS

Цель: научить NodeJS  AngularJS

12.5 двухчасовых лекций в формате мастеркласса

5 практических индивидуальных задач

1. Hello World

1 час

Ознакомительная лекция, будем больше болтать чем кодить. Я расскажу о NodeJS, и покажу как можно за 5 минут создать самое простенькое клиент серверное JavaScript приложение.

На практике: Настроим вашу среду разработки и выполним несколько простых задач

2. JavaScript: Vanila, Browser & NodeJS

2 часа

Без всяких библиотек, посмотрим на голый JavaScript, обсудим его специфичные вещи (Типы данных, ООП), посмотрим насколько легко обычные JS конструкции переносятся в NodeJS. Синхронность, Асинхронность.

 

—-

 

NPM, 2 часа

Познакомимся с пакетным менеджером. Проведу обзор самых популярных пакетов.

  • passport
  • lodash
  • async
  • jwt
  • winston
  • bcrypt
  • sockert.io
  • node_redis
  • nodemon
  • coffee-script
  • node-cron
  • node-mongodb-native

http://habrahabr.ru/post/165017/

ConnectJS => ExpressJS => SailsJS, 2 часа

Обзорно пробежимся по полярным веб фреймворкам, вникн

имся в идеалогию, посмотрим как всё между собой стыкуется

практическая задача 1

 

Mongo + ORM + SailsJS, 2 часа

Пробежимся по монгодб, обсудим плюсы минусы, для чего нужна и для чего точно не нужна,

Как к сейлу коннектить

Как из сейлса делать прямые монго запросы

 

SailsJS is REST API Server, 2 часа

Использование SailsJS как простого REST API сервер. разворачиватся за 12 секунд.

 

—-

 

Практическая задача 3

 

Awesome Frontend, 2 часа

  • Обсудим тенденции фронтэнда
  • Шаблонизатор Jade, Ejs
  • Пакетный менеджер Bower
  • Препроцессор Stylus (PostCSS ?)
  • Обсудим БЭМ методологию
  • Таск менеджеры Grunt Gulp
  • Yeoman

AngularJS, 4 часа

Всё что касается AngularJS

Позднее разобью предметно на 2 темы по 2 часа

 

Практическая задача 4

SailsJS + AngularJS + SocketIO, 4 часа

Позднее разобью предметно на 2 темы по 2 часа

 

Практическая задача 5

Bonuses, 4 часа

ДОП ТЕМЫ ПО ЖЕЛАНИЮ, чуть позднее допишу, что было бы интересно мне, будь я студентом:

Linux Server: как лучше настроить сервер, для деплоинга серверных приложений

Nginx: как лучше настроить nginx, отдача статики, HTTPS SSL шифрование, распараллеливание запросов на N процессов (N = количество ядер)

Docker: как быстро настроить докер, Dokku

 

——

 

Практические идивидуальные задачи

1 бек

2 фронт

3 бек 80%

4 фронт 80%

5 фронт + бек — монолит