Александра

php еще потребуется для обработки формы обратной связи
если хотите подробностей пишите по любым контактам , попробую подсказать
https://ns174.ru#contacts

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

Я наверно скажу совсем очевидные вещи, но для того чтобы делать бизнес сайт не нужен, достаточно найти подходящие решения на рынке. SEO это не совсем бесплатный трафик, как может показаться, т.к. придется потратить немало времени и денег на продвижение, чтобы получить хороший результат.

Сайт - это витрина, просто полка в интернете для вашего товара, если вы хотите уже сейчас делать продажи, а не через полгода-год, то вам нужно шевелится быстрее, т.к. через год ваш друг поймет, что сайт ему не нужен и теперь он хочет приложение, потому что 80% трафика в интернете - это пользователи смартфонов.

1. Вы можете создать паблик вконтакте, наполнить его постами (страницы сайта)
2. Сделать калькулятор и подключить сбор заявок
3. Включить рекламу вместо вливания денег и времени в SEO, начать уже получать заказы.

Это займет на порядки меньше времени, только так вы поможете своему другу, все остальное не помощь, а действие ради действия.

если только обратная связь из функционала то осилишь и сам , там кода 15 строк и уже все разжёвано есть куча примеров в интернете
в остальном только с дизайном будешь возится , а вот seo ... тут пальцем в небо

Немудрено. Где кнопка "купить"? Длинные описания я бы спрятал в раскрывающиеся спойлеры, оставляя кусок текста видимым (но это не точно).

Вообще, джумла не шибко заточена под интернет-магазины, но у тебя, как я вижу, товаров немного. Да и вообще, на сайтах под управлением этой CMS возникает дохреллион дублей страниц, от которых приходится брать вилку и чистить-чистить-чистить. Отчеты яндекс.вебмастера и мануалы по htaccess и регуляркам в помощь.

Сделай в товарах кнопку "Купить", для начала. Не обязательно это должен быть именно модуль покупки с непосредственно оплатой - для начала подойдет модуль обратной связи.

Прелоадер - это, конечно, красиво, но я бы или делал как у него https://gaserge.ru или не делал вообще(

Страница "контакты" - "Access denied". Нехорошо.

Немного seo:
1) в Title и h1 стоит указывать топовые запросы, по которым собираешься продвигаться. Спамить ими нельзя, всё должно быть удобочитаемо. Сейчас на главной у тебя title "Главная", замени на "Детские кровати Сладкий Сон в Барнауле", в h1 вместо "Уважаемые посетители!!!" пропиши "Поможем выбрать и купить детскую кровать". Кстати, h1 на главной у тебя 2 раза выводится, поковыряй шаблон, чтобы H1 был только 1 раз (пофиг на спецификации html5) и соблюдалась иерархия. Та же рекомендация для страниц товаров. Статистику ключевиков можешь взять из wordstat. И ещё, не используй теги H1-H6 для наведения внешней красоты и придания лишь размера шрифту, они нужны для обозначения логической структуры текста, для заголовков. Красоту и размеры возложи на css ;

2) главная дублируется, доступна по www.sleepbaby.su и www.sleepbaby.su/index.php. Ты уже вароужон мануалами по редиректам и htaccess, пили редирект с index.php-версии на нормальную;

3) погугли "правильный" robots.txt для твоей версии джумлы. Слепо не копируй, постарайся разобраться, мб составишь свой даже.

4) Уникальность текста в товаре "кроватка" и на главной должна быть не ниже 90%. Сейчас у тебя 25% и 61% соответственно. Пиши сам (если есть скилл и грамотен) или заказывай у копирайтеров (если нет скилла и времени), перед публикацией тексты проверяй на content-watch на уникальность например, и на advego.ru/text/seo на частоту. Она должна быть не выше 3,5%.

5) Убери внешние ссылки (на другие сайты) на своём ресурсе в nofollow - так ты не будешь отдавать вес. Это касается всех внешних ссылок, ведущих за пределы твоего сайта, соцсети в том числе.

6) После исправления вышеперечисленного начинай потихоньку наращивать ссылочную массу - вручную оставляй ссылки на свой сайт на других сайтах, крайне желательно, чтобы они были смежной тематики. К ссылкам обязательно краткое описание, не тупо копированное, а уникальное (но тут нет жёстких требований к проценту). Сразу много ссылок не заводи, 10 в месяц хватит, и заводи их на болие лимение "чистых", незаспамленных ресурсах, чтобы не схлопотать Минусинск. О ссылочной массе лучше погугли отдельно. И заклинаю, услышишь где-то о прогонах по каталогам - беги из этого места.

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

Первый ответ в гугле.

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

const persons = document.querySelectorAll(".counter-block-input")[0];
const restDays = document.querySelectorAll(".counter-block-input")[1];
const place = document.getElementById("select");
const totalValue = document.getElementById("total");

function calculateTotal() {
    const personsSum = +persons.value || 0;
    const daysSum = +restDays.value || 0;
    const placeIndex = place.selectedIndex;

    const total = (daysSum + personsSum) * place.options[placeIndex].value * 4000;

    totalValue.textContent = total;
}

persons.addEventListener("change", calculateTotal);
restDays.addEventListener("change", calculateTotal);
place.addEventListener("change", calculateTotal);
calculateTotal(); // сразу вызываем, чтобы обнулить поле

Поиск в сети по профилю. Очень часто можно наткнутся на интересные проекты от календаря до таблицы кубка УЕФА, где используется код либо по твоему профилю, либо близко к нему. Что зацепит – пытаться повторить, улучшить. Естественно, в процессе будут возникать трудности, которые придется решать способом "поиск в сети по профилю". Вот тут и начинается замкнутый круг вечного совершенствования. =)
В процессе все равно потребуется визуализация трудов, так что и хтмл с цсс подтянутся до нормального уровня. А после выхода на работу уже будет как неплохое портфолио, так и навык поиска нужной информации, наработки и "список литературы".
Удачи!

Вопрос в следующем, как практиковаться для закрепления материала с возможностью это выкладывать на гитхаб (для резюме). Какие именно задачи решать?

Список идей для разработки на js. (Есть множество других схожих)

P.S. Если JS мне очень интересен, а css и html - нет, то какую профессию я могу ещё рассматривать, как вариант (интересовалась изначально фронтендом)?

Можете рассмотреть Node.js (после JS менее болезненный переход чем на другие серверные языки).

Не обязательно выкладывать на гитхаб для резюме.
Если вы руками сможете это сделать, то можно будет на интервью так и сказать, что делала проекты для себя, в которых было то, то и это.
А если надо будет, потом выложите, через 10 месяцев.

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

Например сайт для ребенка. Напишите календарь, формочку, где вы вводите рост,вес. А потом кнопочку, которая вам график рисует. ПОтом график с предсказанием.
Потом еще что-то.
Развивайте воображение и придумывайте понятные вам цели.

Люди разные и по разному реагируют на разные виды собеседований. Я вот люблю тестовые, потому что на технических интервью теряюсь и могу не ответить даже на очень простые вопросы или не решить даже очень простые задачки. Часто причина отрицательного отношения к тестовым объясняется тем, что соискатель тратит личное время и силы на задание, а его потом не берут. Четыре неудачных попытки - месяц бесплатной работы.

Вот это вот

newDiv.style.cssText = 'height: this.height; \
            width: this.width; \
            background-color: this.backgroundColor; \
            font-size: this.fontSize; \
            text-align: this.textAlign';

на выходе будет вот этим вот

height: this.height;
width: this.width;
background-color: this.backgroundColor;
font-size: this.fontSize;
text-align: this.textAlign

Вы не передаете значения переменных (height, fontSize и.т.д.), и просто вставляете название переменной в строку. Нужно либо так

newDiv.style.cssText = `height: ${this.height}; 
            width: ${this.width}; 
            background-color: ${this.backgroundColor}; 
            font-size: ${this.fontSize}; 
            text-align: ${this.textAlign}`;

либо так

newDiv.style.cssText = 'height: ' + this.height + '; \
            width: ' + this.width + '; \
            background-color: ' + this.backgroundColor + '; \
            font-size: ' + this.fontSize + '; \
            text-align: ' + this.textAlign;