Part3 #2
Part3 #2
Conversation
| @@ -0,0 +1,10 @@ | |||
| <?xml version="1.0" encoding="UTF-8"?> | |||
There was a problem hiding this comment.
не ошибка, так рекомендация, файлы из .idea лучше добавлять в .gitignore, обычно это проектные конфиги, которые в репозиторий класть не нужно.
index.html
Outdated
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <script> |
There was a problem hiding this comment.
скрипты лучше выносить в отдельный файл, а те, что подключаются для работы с DOM, либо подключать как defer (отложено) либо в конце файла.
На наших масштабах сейчас это мы не заметим, но в проектах по-больше, при анализе кода, в т.ч. поисковиками, все это учитывается.
index.html
Outdated
| <head> | ||
| <script> | ||
| document.addEventListener("DOMContentLoaded", function(event) { | ||
| document.querySelector("#switch-theme").addEventListener('click', switchTheme); |
There was a problem hiding this comment.
все хорошо, хотя в случае если нас ID то есть самый быстрый селектор по дереву, это document.getElementById()
index.html
Outdated
| }); | ||
|
|
||
| function switchTheme() { | ||
| let bodyCardClassList = document.querySelector("body").classList; |
There was a problem hiding this comment.
просто document.body – js движок уже сделал быстрые ссылки для популярных элементов
index.html
Outdated
| function switchTheme() { | ||
| let bodyCardClassList = document.querySelector("body").classList; | ||
| bodyCardClassList.toggle("dark-theme"); | ||
| bodyCardClassList.toggle("light-theme"); |
There was a problem hiding this comment.
все правильно: переменная закеширвоана, toggle 👍
index.html
Outdated
| </div> | ||
| <div class="left-part_social-networks"> | ||
| <a href="https://www.vk.com/coradead"> | ||
| <img class="left-part_social-networks-img" src="images/vk-logo.png" height="24" alt="vk-logo"> |
There was a problem hiding this comment.
тут скорее MCSS, тк для БЭМ неправильный синтаксис (блок__элемент). А в MCSS стараемся дать представление о вложенности хотя бы на 3 уровнях: left-part_social-networks_img
style.css
Outdated
| @@ -0,0 +1,122 @@ | |||
| :root .light-theme { | |||
There was a problem hiding this comment.
ок, и рут уже не нужен, раз есть конкретные классы
style.css
Outdated
| } | ||
|
|
||
| body { | ||
| background-color: #000000; |
There was a problem hiding this comment.
не ошибка, но одинаковые пары в hex коды можно сокращать
00000 -> 000
112233 -> 123
в сборке с минификатором CSS это за нас это сделает сборка
| font-weight: normal; | ||
| } | ||
|
|
||
| .left-part_main { |
There was a problem hiding this comment.
рекомендую также разносить компоненты по своим файлам стилей
| </section> | ||
| <section class="right-part"> | ||
| <div class="right-part_main"> | ||
| <div class="right-part_employee-name">Alex Smith</div> |
There was a problem hiding this comment.
тут можно было бы выделить карточку юзера, как отдельный компонент, тк на самом деле сейчас у тебя мало компонентизации, – скоре один суперкомпонент страницы, который именует все от крупных до мелких деталей.
No description provided.