Путь до джуна
89 subscribers
206 photos
94 videos
2 files
37 links
Для связи @nesmoru
Download Telegram
Путь до джуна
ДЕНЬ 66 Доделал дизайн сайта главной страницы, создал кликбейтные описания для перехода на другие страницы
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 70
Доверстал главную страницу. Сегодня начал вникать в git, но особого успеха не достиг, поэтому завтра буду изучать. Наткнулся на 40 минутное видео, но не особо понял как совершать действия через cmd.
❤5🔥1
ДЕНЬ 71
Сегодня разбирался с взаимодействием git и github, долго ничего не получалось ,но всё же помогли разобраться с проблемой. Опубликовал весь проект на github, теперь можно посмотреть код.
https://github.com/Holman52/website-villages/tree/master

P.s спасибо большое всем, кто помогает, очень благодарен❤️
🔥6👏2
ДЕНЬ 72
Изучил более подробно git, создал новый документ в котором прописал пару строчек кода, затем загрузил в github, перед этим создал две ветви и объединил в одну
👍8
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 73
  Начал верстать вторую страницу. Добавил Яндекс карту, убрал всё лишнее, кроме нижних кнопок, ибо их надо через css убирать. Ещё добавил метку, но она какая-то стрёмная, потом будут менять.
Весь код: https://github.com/Holman52/website-villages/tree/YamkiWeb
👍6
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 74
Переделал HTML разметку, добавив семантические тэги. Начал писать JS для основной части, пока что код выглядит очень плохо и ужасно.

Весь код:https://github.com/Holman52/website-villages/tree/YamkiWeb
🔥1
ДЕНЬ 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