Адаптивная верстка сайта с объяснением действий. Добавление товара в корзину, AJAX подгрузка из JSON

[@FreelancerLifeStyle]

🤟 Я вам 5 часов годноты, вы мне ЛАЙК ПОДПИСКА КОММЕНТАРИЙ! 🔴 Карта канала: miro.com/app/board/o9J_lZB3YKI=/ 🔴 Получить доступ к плюшкам + поддержать канал: www.patreon.com/freelancerlifestyle 🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle) 🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat) 🔴 Facebook: facebook.com/freelancerlifestyle 🔴 Instagram: instagram.com/freelancer.lifestyle

[@vitaliyspilok9222]

Спасибо

[@BekzatKorganbek-e5q]

Огромное спасибо, Жека!!!🔥🔝

[@unkled]

Спасибо за труд!!!

[@FreelancerLifeStyle]

@@vitaliyspilok9222 пожалуйста!

[@FreelancerLifeStyle]

@@BekzatKorganbek-e5q пожалуйста!

[@ruslangl2893]

Женю, як же ти мене витягуєш із мороку тотальної безнадії. Працюю з цим тренувальним проектом на базі третьої версії стартового шаблону, зіткнувся з чимось незрозумілим - іконічний шрифт, перейшов на канал, подививсь з чим його їдять, далі подививсь ролік про збірку gulp, повернувся до цього роліку і так далі. Просто не уявляю де ще я б так швидко і з таким задоволенням набрав би такого об'єму практичної інформації. Низький земний уклін за все, що ти робиш!

[@FreelancerLifeStyle]

Радий що корисно

[@deniskotov]

AJAX подгрузка из JSON - офигенно!!! И корзиночка!)))) 5 часов удовольствия!! Это стоило ожидания! Спасибо, Жека! Важнейшая тема)

[@FreelancerLifeStyle]

Пожалуйста!

[@firdavsdadakhanov5087]

то чего я хотел сказать)))

[@kotlancer]

Досмотрел до конца. Женя, можешь опять в отпуск отправляться, минимум недельки на две, пока мы 10 раз пересматриваем, всё изучаем)))) ОООООчень много годноты, капец)

[@FreelancerLifeStyle]

Супер, я рад!

[@АндрійПостернак-ц1л]

це просто неймовірний майстерклас особливо з галереєю я ніяк не міг продумати структуру галереї як би я верстав її а тут все так просто, дякую за цей майстер клас дуже корисний

[@antonmolchanov9327]

Вау! Женя, ты нереально крут! Это самая интересная верстка на всем ютубе, да еще и с самыми лучшими объяснениями от тебя! Спасибище тебе огромное! Как же я тебя обожаю)))

[@FreelancerLifeStyle]

Рад что нравится!

[@alex_molo1217]

Смотрю канал уже больше года, ты сильно прокачал свой уровень вёрстки и соответственно уровень вёрстки своих зрителей. Но хотел бы отметить именно то, что сам автор прокачивается благодаря постоянной практике , поиску решений , лайфхаков , ведь что бы объяснить другому ты должен сам очень хорошо разобраться в теме.

[@FreelancerLifeStyle]

100%

[@front-end14]

вауу, вот это я понимаю мастер-класс, непростой макет с кучей нестандартных фишек) спасибо, Жека)

[@FreelancerLifeStyle]

Пожалуйста!

[@detro1821]

Очень крутое решение. Многие на канале уже не новички, а имеют более, менее норм опыт, а макет как раз таки хороший для опыта, спасибо!

[@FreelancerLifeStyle]

Пожалуйста!

[@ya.gromova]

ЕвГений! Это просто ШИКАРНО! БЛАГОДАРЮ за Ваш труд - все Ваши уроки всегда помогают в практике, только после Вашего курса по верстке все в голове разложилось по полочкам и я начала нормально верстать) Вы учитель на 1'000'000$

[@FreelancerLifeStyle]

Спасибо большое!

[@gosh5509]

Делай 10 интеграций в видео!!! Это того стоит, и мы с удовольствием посмотрим. Ты старался, и должен заработать!!!

[@IT-gg1xx]

Я хоть и не давно начал учить верстку! Для меня этот макет безумно тяжёлый, но как ты объясняешь, сразу становиться все понятно! Спасибо большое за такие видео!

[@FreelancerLifeStyle]

Пожалуйста!

[@umnikumnikov1338]

5 часов контента в готовом виде это очень много сил и труда ,спасибо Женя!

[@FreelancerLifeStyle]

Пожалуйста!

[@murimolda]

ААА! Я над этим тренировочным проектом вторую неделю зависла, думала уже плюнуть и взять пока что-то полегче. И тут как манна небесная! Спасибо огромное за видео, просто в точку!

[@FreelancerLifeStyle]

Пожалуйста!

[@quite10]

Ваши видео люблю больше всего😍 Всё простыми словами и без воды🙌🏻 Огромное Вам спасибо 🙏🏻

[@FreelancerLifeStyle]

Пожалуйста!

[@ye5275]

Просто невероятный урок! Даже слов не хватает, чтобы вас отблагодарить! Наконец-то очень хорошо разобралась, как работать с нестандартными слайдерами и корзиной. Спасибо вам!

[@FreelancerLifeStyle]

Пожалуйста! Рад что полезно!

[@ЄгорКазанок]

Дякую за відео. Безліч корисної та цікавої інформації отримав. Швидкість верстки просто неймовірна. Мені з цим макетом доведеться трохи помучитись😅

[@ArseniyBendyukov]

К сожалению для создателей контента, я редко пишу комментарии, но этот ролик безусловно заслуживает гораздо больше пары строчек текста! Тысяча благодарностей автору! Информации о сфере IT - в особенности о вэбе - очень много в сети, и ее количество продолжает расти. Обучение становится все доступнее и проще благодаря таким ресурсам, как этот канал, создателю которого я мысленно не раз пожимал руку; в наш век каждый при желании может обучиться достойной профессии. Например, для такого пятнадцатилетнего подростка, как я, обучение даётся просто ввиду юного возраста и отсутствия занятости, и я безмерно благодарен возможности поглощать полезную информацию из открытых источников.

[@FreelancerLifeStyle]

Я рад что полезно!

[@shukonfadah5725]

все ваши виде это лучшее что можно найти на русскоязычном сегменте! Я поддерживаю вас во всём! желаю мира и спокойствия вашей стране и семье

[@НаталияНовицкая-ц5з]

5 часов!!! у меня аж челюсть отпала:))) спасибо огромное, Женя! твои видео бесценные!

[@ПапасАлиной]

Божественно. Ты показываешь как круто и быстро можно работать. Большое спасибо за интересную вёрстку и кучу плюшек)

[@FreelancerLifeStyle]

Пожалуйста!

[@Alex_DV02]

Евгений, считаю на сегодняшний день твой канал лучший, по качеству контента который ты делаешь. Являюсь твоим патроном уже около года, очень рад что мой маленький вклад помогает развиваться твоему каналу и делать такой контент как это видео. Хочу отдельно отметить твой курс по JS, и обратить внимание на то, что именно твоя подача материала мне зашла. Всем, кто хоть мало-мальски интересуется версткой, я рекомендую твой канал. Так держать, спасибо!

[@FreelancerLifeStyle]

Я рад! Развиваюсь вместе с вами! Спасибо за поддержку!

[@miron-maarik]

Еще часа не просмотрел, но вот такие у меня чувства: Ребята, это не просто годнота, это концетрат годноты! :-)))) Это выше всяких похвал, моя благодарность зашкаливает! Этот наставник достоин, чтобы подписаться на его патрион даже без всяких плюшек, находящихся там! Говорит быстро, четко, все только лишь по делу. Вообще нет ничего лишнего. Ни мычания, ни причмокивания, ни ошибок, ни тягостных раздумываний... Все это осталось за кадром. К учащимся поступает лишь сплошная питательная информация! Браво! Только интересно, сколько времени требуется, чтобы снять такой вот по продолжительности ролик? От подбора материала и подготовки до заливки на ютуб? И сколько при этом персонала участвует? Хочется оценить твои трудозатраты

[@gorobart]

Мастер спасибо тебе!!!!! Я стал спать по 5 часов в сутки , мне 30 и мне пофиг на возраст. Наконец-то я понял чем хочу заниматься!! Я уже верстаю около 3 х месяцев и при виде прогресса мотивация зашкаливает. Сейчас как заверстаем вместе с мастером и будет новый скил!!!!!!!!

[@richarddaniel7088]

Нк вот прошел месяц и как оно сейчас! Работу нашел?

[@igorproshyn9380]

@@richarddaniel7088 я к первой работе что бы стать с# разработчиком учился 4 года.

[@userbekjon]

Как всегда нет слов на похвалы, уровень обучающихся материалы просто фантастического класса,

[@FreelancerLifeStyle]

Я рад!

[@kvitoKslava]

Не пройшло і три тижні, як я все зробила. Женя, дякую тобі! Це відео - просто клондайк!

[@FreelancerLifeStyle]

Будь ласка!

[@РусланаКостевка]

Це найкраще, що я бачила в Ютуб! Женя ти супер! Як все чітко, без лишньої води, а виконання вище всяких похвал!

[@_wozgard]

Груда не то слово. Я благодаря этому мастер-классу вырос вдвое как Front-end разработчик, огромное спасибо!)

[@overlord2k4]

Обалдеть, пересматриваю уже во второй раз, Женя это одни из лучших фишек за последние время, которые я когда-либо видел, спасибо тебе огромное)))

[@FreelancerLifeStyle]

Пожалуйста!

[@alexandervoievodin6913]

С тобой не возможно не радоваться жизни) Спасибо огромное за твой труд!

[@FreelancerLifeStyle]

Пожалуйста!

[@orangecoder3416]

Благодаря твоим урокам стал фрилансером и начал зарабатывать! Респект!

[@АлександрБайшев-р4г]

Крутяк-наикрутейший!!!! Жека, спасибо тебе огромное!!!! Материал, который ты нам даришь становится всё лучше и лучше!!! Очень заметно, что ты "не стоишь на месте", развиваешь канал даже в "мелочах", всё это заинтересовывает, мотивирует и делает обучение нереально продуктивным!!!! Респект тебе и уважуха!!!!😁 P.S. Также ждём выпуска по событиям в JS)))))

[@FreelancerLifeStyle]

Спасибо! Урок в работе!

[@АлександрБайшев-р4г]

@@FreelancerLifeStyle Ещё раз СПАСИБО!!!!!

[@MilenaAdelin2207]

Женя, це бомба!!! Всі справи відкладаю і дивлюсь до кінця 🤗

[@FreelancerLifeStyle]

Супер!

[@ChristinaShevtsova-q8n]

то что сейчас нужно! я этого и хотела) спасибо! это нереальный труд!

[@FreelancerLifeStyle]

Пожалуйста!

[@AlexJustFly]

За первые 12 минут видео получил кучу новой инфы и пошёл лопатить свой галпфайл. А впереди ещё 4 часа 😂 Спасибо Женек за твой труд от души 👍

[@FreelancerLifeStyle]

Пожалуйста!

[@nick_arseniy]

Спасибо за такие мастер-классы и отдельно за подачу материала.Особенно за фразу "не переключайтесь")

[@isseka7]

Спасибо за классный контент! Автор один из немногих, кто интересно и понятно рассказывает.

[@FreelancerLifeStyle]

Я рад!

[@theoddorrrrr]

Человечищеее, спасибо огромное за ваш труд!

[@kenkan5342]

Я люблю тебя Жека! Столько труда и времени в это вложено!

[@FreelancerLifeStyle]

Это да..

[@PavelSambur]

это симфония!! Женя, ты мой учитель и мотиватор!)

[@FreelancerLifeStyle]

Я рад!

[@vandallover2592]

Жека, це улееееет) кайф у чистому вигляді!) дякую, тобі безмежно за твою роботу!

[@АсяХаликова-в7б]

Наконец досмотрела-доработала всю верстку (до болезни 3,5 часа и после болезни все заново и с не меньшим удовольствием). Огромное спасибо за выбор такого нестандартного макета! Фантастика в принятии решений!

[@-Forever-Young-]

Держи комментарии, Мен! Лучший канал по этой теме)! Успехов во всём!!!

[@90000361]

Сразу захожу и ставлю лайк за такую огромную проделанную работу!

[@FreelancerLifeStyle]

Спасибо!

[@90000361]

@@FreelancerLifeStyle Идея вам для следующего ролика: я сейчас верстаю интернет магазин и заметил, что на ютубе практически нет уроков, как написать на чистом js фильтрацию карточек, если фильтры в виде , , ... В основном видео на vue, react...

[@даринабилялова-д4р]

круто! благодаря вашим урокам выучила за месяц html/css, успехов и процветания каналу!

[@FreelancerLifeStyle]

Рад что полезно!

[@aleksandr447]

Супер! Куча материала для изучения! 👍🏻 И я не понимаю, как можно дизлайк поставить за такой контент

[@FreelancerLifeStyle]

Рад что полезно!

[@sashaohota2437]

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

[@web2905]

Спасибо огромное. Очень круто. Сейчас изучаю бэкенд на php, уже делал функционал добавление и удаления товара через базу данных mysql, мне кажется там как то попроще с добавление и удалением товара, но тут показано с очень крутым эффектом таким, очень круто. Представляю, сколько ты сил вложил в эту работу. Эффект с щелчком пальцев, просто бомбический :)

[@FreelancerLifeStyle]

Я рад!

[@RuslanPanasiuk-d8l]

Прекрасное видео. Думаю что это лучшая верстка которую я видел на youtube. Узнал очень много нового и полезного. Сборка просто огонь. Еще разбираться и разбираться. Большое спасибо автору за такой полезнейший контент.

[@ВладимирТарасов-о6у]

Большое спасибо за труд! Жду новые видосы, как выход новых серий сериала

[@FreelancerLifeStyle]

Пожалуйста!

[@littlekitten2599]

Увидев урок за 5 часов не на секунду не задумался и поставил лайк

[@FreelancerLifeStyle]

Спасибо!

[@littlekitten2599]

@@FreelancerLifeStyle И вам спасибо за ваш труд

[@МаксимАртемьев-з2д]

Я восхищаюсь вашей работой, у меня нет слов, очень здорово!!!!!!!!!!

[@FreelancerLifeStyle]

Рад что полезно!

[@Jorjeee]

Еще не смотрел видео, но в начале попросили поставить лайк вот я и поставил. Ну а за такой видос не жалко и сказать что автор молодец.

[@stepanivanov6309]

Жалко, что нельзя ставить лайк бесконечно

[@FreelancerLifeStyle]

Но можно сделать репост! :)

[@ИринаЖукова-ю4е]

Чем больше смотрю уроки, тем больше они мне нравятся!

[@dimakuzmin9138]

Спасибо большое. Вас очень приятно слушать и смотреть. И самое главное это что вы делитесь с нами такой полезной информацией.

[@FreelancerLifeStyle]

Я рад! Пожалуйста!

[@ДмитрийРог-ч1у]

Отлично, сижу разбираюсь в твое стартере и тут годный видос подъехал!

[@FreelancerLifeStyle]

Я рад)

[@asadxbasa]

Вот просто лайк, просто лайк, днями ищу эту инфу про ajax и вот оно ! Спасибо фрилансер, не раз спал в трудные ситуации !

[@dilshodbaxtiyorov1691]

Огромное спасибо за вашу работу! Очень помогает в развитии. Желаю счастья, удачи и всего доброго.

[@FreelancerLifeStyle]

Пожалуйста!

[@maratkhaliullin5512]

Женя !!! Вам огромное спасибо! Ваши уроки просто супер!!!

[@FreelancerLifeStyle]

Пожалуйста!

[@ПриродакрасаМіра]

Не зря я на патріот писав Бог Версти! Жека ти крутяк, мені допомагаєш розвивати хобі до великих маштабів Дякую!!!

[@tyncherov_v7663]

недавно закончил твой бесплатный курс а это верстка была очень крутой практикой для меня спасибо большое!!)

[@dechto1]

Бомба. Тоже делал этот сайт ранее для практики и мне очень повезло что Жека выбрал именно его для мастер-класса ☺️... Спасибо 🤗 Сразу нашел у себя кучу ошибок в адаптиве и в структуре сайта в принципе... Очень благодарен за такой контент!👍 Несколько дней изучал этот видос🙏 А от JS наворотов голова идёт кругом...😅👍

[@FreelancerLifeStyle]

Рад что полезно!

[@skysar]

Евгений! Не перестаёте удивлять качеством и масштабом полезного материала в своих видео. Огромное спасибо и пальчик вверх! :)

[@vasyok92]

Я писал ранее коментарий, но блин спасибо еще раз, это наверное самый ценный интесив на ютубе по верстке

[@weekendshow7567]

Спасибо Женя, это лучшие уроки на KZbin по вёрстке. Скоро хочу оформить подписку, как закончу вёрстку хотя бы 2-3 макетов!!!

[@EdRodionovSpb]

Дай Бог тебе счастья и удачи - за твой труд на благо людей!

[@avgustoff6682]

Огромное спасибо за полезную и ценную информацию ! Отдельная благодарность за прекрасную подачу !

[@FreelancerLifeStyle]

Пожалуйста!

[@husky9499]

спасибо за то, что объясняете все детали Любой новичок сразу все поймет и скачае т

[@Aurum-Boss]

Все самые актуальные и полезные фишки у тебя.СУПЕР.

[@ilya2839]

Просто огромное спасибо за всё, что ты делаешь. Добра твоему дому !

[@user-wetal4903]

Жека ты мегазверь по подачи инфы по фронту ,здоровья тебе и всех благ от души

[@AndriiNakonechnyi-f3y]

Почти досмотрел, просто 🔥 верстка, много чего полезного рассказал, спасибо большое!

[@EVolkov18]

Не надо больше ничего снимать, снимай вот такие верстки , это топ !

[@FreelancerLifeStyle]

Ну как же без теоритических знаний это все понять?)

[@evil_core3029]

Макет выглядит серьезно, вероятно часов на 10-12 засяду, если видео почти пять идет - вы буквально сделали мой день;D

[@FreelancerLifeStyle]

Я рад!

[@olgaorlova2131]

Спасибо! Побольше бы вот таких сложненьких сайтиков поверстать))

[@linouyuyti5623]

Крутяк ! Спасибо огромное. Осталось самому только node mailer в node js добавить и заказы принимать))

[@nickooms5179]

А что тут коментить? Жена, завтрак подождёт - тут Жека вкуснятины на день подогнал)

[@FreelancerLifeStyle]

Приятного!

[@БогданРоманюк-д1ь]

Привіт дуже корисний формат таких відео 👍

[@FreelancerLifeStyle]

Дякую!

[@w1nchester551]

Долго не понимал почему не получается выровнять слайдер по правому краю, хотя точно так же прописал align-items: flex-end. Оказалось, что у свайпера по умолчанию есть марджины слева, справа. Прописав margin: unset, все заработало. А вообще, никогда бы не додумался, что без абсолютного позиционирования можно добиться такой конструкции, чтобы какой-то блок, перекрывал другой. Спасибо, узнал для себя много нового)

[@Motivasion_money]

Я представляю как будет интересно на твоих Курсах Женя ты крут

[@SuperRAilya]

40:18 выпадающее меню 1:18:29 иконка бургера. отступ 1:20:00 footer 2:53:31 шапка при скроле 2:48:48 2:52:28 3:00:11 блок товары Ajax 3:23:23 json файл 3:38:51 Добавление в корзину 4:02:19 slider rooms 4:11:11 slidesPerView: 'auto', чтобы слайдер сам не указывал ширину слайда и мы ее сами выставляли в стилях 4:11:54 4:14:36 покрывало 4:15:39 &.swiper-slide-active { .slider-rooms__image-ibg { height: 100%; 4:16:40 backdrop filter bg 4:19:08 паралакс data-swiper-parallax-opacity="0" data-swiper-parallax-y="-100%" 4:21:09 left: 0 -24px; width: calc(100% + 48px); к ширине прибавил ширину кнопки. а от Left отнял половину 4:21:34 pen pea 4:26:14 slider 3 4:31:52 проблема с тенями решение отриц m + p 04:38:18 Галерея 04:45:53 Открытие картинки в pop-up lightgallery (комментарий для себя)

[@ebasher-g7e]

Большое человеческое тебе спасибо за твой труд!

[@FreelancerLifeStyle]

Пожалуйста!

[@bammargera5187]

Спасибо большое за такой качественный контент!

[@FreelancerLifeStyle]

Пожалуйста!

[@МаксимАртемьев-з2д]

Жека как всегда, нереально круто!!!!!!!!!! Вы большая умничка!! Твое видео смотрю с большим удовольствием!!!!!

[@FreelancerLifeStyle]

Рад что нравится!

[@kitawa-z7b]

Как по мне, на данный момент самый сильный гайд по верстке на 2021

[@FreelancerLifeStyle]

Спасибо!

[@shustrik911]

видео крутое) особенно в виде квеста) , не настроил Gulp - смотри видос, нет адаптивного свойства - иди смотри видос, даже обнуляющие стили - желательно тоже за ранее посмотреть) ходишь как по карте, собираешь кусочки) спасибо большое, это очень интересно!!

[@FreelancerLifeStyle]

Хорошо что есть ответы на все вопросы)

[@antonevpatievskiy8190]

Спасибо, хороший материал. Евгений, как всегда , дает только полезные полезности )))

[@FreelancerLifeStyle]

Спасибо! Рад что полезно!

[@Uncaught_in_promise]

Супер круто. Куча полезностей, благодарю!

[@FreelancerLifeStyle]

Пожалуйста!

[@MegaDragon1112]

Вот так подарок :). Спасибо. Только сейчас дошли руки посмотреть, но это того стоит. Собственно лайк как всегла

[@olegsemenukha4107]

Очень круто, Женя! Не перестаешь удивлять! Спасибо! ❤️👍

[@artemnikitin9696]

Спасибо , Жека, никто не делает такого крутого контента по веб-разработке как ты !!!!!!!!!!

[@gennadyga2257]

Жека! Огромное тебе спасибо! С меня лайк, 2 рекламы и подписка моих домодчатцев! Огромное тебе спасибо!

[@FreelancerLifeStyle]

Пожалуйста!

[@redrising2104]

Как же это круто, Женя!

[@FreelancerLifeStyle]

Рад!

[@romanuke5632]

Жека, респект! Подписался, чтобы всем рекомендовать. (да и сам посматривать буду)) Качественный контент. Сверх качественный.

[@FlipTM]

Жека, ты очень крутой, надеюсь когда-нибудь добраться до твоего уровня и пожать тебе руку за твои уроки.

[@TypucTFree]

Какому богу нужно молиться, чтобы такие люди как Жека рождались чаще?

[@optimus839]

Нет бога кроме Всевышнего Аллаха!

[@TypucTFree]

@@optimus839 это нормально что для тебя нет другого Бога. У каждого свой Бог в душе. У кого то - несколько😁

[@noviy-zavet888]

Единственному , Иисусу Христу

[@Тамилл]

Ого!!!!! Огромное вам спасибо! Пошла смотреть!!!!!

[@FreelancerLifeStyle]

Пожалуйста!

[@katsiarynayaryvanovich7415]

Огромнейшее спасибо! Стоооолько лайфхаков!!!

[@FreelancerLifeStyle]

Пожалуйста!

[@svet0v]

Просто лайк за 5 часов контента

[@FreelancerLifeStyle]

Спасибо!