Путь до джуна
89 subscribers
206 photos
94 videos
2 files
37 links
Для связи @nesmoru
Download Telegram
ДЕНЬ 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
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 92
Довольно долго искал решение проблемы со слиянием в ветке гит много времени на это ушло. Сделал пару набросков под адаптив. Также написал около 5-7 конспектов из начальных тем реакт
❤‍🔥5❤1🔥1👨‍💻1
This media is not supported in your browser
VIEW IN TELEGRAM
День 93

Сделал адаптив ещё одной странички(от 768px), пока не делал под фотографии, это будет в последнюю очередь, так же сократил код css, сделав нескольким блокам один класс

Код: https://github.com/Holman52/website-villages
❤‍🔥4❤2👨‍💻1