Путь до джуна
89 subscribers
206 photos
94 videos
2 files
37 links
Для связи @nesmoru
Download Telegram
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
Вот такое в Blender делаю
🔥3❤1❤‍🔥1👨‍💻1
This media is not supported in your browser
VIEW IN TELEGRAM
Первое заблокированное видео, прилетели авторские права
ДЕНЬ 11
❤‍🔥3👨‍💻1
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 94

Закончил делать адаптив текста и карточек с датами для планшетов, ноутбуков и ПК. Для краткости кода сделал несколько однотипных блоков в один класс. Теперь осталось сделать самую сложную часть адаптива, а именно картинки(весьма вероятно, что придётся переписывать часть кода для картинок) + надо будет видоизменять табы(истрия, даты, фотографии)под версию телефона. И в принципе придётся все страницы сайта делать под телефон

Код:https://github.com/Holman52/website-villages
🔥3❤‍🔥1👨‍💻1
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 95

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

Код:https://github.com/Holman52/website-villages
🔥3❤‍🔥2👨‍💻1
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 96

За сегодня сделал адаптив двух страниц под телефон+ доделал предыдущую. Наконец-то понял почему некорректно работало удаление изначально активного блока на странице grach, потому что когда-то я заменил id на class , поэтому он не удалялся. Результат моих трудов модно посмотреть по ссылке ниже, на хосте гита.
Главный минус, что некоторые странички долго грузит, на которых присутствует карта

P.S: Главная страница еще не до конца адаптирована

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

Код:https://github.com/Holman52/website-villages
❤‍🔥4👨‍💻1
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 97

Закончил делать адаптив полностью, пришлось помучаться с адаптивом фотографии на главной странице, поэтому сделал пару лишних запросов, но выглядит теперь более менее. Также загрузил обновлённый сайт на git pages. Но теперь он не выводит фото, которое адаптировал👍

Сайт:https://holman52.github.io/website-villages/
❤3❤‍🔥1👨‍💻1
Кстати, еще вопрос. Если вдруг кто-то хотстил Яндекс карты или имел опыт с ними, то подскажите, можно ли в хост загрузисть сайт с Яндекс картой, но там нельзя запрос делать, будет ли Яндекс ругаться, что без их ведома так захостил
❤‍🔥2🤔1
ДЕНЬ 98

  Загрузил в хост сайт. Решил выбрать хост beget, потому что первый месяц бесплатно, пока сойдёт. Теперь можно посмотреть сайт в гугле. Был изначально недочёт по HTML файлам, так как они были в папке и странички не открывались, пришлось выкинуть их из папки

+ нашёл курс по реакту, в целом неплохой на первый взгляд, посмотрел введение и что будет в течение курса

1.Основные понятия
   I. Компоненты и создание UI
   II. Props, state
   III. Стилизация приложений и компонентов React
   IV. Ведение в React Hooks
2.Продвинутые концепции
  I. Побочные эффекты, refs и другие react hooks
  II. React's Context API, Redux
  III. Forms, Http Requests, "Custom Hooks"
  IV. Routing, Deployment, NextJS и многое другое
3.Подведение итогов

САЙТ:http://holman.beget.tech/
👨‍💻3❤‍🔥1🔥1