Руслан Полин

Никакие пути менять не надо, если структура приложения в корневой директории будет не измена.

define('__ROOT__', dirname(dirname(__FILE__)));
require_once(__ROOT__.'/components/database.php');

плагин который использует хабр

На многие вопросы ответ можно найти в консоли. Читайте документацию, подсматривайте реализацию и найдете ответ на свой вопрос.

Так работает. Но есть замечания по коду, но это после.

<div id="tmenu" class="ui_tmenu">hi</div>
        <form id="test" name="login" method="post">
            <div class="label"> Логин </div>
            <div class="i_a_i">
              <input name="name" type="text" class="inp_auth">
            </div>		
            <div class="label"> Пароль </div>
            <div class="">
              <input name="pass" type="text" class="inp_auth">
            </div>
        </form>
        <button class="btn_auth">Войти</button>
        <button class="btn_auth b_a_i">Регистрация</button>

js я использовал больше jquery.

$('.btn_auth').click(function(){
  document.getElementById("tmenu").innerHTML='ok';
  var msg = $('#test').serialize();
 $.ajax({
     url: "logina.php",
     method: "post",
     data: msg,
     dataType:"json",
     success:  function(data) {
         $('#tmenu').text(data.status);
          
     },
   error: function() { document.getElementById("tmenu").innerHTML='err';
          
     }
 });
});

php:

require_once 'dy_functions.php';
  
  if (isset($_POST['name'])){
    $login = sanitizeString($_POST['name']);
    $pass = sanitizeString($_POST['pass']);
    
    if ($login == "" || $pass == ""){
      $error = "Данные введены не во все поля";
    }else{
      $result = queryMysql("SELECT login,pass FROM customer WHERE login='$login' AND pass='$pass'");
      if($result->num_rows == 0){
        $error = "Ошибка при вводе пары имя пользователя - пароль";
      }else{
        $_SESSION['name'] = $login;
        $_SESSION['pass'] = $pass;
        $error = "все прошло успешно";
      }
    }
    $data = array("status" => $error);
    echo json_encode($data);
  }

А теперь замечания. Ставьте фигурные скобки на той же строчке пожалуйста, не нужно их выносить в отдельную строку и вам скажут спасибо. Второе, не используйте стандартный драйвер для работы с базой, используйте PDO. И третье, выносите кнопки за пределы формы, если работаете с ajax.

Зачем вы дергаете данные из базы, когда вам достаточно просто посчитать сколько строк удовлетворяет условию?

$query = $pdo->prepare('SELECT COUNT(*) FROM users WHERE login = :login AND password = :password');
$query->execute(array(':login'=>$login, ':password' =>$password));
if($query->fetchColumn() == 1){
   echo "wer";
  }
  else
  {
    echo "newer";
}

А теперь перейдем к сути вот что в итоге получилось:

<!--Я сделал небольшую форму, для тестирования. 
Вы ведь делаете авторизацию, значит данные будут вводится в форму -->
<form class="aut-form" method="post">
        <input name="login" type="text" placeholder="логин">
        <input name="password" type="password" placeholder="пароль">
</form>
<div id="information"></div>
<input id="load" type="submit" placeholder="отправить">

function funcBeore () {
        $('#information').text ('Ожидаенние');
      }
      $(document).ready (function(){
        $("#load").bind("click", function(){
          var dataAjax = $('.aut-form').serialize(); // пример заточен под использование формы
          $.ajax({
            url: "check_login.php",
            type: "POST",
            data: "data=''&" + dataAjax,
            dataType: 'html',
            beforeSend: funcBeore,  
            success: function (data){
              alert(data);
              if(data == "wer"){
                $('#information').text(data);
              }
            }
          });
        });
      });

И конечно же сервер.

if(isset($_POST['data'])){
  $login = $_POST['login'];
  $password = $_POST['password'];
  $query = $pdo->prepare('SELECT COUNT(*) FROM users WHERE login = :login AND password = :password');
  $query->execute(array(':login'=>$login, ':password' =>$password));
if($query->fetchColumn() == 1){
    echo "wer";
  }else{
    echo "newer";
  }
}

Код протестирован и прекрасно работает.

Можно. Вот есть пример реализации. В данном случае используется модификация алгоритма TEA.
XXTEA на PHP
К сожалению в чистом виде TEA весьма уязвим и использовать его не рекомендуется. К тому же я бы рекомендовал посмотреть в сторону других алгоритмов шифрования.

Ну как вариант Brackets, к сожалению он интегрируется в хром и выводит изменения непосредственно в браузер.
UPD:

Вам может подойти Visual Studio Code. И плагин к нему html-previewer но он не поддерживает работу с js.

Так же вам может подойти Atom и его аналогичный плагин html-preview , но я не уверен, что он поддерживает всё что нужно для работы..

jsfiddle cмотрите внимательнее на разметку.

В общем можно как-то так jsfiddle , если я вас правильно понял.

Я не знаю как, но у меня заработало. Хотя, кто знает, может только у меня. jsfiddle
а вот с вашим кодом jsfiddle
Кстати, они в примере тоже используют медиа запросы.

Так, как вы только учитесь, я не буду вам объяснять ООП, а напишу всё процедурно, как у вас. Внимание, никогда не храните подключение к базе с другим кодом сделайте лучше так, создайте файл config.php и организуйте там подключение к базе:

$server = "localhost"; 
 $user = "имя пользователя";
 $password = "пароль";
 $condb = new mysqli($server, $user, $password, "mydb");

И подключайте этот файл к вашим файлам:

/* это ваш файл connect.php как видете в нем нет подключение к бд и вам не придётся его пихать везде, достаточно просто подключить файл конфига*/
  include('config.php');
  $sql = "SELECT id, about, url FROM videos WHERE id = 4";
  $result = $condb->query($sql);
  if($result->num_rows > 0) {
    while($row = $result->fetch_assoc()) {
      $res = $row["url"];
    }
  }

Создайте отдельный файл для ajax запросов:

/* допустим он будет называться ajax.php*/

 include('config.php'); // подключим конфиг и выполним запрос к бд
 $sql = "SELECT id, about, url FROM videos WHERE id = 4";
 $result = $condb->query($sql);
 $row = $result->fetch_assoc();
 $res = array(
    "url" => $row['url'], "id"=> $row['id']
); //Собираем массив с данными необязательно отдавать html - работайте с json.
 echo json_encode($res); // Преобразуем его в json объект и отправим на клиент

Далее идет код клиента смотрите внимательно, что делается:

function ajax() {
  var newLi = document.createElement('div'), // Собираем разметку на клиенте, для этого создаем div
        list = document.querySelector(".list"); 
  xhr = new XMLHttpRequest();
  xhr.open("GET", "ajax.php", true);
  xhr.onreadystatechange = function() {
    if(xhr.readyState==4 && xhr.status == 200) {
       console.log(xhr.responseText); // Всегда смотрите в консоль, какие данные приходят
       var Url = JSON.parse(xhr.responseText); // Распарсим пришедшие данные
       newLi.className = "new"; //добавляем класс в уже созданный див
       newLi.innerHTML = Url.url; //вставляем данные в созданный див
       list.appendChild(newLi); // и вставляем весь див в DOM
    }
  }
  xhr.send();
}

Как-то так. Если есть ошибки, говорите мне.

В PHP файле с именем getuser.php примерно такой код будет

if (isset($_GET['q'])){
 //где $_GET['q'] - переданный параметр str из js файла
}

За подключение к бд и вытаскивание инфы отвечает PHP, а вот попросит PHP это сделать, можно с помощью ajax. Опишите задачу подробнее.
Пример с использованием jquery клиентская часть:

$.ajax({
      type: 'POST',
      url: 'ajax.php',  // адрес файла обработчика
      datatype: 'json', 
      data:"ajax=" + msg, //данные отправляемые на сервер
      response: 'json',
      success: function(data){
          // в случае успеха, что-то делаем с ответом сервера
     },
     error: function(xhr, status, error) {
        alert(xhr.responseText + '|\n' + status + '|\n' +error);
     }
});

Без библиотек, на чистом js:

var data = 'какие-то данные';
  xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange=function(){
     if (xhttp.readyState==4 && xhttp.status==200)
      // обрабатываем ответ сервера
     }
  xhttp.open('POST', 'ajax.php', true); // Куда отправляем и как
  xhttp.setRequestHeader('Content-type','application/x-www-form-urlencoded'); // Устанавливаем заголовки
  var str = 'ajax='+ data; // Формируем запрос к серверу
  xhttp.send(str); // Отправляем запрос с данными

Серверная часть не меняется.
Серверная часть:

if(isset($_POST['ajax'])){
  // В массиве $_POST['ajax'] будут храниться ваши данные переданные на сервер
  // Что-то делаете с данными и возвращаете ответ:
  echo 'всё прошло успешно';
  // если хотите вернуть json то вот так: $arr = array('img' => 'ссылка на изображение'); echo json_encode($arr);
}

Используйте express

var express = require('express'),  //подключаем модуль экспресса
   app = express(),
   http = require('http').Server(app);
   app.use(express.static('/public')); //подгружаем статику(папка где хранятся все css и js - файлы)
   app.get('/', function(req, res){
   res.sendFile(__dirname + '/index.html');
});
http.listen(3000, function(){
console.log('Сервер запущен'); // запускаем сервер
});

Ставите nginx и слушаете им порт 80. В настройках домена указываете Elastic IP вашего сервера. После этого настраиваете nginx в качестве прокси сервера к приложению node. В конфиге nginx должен быть прописан ваш домен.

Во-первых, порт должен быть открыт для внешнего доступа. Это можно сделать в настойках инстанса там где Security Groups.
Во-вторых, браузер может блокировать обращения к нестандартному порту, для обхода этого поставьте nginx в качестве прокси сервера и настройте на прослушку 80-го порта и редиректа на 3000.
В-третьих, у вас обязательно должен быть настроен Elastic IP и вот по нему и нужно обращаться к серверу.
В-четвертых, рекомендую купить домен и направить его на внешний ip - адрес.

P.S. ставить голую ноду, без прокси над ней, несколько не правильно.

А что мешает сделать так jsfiddle ?

Моё видение ситуации.

Проверку номера при регистрации? php или js? Если JS то какие скрипты рекомендуете для маски ввода в поле телефона?

Проверять нужно и на клиенте и на сервере. Клиентская защита-это защита от дурака.

Какой на Ваш взгляд оптимальный номер для хранения номера в базе? Такой подойдет? +X(XXX)XXX-XX-XX

Хранить нужно так, как вводит пользователь, а он должен вводить только числа. Т.е хранение следующее: XXXXXXXXXXX

Вид номера на сайте, в личном кабинете пользователя

Конечно же человеко читаемый формат типа: +X(XXX)XXX-XX-XX

Ну и последнее и самое сложное. Пользователь должен подтвердить номер телефона, а значит вам нужен будет смс - шлюз. И, пожалуй, это первое о чем нужно позаботится. Без верификации номера существует вероятность, что пользователь может ввести бесполезный набор чисел, который в последующем окажется чьим-то номером телефона, что не есть хорошо.

XML - язык разметки.

<widget>
    <debug>on</debug>
    <window title="Sample Konfabulator Widget">
        <name>main_window</name>
        <width>500</width>
        <height>500</height>
    </window>
    <image src="Images/Sun.png" name="sun1">
        <hOffset>250</hOffset>
        <vOffset>250</vOffset>
        <alignment>center</alignment>
    </image>
    <text data="Click Here" size="36" style="bold">
        <name>text1</name>
        <hOffset>250</hOffset>
        <vOffset>100</vOffset>
        <alignment>center</alignment>
        <onMouseUp>
            sun1.opacity = (sun1.opacity / 100) * 90;
        </onMouseUp>
    </text>
</widget>

JSON - формат для обмена данными, во множестве языках реализован, как массив данных.

"widget": {
    "debug": "on",
    "window": {
        "title": "Sample Konfabulator Widget",
        "name": "main_window",
        "width": 500,
        "height": 500
    },
    "image": { 
        "src": "Images/Sun.png",
        "name": "sun1",
        "hOffset": 250,
        "vOffset": 250,
        "alignment": "center"
    },
    "text": {
        "data": "Click Here",
        "size": 36,
        "style": "bold",
        "name": "text1",
        "hOffset": 250,
        "vOffset": 100,
        "alignment": "center",
        "onMouseUp": "sun1.opacity = (sun1.opacity / 100) * 90;"
    }
}

Поставьте стабильную версию nodejs.

npm cache clean -f
npm install -g n
n stable
node --version
node app.js

Или запустите вот так
node --harmony app.js