Верстка

Первым делом по макету определяем, различается ли шапка (header) на

разных страницах сайта, выделяем где содержимое страницы (main), затем
смотрим подвал (footer) сайт, и также анализируем его. Далее выделяем
контейнер сайта, то есть ширину по бокам. Далее выясняем какие шрифты
используются в макете.
Основы JS
Комментарии ставятся как в PHP.
Переменные объявляются при помощи var или let:
var a = 1;
let b = ‘max’;

Переменная, объявленная через var – глобальная (и без var тоже), через let -
обычная. Глобальная переменная может быть видна даже до момента
объявления.
Отличие var от let заключается в том, что переменная var с одним и тем же
именем может объявляться два раза, и она будет просто содержать последнее
значение, а let в такой ситуации выдаст ошибку.
Функция typeof переменная определяет тип переменной.
Операторы сравнения как в php (== и ===).
Условия (в т.ч. switch) и условный (тернарный) оператор как в php, только
elseif пишется как else if.
Соединение строк происходит +, а не через ‘.’ точку как в php.
Чтобы указать, до какой степени нужно выйти с помощью break,
используются метки:
metka1: for (i = 0; i < 5; i = i + 1) {
metka2: for (j = 0; j < 5; j = j + 1) {
if (i == j) {
continue metka1;
} else {
if (i == 3) {
break metka2;
}
console.log(i, j); }}}
Объявляется функция как в php, на конце после функции можно ставить
точку с запятой (бред): function имя(п1, п2, …) {}
Самовызываемая функция:
let printText = (function(a, b) {
document.write(a + b);
})("Hello", " world!");

У объекта string есть свойство length (определит длину строки), toUpperCase

(переведет все символы в верхний регистр):
let textString = "Hello world!";
document.write('<br>' + textString.length);
document.write('<br>' + textString.toUpperCase());

Два пути создания экземпляра класса:

var person = new Object();
var person = {};

Свойства можно добавлять объекту сразу при создании:

var Person = {
 name : "Ivan",
 age : 25,
 hiredYear : 2017
}

Чтобы получить эти свойства нужно воспользоваться:

console.log(Person.name);
console.log(Person['name'])

Для удаления свойства используется оператор delete:

delete Person.name;
Символ из строки можно получить двумя способами:
var cat = "Cat";
console.log(cat.charAt(1));
console.log(cat[1]);

Строку в javascript изменять нельзя, только присваивать новое значение

(можно: cat += ‘s’, нельзя: cat[1] = ‘o’);

Слияние и разделение строк:

concat(string1, string2, ..., stringN) - объединяет строки
split('разделитель') - разделяет строки на массив подстрок по указанному
разделителю

Пример по разделению:
var myString = "cat,dog,bird";
var myArray = myString.split(",");

Массивы в JS являются объектами.

Способы создания массива:
var myArray = new Array();
var myArray = ["Иванов", "Петров", "Сидоров", "Кузнецов"];

Эти методы добавляют элементы в конец и начало массива соответственно:

myArray.push("Сидоров", 2);
myArray.unshift("Сергеев", "Дмитриев")

Удаление значения из массива (все остальные элементы останутся на своих

местах):
delete myArray[2];

Создание объекта date в js:

var myDate = new Date(); //Mon May 15 2017 19:20:25 GMT+0300 (RTZ 2 (зима))
 var myDate = new Date("December 14, 1975 12:10:00"); //Sun Dec 14 1975 12:10:00
GMT+0300 (RTZ 2 (зима))
var myDate = new Date(1989, 6, 14); //Fri Jul 14 1989 00:00:00 GMT+0400 (RTZ 2
(лето))
var myDate = new Date(1998, 6, 14, 11, 20, 00); //Tue Jul 14 1998 11:20:00
GMT+0400 (RTZ 2 (лето))

Регулярные выражения – это шаблоны, по которым можно найти подстроку в

нужных текстах (как LIKE ‘RegExp’ в SQL), в примерах в обоих случаях
данный шаблон соответствует любой строке, заканчивающейся символом q :
var myPattern = /q$/; //Создание регулярного выражения с помощью литерала
var myPattern = new RegExp("q$"); //Создание регулярного выражения с
помощью конструктора

Регулярное выражение /[0123456789]/ (или /[0-9]/) соответствует любой

цифре.
Выражение /[^0123456789]/ будет соответствовать любому символу КРОМЕ
цифр.
Выражение /ma|pa|da/ будет соответствовать либо строке "ma" либо строке
"pa" либо строке "da". Символ | здесь обозначает альтернативу. После
нахождения первого соответствия остальные альтернативы будут
игнорироваться.

JavaScript поддерживает три варианта флагов (задаются после шаблона):

i - указывает на то, что поиск по шаблону должен быть не чувствительным к
регистру
g - указывает что поиск должен быть глобальным, т.е. должны быть найдены
ВСЕ соответствия в строке
m - указывает на то, что поиск должен производиться в многострочном
режиме.

Метод search() возвращает номер позиции, с которой найдено соответствие

шаблону, либо "-1" если соответствие не найдено:
var myString = "This is just test string";
result = myString.search(/is/); //вернет 2
Замыкание – это функция, внутри другой функции, имеющая доступ к
переменным родительской фнукции
Пример замыкания:
function greetPirate(pirateName) { // Объявление родительской функции
var greeting = "Hello ";
function checkCaptain() { // Объявление замыкания
if (pirateName != "Jack Sparrow")
return greeting + pirateName;
else
return greeting + "CAPTAIN " + pirateName + "!";
}
return checkCaptain();
}

Свойства замыканий:
 Замыкание может обращаться к переменным своей внешней функции
даже после ее окончания выполнения.
 Замыкания хранят не содержимое переменных внешней функции, а
ссылки на эти переменные.

Чтобы вставить переменные или функции из js в строку используется

следующая конструкция ${}:
const firstName = 'Dan';
const lastName = 'Max';
let str = `
<ul>
<li>First name: ${firstName}</li>
<li>First name: ${lastName}</li>
</ul>
`;