js-ihub

Рассписание курса

Занятие #1

• Знакомство с проектом
• Настройка проекта
• Написать REST API отдающий статический JSON
• Получить и отобразить данные на клиенте

Занятие #2

• Сверстать представление
• Отобразить данные динамически с помощью jQuery

Занятие #3

• Использовать БД в REST API

Занятие #4

• Реализовать полноценный SPA на React.js

REST API

/api/projects

• GET получить все проекты
  • ответ

[
      {
        "id": 1,
        "name": "My project",
        "tasks": []
      }
]

• POST создать новый проект
  • запрос

{
      "name": "My project"
}

• ответ

{
      "id": 1,
      "name": "My project",
      "tasks": []
}

/api/projects/{project_id}

• GET получить проект
  • ответ

{
      "id": 1,
      "name": "My project",
      "tasks": []
}

• PUT изменить проект
  • запрос

{
      "id": 1,
      "name": "My awesome project",
      "tasks": []
}

• ответ

{
      "id": 1,
      "name": "My awesome project",
      "tasks": []
}

• DELETE удалить проект
  • ответ

[
      {
        "id": 1,
        "name": "My project",
        "tasks": []
      }
]

/api/projects/{project_id}/tasks

• GET получить все задания в проекте
  • ответ

[
      {
        "id": 1,
        "projectID": 1,
        "name": "My task",
        "deadline": 1457529375881,
        "done": false
      }
]

• POST создать новое задание в проекте
  • запрос

{
      "name": "My task"
}

• ответ

{
      "id": 1,
      "projectID": 1,
      "name": "My task",
      "deadline": 1457529375881,
      "done": false
}

/api/projects/{project_id}/tasks/{task_id}

• GET получить задание из проекта
  • ответ

{
      "id": 1,
      "projectID": 1,
      "name": "My task",
      "deadline": 1457529375881,
      "done": false
}

• PUT изменить задание в проекте
  • запрос

{
      "done": true
}

• ответ

{
      "id": 1,
      "projectID": 1,
      "name": "My task",
      "deadline": 1457529375881,
      "done": true
}

• DELETE удалить задание из проекта
  • ответ

[
      {
        "id": 1,
        "projectID": 1,
        "name": "My task",
        "deadline": 1457529375881,
        "done": false
      }
]

Полезные ресурсы

• codecademy
• codeschool
• 2ality
• jsunderhood