This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 86
Итак, спустя довольно длительное время продолжил изучать js. Сегодня разобрался с взаимодействием API, написал функцию, которая будет выявлять ошибку в ходе написания кода через методы try/catch.
Код:https://github.com/Holman52/other-
Итак, спустя довольно длительное время продолжил изучать js. Сегодня разобрался с взаимодействием API, написал функцию, которая будет выявлять ошибку в ходе написания кода через методы try/catch.
Код:https://github.com/Holman52/other-
🔥5🥰2
ДЕНЬ 87
Сегодня изучал как делать медиа запросы. Изначально использовал min-width, но при этом условии у меня применялся медиа запрос с конца( то есть, если я введу min-width: 576px , то он будет применяться на 1140рх , хотя на 1140рх указано другое значение). Поэтому пришлось составлять промежутку для изменения ширины. Также с вебинара использовал формулу:width: calc((100% - кол-во маржинов в строке * значение маржина) / кол-во элементов в строке), однако у меня она не сработала и не понятно как ей пользоваться, всегда ли по бокам считаться значение margin за половину или нет и как правильно делать подсчёты значений
Сегодня изучал как делать медиа запросы. Изначально использовал 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
+- адаптировал главную страницу под телефон. Спустя пару просмотренных вебинаров, стал понимать, что да как лучше адаптировать. Так же научился подключаться через телефон к 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
Спустя долгое время снова приступил к продолжению изучения адаптива. В этот раз сделал адаптив для устройств с 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
Адаптировал сайт под небольшие ноутбуки и средние устройства (с шириной экрана от 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
Приступил к адаптиву странички одной из деревни (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-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
Сделал адаптив ещё одной странички(от 768px), пока не делал под фотографии, это будет в последнюю очередь, так же сократил код css, сделав нескольким блокам один класс
Код: https://github.com/Holman52/website-villages
❤🔥4❤2👨💻1
This media is not supported in your browser
VIEW IN TELEGRAM
Сверстал вот такой сайт по макету из фигмы
Макет: https://www.figma.com/design/JdMIFPVjOzmlnS3en94ATS/Untitled?node-id=1-36&node-type=frame&t=Eh4cidXg5EmQFCq0-0
Макет: https://www.figma.com/design/JdMIFPVjOzmlnS3en94ATS/Untitled?node-id=1-36&node-type=frame&t=Eh4cidXg5EmQFCq0-0
🔥5❤🔥1👨💻1
This media is not supported in your browser
VIEW IN TELEGRAM
Первое заблокированное видео, прилетели авторские права
ДЕНЬ 11
ДЕНЬ 11
❤🔥3👨💻1
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 94
Закончил делать адаптив текста и карточек с датами для планшетов, ноутбуков и ПК. Для краткости кода сделал несколько однотипных блоков в один класс. Теперь осталось сделать самую сложную часть адаптива, а именно картинки(весьма вероятно, что придётся переписывать часть кода для картинок) + надо будет видоизменять табы(истрия, даты, фотографии)под версию телефона. И в принципе придётся все страницы сайта делать под телефон
Код:https://github.com/Holman52/website-villages
Закончил делать адаптив текста и карточек с датами для планшетов, ноутбуков и ПК. Для краткости кода сделал несколько однотипных блоков в один класс. Теперь осталось сделать самую сложную часть адаптива, а именно картинки(весьма вероятно, что придётся переписывать часть кода для картинок) + надо будет видоизменять табы(истрия, даты, фотографии)под версию телефона. И в принципе придётся все страницы сайта делать под телефон
Код: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
Практически закончил делать адаптив под страницу, осталось самую малость доделать. Предполагал как можно адаптив табов, в итоге решил, что их вообще не будет, теперь вся информация будет сплошным текстом, возможно передумаю и сделаю как-то по другому, думал сделать с медиа запросами в 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
За сегодня сделал адаптив двух страниц под телефон+ доделал предыдущую. Наконец-то понял почему некорректно работало удаление изначально активного блока на странице 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/
Закончил делать адаптив полностью, пришлось помучаться с адаптивом фотографии на главной странице, поэтому сделал пару лишних запросов, но выглядит теперь более менее. Также загрузил обновлённый сайт на git pages. Но теперь он не выводит фото, которое адаптировал👍
Сайт:https://holman52.github.io/website-villages/
❤3❤🔥1👨💻1
Кстати, еще вопрос. Если вдруг кто-то хотстил Яндекс карты или имел опыт с ними, то подскажите, можно ли в хост загрузисть сайт с Яндекс картой, но там нельзя запрос делать, будет ли Яндекс ругаться, что без их ведома так захостил
❤🔥2🤔1
Путь до джуна
ДЕНЬ 97 Закончил делать адаптив полностью, пришлось помучаться с адаптивом фотографии на главной странице, поэтому сделал пару лишних запросов, но выглядит теперь более менее. Также загрузил обновлённый сайт на git pages. Но теперь он не выводит фото…
Заработало, путь изначально указан неправильно был
❤🔥3
ДЕНЬ 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/
Загрузил в хост сайт. Решил выбрать хост 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