Я до середины августа уехал из города, поэтому контента не будет, но я взял тетрадку с конспектами, поэтому буду писать конспекты по реакту из документации. Как приеду опубликую пост, где выложу какие темы изучил.
Также в последний день перед уездом решил полностью закончить адаптив для устройств кроме телефона, но гит попросту не захотел комитить, выдав за какую-то ошибку
Также в последний день перед уездом решил полностью закончить адаптив для устройств кроме телефона, но гит попросту не захотел комитить, выдав за какую-то ошибку
❤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
ДЕНЬ 99
Начал изучать react, решил сделать вот такой список покупок с использованием props, всё пока довольно понятно, стал намного лучше себя чувствовать в работе с импоратами и с файлами/папками, теперь всё получается нормально импортировать и использовать как положено.
Случалось пару ошибок в консоли при попытке запуска сервера, но это быстро решалось с помощью команды cd my-app, непривычно пару моментов, а именно писать тэги, приходится чуть больше времени этому уделять чем в HTML + запуск сервера не через live server, он теперь бесполезен получается.
Так же надо будет создать ещё один репозиторий, чтоб удобно код смотреть
Начал изучать react, решил сделать вот такой список покупок с использованием props, всё пока довольно понятно, стал намного лучше себя чувствовать в работе с импоратами и с файлами/папками, теперь всё получается нормально импортировать и использовать как положено.
Случалось пару ошибок в консоли при попытке запуска сервера, но это быстро решалось с помощью команды cd my-app, непривычно пару моментов, а именно писать тэги, приходится чуть больше времени этому уделять чем в HTML + запуск сервера не через live server, он теперь бесполезен получается.
Так же надо будет создать ещё один репозиторий, чтоб удобно код смотреть
👍5❤🔥1🥰1👨💻1
ДЕНЬ 100
Сделал отдельный компонент для даты и накинул стилей на него, также изменил отображение даты по месяцам, годам, дням.
На GitHub пока не закинул проект, возникли трудности с его подключением к репозиторию.
Сделал отдельный компонент для даты и накинул стилей на него, также изменил отображение даты по месяцам, годам, дням.
На GitHub пока не закинул проект, возникли трудности с его подключением к репозиторию.
🔥4👨💻2