Путь до джуна
89 subscribers
206 photos
94 videos
2 files
37 links
Для связи @nesmoru
Download Telegram
ДЕНЬ 75
   Сегодня очень долго пытался нормально настроить работу отображения текста в новой вкладе. Несколько раз прочитал документалку по js, перепробовал множество вариантов, но всё никак.
🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 76
Получилось написать код для табов. Теперь всё работает как было задумано, но пришлось поменять немного разметку, поэтому некоторые стили слетели.
Код:
https://github.com/Holman52/website-villages/tree/YamkiWeb
👏7👍1
ДЕНЬ 77
Доделал первую часть(История) страницы, наложил шрифты, сделал нормальную навигацию.Начал делать вторую часть(Важные даты)
Код:
https://github.com/Holman52/website-villages/tree/YamkiWeb/yamki
👌5
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 78
Доделал вторую часть страницы и внёс некоторые изменения в первую. Осталось добавить анимации и часть с фотографиями
Код:
https://github.com/Holman52/website-villages/tree/YamkiWeb/yamki
🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 79
   Сделал 3 часть(фотографии), добавил масштабирование для фотографии и немного изменил классы для блоков.
  Код:
https://github.com/Holman52/website-villages/tree/YamkiWeb/yamki
🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 80
Создал вторую страницу с другой деревней, но на основе первой. Поменял пару моментов, но пока без фотографий, те что у меня имеются в плохом качестве, надо будет их поменять или как-то улучшить качество.
Код: https://github.com/Holman52/website-villages/tree/YamkiWeb/yamki
🔥4
ДЕНЬ 81
Доделал заключительную часть страницы, а именно добавил фотографий.
Код: https://github.com/Holman52/website-villages/tree/YamkiWeb/yamki
🔥5
ДЕНЬ 82
  Создал ещё 3 страницу(деревня колотушки). Столкнулся с некоторыми проблемами git, много времени убил на попытку восстановить файлы(до этого смотрел функции git и не туда тыкнул), оказалось я находился в другой ветке. Загрузил в бесплатный хостинг github, но выдаёт ошибку.
Код:https://github.com/Holman52/website-villages
❤4👨‍💻2
ДЕНЬ 83
Доделал последнюю страницу, добавив фотографии, залил все в pages, но если запускать сайт, то приходится вводить HTML документ вручную, не работает файл CSS и не работают ссылки. При запуске через Live server в vs code всё работает исправно
Код: https://github.com/Holman52/website-villages
❤5
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 84
    За сегодня я поменял пару переменных для CSS, теперь код стал более читабельный . Долго пытался загрузить в pages проект. Очень странно сделали подключения файлов. В главной странице без "../" Приходится писать , а в остальных с "../" Перед папкой с файлом. Но в итоге всё получилось и работает, теперь можно посмотреть как выглядит сайт. Да, есть пару недочётов по тексту и содержанию, но под вечер голова особо не соображает. С первым текстом на странице Ямки уже исправил, а вот баг с последней страницей так и не нашёл
Код:https://github.com/Holman52/website-villages

Сайт:https://holman52.github.io/website-villages/
P.s: лучше на сайт заходить через ПК
❤5👌1
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 85
Долго думал в чём проблема и почему не работает код на одной из страницы. Уже начал классы с другими страницами сравнивать, но пришёл к решени скопировать код с другой страницы

Сайт:https://holman52.github.io/website-villages/

Код:https://github.com/Holman52/website-villages
🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 86
Итак, спустя довольно длительное время продолжил изучать js. Сегодня разобрался с взаимодействием API, написал функцию, которая будет выявлять ошибку в ходе написания кода через методы try/catch.

Код:https://github.com/Holman52/other-
🔥5🥰2
ДЕНЬ 87
Сегодня изучал как делать медиа запросы. Изначально использовал min-width, но при этом условии у меня применялся медиа запрос с конца( то есть, если я введу min-width: 576px  , то он будет применяться на 1140рх , хотя на 1140рх указано другое значение). Поэтому пришлось составлять промежутку для изменения ширины. Также с вебинара использовал формулу:width: calc((100% - кол-во маржинов в строке * значение маржина) / кол-во элементов в строке), однако у меня она не сработала и не понятно как ей пользоваться, всегда ли по бокам считаться значение margin за половину или нет и как правильно делать подсчёты значений
🔥4🥰2
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 88
+- адаптировал главную страницу под телефон. Спустя пару просмотренных вебинаров, стал понимать, что да как лучше адаптировать. Так же научился подключаться через телефон к live server с помощью айпшника и значения порта

Код:https://github.com/Holman52/website-villages/blob/YamkiWeb/CSS/main.css
🔥7
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 89
Спустя долгое время снова приступил к продолжению изучения адаптива. В этот раз сделал адаптив для устройств с 577px до 768рх. Единственное с чем возникают трудности, это адаптив фотографий

Код:https://github.com/Holman52/website-villages/blob/YamkiWeb/CSS/main.css
🔥9
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 90
  Адаптировал сайт под  небольшие ноутбуки и средние устройства (с шириной экрана от 769 пикселей до 1024 пикселей)

Код:https://github.com/Holman52/website-villages/blob/YamkiWeb/CSS/main.css
🔥6
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 91
   Приступил к адаптиву странички одной из деревни (1/3) для устройств с расширением от 769px до 1920px . Сделал одним классом пару блоков, что позволило сократить длину кода в css. Также где-то поменял margin в проценты, поэтому кода в медиа запросах по минимуму.
   Закончил адаптив главной страницы

Код:https://github.com/Holman52/website-villages
🔥4❤‍🔥1👍1😱1
Я до середины августа уехал из города, поэтому контента не будет, но я взял тетрадку с конспектами, поэтому буду писать конспекты по реакту из документации. Как приеду опубликую пост, где выложу какие темы изучил.
Также в последний день перед уездом решил полностью закончить адаптив для устройств кроме телефона, но гит попросту не захотел комитить, выдав за какую-то ошибку
❤5