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
ДЕНЬ 101
Создал два компонента, в одном находится вся информация о покупках: дата покупки, товар, цена(проще говоря блок с темно-оранжевым задним фоном) и компонент для применения к другим компонентам, как общий класс, с целью сокращения кода в css.
Также разобрался в чем заключается изначальный import React from 'react' и что лежит в основе jsx кода.
Подкрепил проект к репозиторию GitHub, теперь не придётся прикреплять вась код работы
На первом фото пример написания общего класса компонентом
Код:https://github.com/Holman52/LearnReact
Создал два компонента, в одном находится вся информация о покупках: дата покупки, товар, цена(проще говоря блок с темно-оранжевым задним фоном) и компонент для применения к другим компонентам, как общий класс, с целью сокращения кода в css.
Также разобрался в чем заключается изначальный import React from 'react' и что лежит в основе jsx кода.
Подкрепил проект к репозиторию GitHub, теперь не придётся прикреплять вась код работы
Код:https://github.com/Holman52/LearnReact
🔥3👨💻1
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 102
Начал изучать обработку событий, использовал хуки useState, чтобы при нажатии на кнопку менялось содержание продукта. Пытался сделать формочку, но не получилось. Изначально React ругался на импорт, но в нём всё норм было, пытался чет менять постоянно, помогло только перезайти, так же не применяются стили к блокам, хотя в теории всё норм, может я слепой конечно
Код:https://github.com/Holman52/LearnReact
Начал изучать обработку событий, использовал хуки useState, чтобы при нажатии на кнопку менялось содержание продукта. Пытался сделать формочку, но не получилось. Изначально React ругался на импорт, но в нём всё норм было, пытался чет менять постоянно, помогло только перезайти, так же не применяются стили к блокам, хотя в теории всё норм, может я слепой конечно
Код:https://github.com/Holman52/LearnReact
🔥3👨💻1