[HTML academy] Проект на JavaScript «Интернет-магазин»
Цена:
187
Рекомендации
![[lectrum] Продвинутый видеокурс по Redux, с фундаментальных основ (Андрей Мулык)](https://i1.stat01.com/2/7942/179412176/baec64/lectrum-prodvinutyj-videokurs-po-redux-s-fundamentalnyh-osnov-andrej-mulyk.jpg "[lectrum] Продвинутый видеокурс по Redux, с фундаментальных основ (Андрей Мулык)")
![[Learn Python] Курс программирования на Python 3.6 для любого уровня с упором на практику](https://i2.stat01.com/2/7942/179412172/baec64/learn-python-kurs-programmirovaniya-na-python-3-6-dlya-lyubogo-urovnya-s-uporom-na-praktiku.png "[Learn Python] Курс программирования на Python 3.6 для любого уровня с упором на практику")
![[LearnPython] Курс программирования на Python 3.6 (Михаил Корнеев)](https://i2.stat01.com/2/7942/179412171/baec64/learnpython-kurs-programmirovaniya-na-python-3-6-mihail-korneev.jpg "[LearnPython] Курс программирования на Python 3.6 (Михаил Корнеев)")
![[Justin Putney] Рабочие процессы проектирования отзывчивого дизайна (LinkedIn Learning)](https://i4.stat01.com/2/7942/179412169/baec64/justin-putney-rabochie-processy-proektirovaniya-otzyvchivogo-dizajna-linkedin-learning.jpg "[Justin Putney] Рабочие процессы проектирования отзывчивого дизайна (LinkedIn Learning)")
![[JUG Ru Group] JPoint 2022. Международная Java?конференция (Владимир Ситников, Татьяна Черникова, Сергей Мельников, Дмирий Александров и др.)](https://i2.stat01.com/2/7942/179412168/baec64/jug-ru-group-jpoint-2022-mezhdunarodnaya-java-konferenciya-vladimir-sitnikov-tatyana-chernikova-sergej-melnikov-dmirij-aleksandrov-i-dr.png "[JUG Ru Group] JPoint 2022. Международная Java?конференция (Владимир Ситников, Татьяна Черникова, Сергей Мельников, Дмирий Александров и др.)")
![[JUG Ru Group] HolyJS 2022 Spring. Конференция для JavaScript?разработчиков (Артём Белов, Сергей Сова, Валерия Курмак, Никита Дубко)](https://i4.stat01.com/2/7942/179412167/baec64/jug-ru-group-holyjs-2022-spring-konferenciya-dlya-javascript-razrabotchikov-artom-belov-sergej-sova-valeriya-kurmak-nikita-dubko.png "[JUG Ru Group] HolyJS 2022 Spring. Конференция для JavaScript?разработчиков (Артём Белов, Сергей Сова, Валерия Курмак, Никита Дубко)")
![[Jetcourse] Видеоуроки для дизайнеров, верстальщиков и техспециалистов по GetCourse (Кира Ким)](https://i1.stat01.com/2/7942/179412165/baec64/jetcourse-videouroki-dlya-dizajnerov-verstalshhikov-i-tehspecialistov-po-getcourse-kira-kim.png "[Jetcourse] Видеоуроки для дизайнеров, верстальщиков и техспециалистов по GetCourse (Кира Ким)")
![[JavaScript.Ninja] Мастер-класс: Unit-тестирование в JavaScript](https://i1.stat01.com/2/7942/179412164/baec64/javascript-ninja-master-klass-unit-testirovanie-v-javascript.png "[JavaScript.Ninja] Мастер-класс: Unit-тестирование в JavaScript")
![[javascript.ninja] Мастер-класс: тестирование Vue-приложений (Илья Климов)](https://i2.stat01.com/2/7942/179412163/baec64/javascript-ninja-master-klass-testirovanie-vue-prilozhenij-ilya-klimov.png "[javascript.ninja] Мастер-класс: тестирование Vue-приложений (Илья Климов)")
![[JavaBegin] UML Проектирование для начинающих (Тимур Батыршинов)](https://i1.stat01.com/2/7942/179412160/baec64/javabegin-uml-proektirovanie-dlya-nachinayushhih-timur-batyrshinov.jpg "[JavaBegin] UML Проектирование для начинающих (Тимур Батыршинов)")
![[It Hub Academy] Игры на Unity. Часть 1 - первые шаги](https://i4.stat01.com/2/7942/179412157/baec64/it-hub-academy-igry-na-unity-chast-1-pervye-shagi.png "[It Hub Academy] Игры на Unity. Часть 1 - первые шаги")
![[It Hub Academy] Игры на Unity. Части 2-9](https://i4.stat01.com/2/7942/179412156/baec64/it-hub-academy-igry-na-unity-chasti-2-9.png "[It Hub Academy] Игры на Unity. Части 2-9")
![[ITVDN] Видеокурсы по программированию (Иван Жалдак, Дмитрий Охрименко, Антон Мазун)](https://i4.stat01.com/2/7942/179412154/baec64/itvdn-videokursy-po-programmirovaniyu-ivan-zhaldak-dmitrij-ohrimenko-anton-mazun.jpg "[ITVDN] Видеокурсы по программированию (Иван Жалдак, Дмитрий Охрименко, Антон Мазун)")
![[ITVDN] Создание пользовательского интерфейса в ASP.Net Core (Дмитрий Охрименко)](https://i1.stat01.com/2/7942/179412151/baec64/itvdn-sozdanie-polzovatelskogo-interfejsa-v-asp-net-core-dmitrij-ohrimenko.jpg "[ITVDN] Создание пользовательского интерфейса в ASP.Net Core (Дмитрий Охрименко)")
![[ITVDN] Python 3.8.6 Стартовый (Кирилл Бондаренко)](https://i4.stat01.com/2/7942/179412150/baec64/itvdn-python-3-8-6-startovyj-kirill-bondarenko.jpg "[ITVDN] Python 3.8.6 Стартовый (Кирилл Бондаренко)")
![[ITVDN] Live online .NET Developer С#. С нуля до профи (Юрий Боцман, Дмитрий Шваб)](https://i1.stat01.com/2/7942/179412148/baec64/itvdn-live-online-net-developer-s-s-nulya-do-profi-yurij-bocman-dmitrij-shvab.png "[ITVDN] Live online .NET Developer С#. С нуля до профи (Юрий Боцман, Дмитрий Шваб)")
![[ITVDN] Django Starter (Михаил Лазорык )](https://i1.stat01.com/2/7942/179412147/baec64/itvdn-django-starter-mihail-lazoryk.jpg "[ITVDN] Django Starter (Михаил Лазорык )")
![[ITVDN] C# 8.0 Стартовый. 2020 (Александр Шевчук)](https://i1.stat01.com/2/7942/179412146/baec64/itvdn-c-8-0-startovyj-2020-aleksandr-shevchuk.png "[ITVDN] C# 8.0 Стартовый. 2020 (Александр Шевчук)")
![[ITVDN] АUX/UI Design Essential (2020) (Анна Яновская)](https://i1.stat01.com/2/7942/179412145/baec64/itvdn-aux-ui-design-essential-2020-anna-yanovskaya.jpg "[ITVDN] АUX/UI Design Essential (2020) (Анна Яновская)")
![[itProger] Изучение C# от новичка до профи. Пакет «Стандарт» (Гоша Дударь)](https://i1.stat01.com/2/7942/179412144/baec64/itproger-izuchenie-c-ot-novichka-do-profi-paket-standart-gosha-dudar.jpg "[itProger] Изучение C# от новичка до профи. Пакет «Стандарт» (Гоша Дударь)")
![[Itgid] Практический JavaScript v.2.0 (Александр Лущенко)](https://i1.stat01.com/2/7942/179412143/baec64/itgid-prakticheskij-javascript-v-2-0-aleksandr-lushhenko.png "[Itgid] Практический JavaScript v.2.0 (Александр Лущенко)")
![[ItBursa] Профессиональные JavaScript курсы (Илья Климов)](https://i4.stat01.com/2/7942/179412141/baec64/itbursa-professionalnye-javascript-kursy-ilya-klimov.jpg "[ItBursa] Профессиональные JavaScript курсы (Илья Климов)")
![[Институт прикладной автоматизации и программирования] Администрирование Linux LPIC 3](https://i1.stat01.com/2/7942/179412139/baec64/institut-prikladnoj-avtomatizacii-i-programmirovaniya-administrirovanie-linux-lpic-3.jpg "[Институт прикладной автоматизации и программирования] Администрирование Linux LPIC 3")
![[Институт прикладной автоматизации и программирования] Администрирование Linux LPIC 2](https://i1.stat01.com/2/7942/179412138/baec64/institut-prikladnoj-avtomatizacii-i-programmirovaniya-administrirovanie-linux-lpic-2.jpg "[Институт прикладной автоматизации и программирования] Администрирование Linux LPIC 2")
![[Институт прикладной автоматизации и программирования] Администрирование Linux LPIC 1](https://i1.stat01.com/2/7942/179412137/baec64/institut-prikladnoj-avtomatizacii-i-programmirovaniya-administrirovanie-linux-lpic-1.jpg "[Институт прикладной автоматизации и программирования] Администрирование Linux LPIC 1")
![[InfiniteSkills] Профессиональное руководство: взлом и проникновение в беспроводную сеть WiFi, на русском, 2015](https://i1.stat01.com/2/7942/179412136/baec64/infiniteskills-professionalnoe-rukovodstvo-vzlom-i-proniknovenie-v-besprovodnuyu-set-wifi-na-russkom-2015.jpg "[InfiniteSkills] Профессиональное руководство: взлом и проникновение в беспроводную сеть WiFi, на русском, 2015")
![[IAMPM] TechMind - Говори с программистами на одном языке. Тариф - Базовый (Павел Устинов)](https://i1.stat01.com/2/7942/179412134/baec64/iampm-techmind-govori-s-programmistami-na-odnom-yazyke-tarif-bazovyj-pavel-ustinov.png "[IAMPM] TechMind - Говори с программистами на одном языке. Тариф - Базовый (Павел Устинов)")
![[HTML Academy] Протоколы и сети: основы](https://i4.stat01.com/2/7942/179412130/baec64/html-academy-protokoly-i-seti-osnovy.jpg "[HTML Academy] Протоколы и сети: основы")
![[HTML Academy] Профессиональный онлайн?курс HTML и CSS, уровень 1 (2020)](https://i1.stat01.com/2/8205/182040927/baec64/html-academy-professionalnyj-onlajn-kurs-html-i-css-uroven-1-2020.png "[HTML Academy] Профессиональный онлайн?курс HTML и CSS, уровень 1 (2020)")
![[HTML Academy] Профессиональный навык. Вёрстка навигационных элементов интерфейса. Полный комплект](https://i2.stat01.com/2/7942/179412129/baec64/html-academy-professionalnyj-navyk-vorstka-navigacionnyh-jelementov-interfejsa-polnyj-komplekt.png "[HTML Academy] Профессиональный навык. Вёрстка навигационных элементов интерфейса. Полный комплект")
![[HTML Academy] Профессиональный HTML + CSS. Уровень 2, 19 поток](https://i2.stat01.com/2/7942/179412128/baec64/html-academy-professionalnyj-html-css-uroven-2-19-potok.jpg "[HTML Academy] Профессиональный HTML + CSS. Уровень 2, 19 поток")
![[HTML Academy] Профессия «Фронтенд-разработчик» 2021. Часть 3 из 14](https://i2.stat01.com/2/7942/179412127/baec64/html-academy-professiya-frontend-razrabotchik-2021-chast-3-iz-14.jpg "[HTML Academy] Профессия «Фронтенд-разработчик» 2021. Часть 3 из 14")
![[HTML Academy] Профессия «Фронтенд-разработчик» 2021. Часть 2 из 14](https://i2.stat01.com/2/7942/179412126/baec64/html-academy-professiya-frontend-razrabotchik-2021-chast-2-iz-14.jpg "[HTML Academy] Профессия «Фронтенд-разработчик» 2021. Часть 2 из 14")
![[HTML Academy] Профессия «Фронтенд-разработчик» 2021. Часть 1 из 14](https://i2.stat01.com/2/7942/179412125/baec64/html-academy-professiya-frontend-razrabotchik-2021-chast-1-iz-14.png "[HTML Academy] Профессия «Фронтенд-разработчик» 2021. Часть 1 из 14")
![[HTML Academy] Онлайн-курс «Шаблонизаторы HTML»](https://i1.stat01.com/2/7942/179412121/baec64/html-academy-onlajn-kurs-shablonizatory-html.jpg "[HTML Academy] Онлайн-курс «Шаблонизаторы HTML»")
![[HTML Academy] Онлайн-курс «Анатомия CSS-каскада»](https://i2.stat01.com/2/7942/179412120/baec64/html-academy-onlajn-kurs-anatomiya-css-kaskada.jpg "[HTML Academy] Онлайн-курс «Анатомия CSS-каскада»")
![[HTML Academy] Онлайн?курс 'Анимация для фронтендеров'](https://i3.stat01.com/2/7942/179412119/baec64/html-academy-onlajn-kurs-animaciya-dlya-frontenderov.jpg "[HTML Academy] Онлайн?курс 'Анимация для фронтендеров'")
![[HTML academy] Навык «Вёрстка многослойных элементов интерфейса»](https://i2.stat01.com/2/7942/179412118/baec64/html-academy-navyk-vorstka-mnogoslojnyh-jelementov-interfejsa.jpg "[HTML academy] Навык «Вёрстка многослойных элементов интерфейса»")
![[HTML academy] Навык Работа с DOM в JavaScript. Тариф Базовый](https://i2.stat01.com/2/7942/179412117/baec64/html-academy-navyk-rabota-s-dom-v-javascript-tarif-bazovyj.png "[HTML academy] Навык Работа с DOM в JavaScript. Тариф Базовый")
![[HTML ACADEMY] Навык «Экспорт параметров и графики из Figma»](https://i3.stat01.com/2/7942/179412116/baec64/html-academy-navyk-jeksport-parametrov-i-grafiki-iz-figma.jpg "[HTML ACADEMY] Навык «Экспорт параметров и графики из Figma»")
![[HTML Academy] JavaScript. Профессиональная разработка веб-интерфейсов уровень 1. Январь 2021](https://i1.stat01.com/2/7942/179412115/baec64/html-academy-javascript-professionalnaya-razrabotka-veb-interfejsov-uroven-1-yanvar-2021.png "[HTML Academy] JavaScript. Профессиональная разработка веб-интерфейсов уровень 1. Январь 2021")
![[HTML Academy] HTML и CSS. Уровень 1 (2020)](https://i3.stat01.com/2/7942/179412114/baec64/html-academy-html-i-css-uroven-1-2020.jpg "[HTML Academy] HTML и CSS. Уровень 1 (2020)")
![[HTML Academy] HTML и CSS. Профессиональная вёрстка сайтов. Май- июнь 2020](https://i3.stat01.com/2/7942/179412113/baec64/html-academy-html-i-css-professionalnaya-vorstka-sajtov-maj-iyun-2020.jpg "[HTML Academy] HTML и CSS. Профессиональная вёрстка сайтов. Май- июнь 2020")
![[HTML Academy] HTML и CSS. Профессиональная вёрстка сайтов. Января?—?Марта 2021](https://i3.stat01.com/2/7942/179412112/baec64/html-academy-html-i-css-professionalnaya-vorstka-sajtov-yanvarya-marta-2021.jpg "[HTML Academy] HTML и CSS. Профессиональная вёрстка сайтов. Января?—?Марта 2021")
![[HTML Academy] HTML и CSS. Адаптивная вёрстка и автоматизация. март?- май 2021](https://i2.stat01.com/2/7942/179412109/baec64/html-academy-html-i-css-adaptivnaya-vorstka-i-avtomatizaciya-mart-maj-2021.jpg "[HTML Academy] HTML и CSS. Адаптивная вёрстка и автоматизация. март?- май 2021")
![[hexlet.io] Профессия Python-программист (Хекслет)](https://i1.stat01.com/2/7942/179412105/baec64/hexlet-io-professiya-python-programmist-hekslet.jpg "[hexlet.io] Профессия Python-программист (Хекслет)")
![[Хакер] Введение в Assembler. Изучаем низкоуровневое программирование с нуля](https://i1.stat01.com/2/7942/179412103/baec64/haker-vvedenie-v-assembler-izuchaem-nizkourovnevoe-programmirovanie-s-nulya.png "[Хакер] Введение в Assembler. Изучаем низкоуровневое программирование с нуля")
![[HackerSploit Academy] Полный этический взлом / The Complete Ethical Hacking Bootcamp: Beginner To Advanced, 2019](https://i3.stat01.com/2/7942/179412101/baec64/hackersploit-academy-polnyj-jeticheskij-vzlom-the-complete-ethical-hacking-bootcamp-beginner-to-advanced-2019.jpg "[HackerSploit Academy] Полный этический взлом / The Complete Ethical Hacking Bootcamp: Beginner To Advanced, 2019")
![[Glo Academy] WordPress разработчик (Артём Исламов)](https://i1.stat01.com/2/7942/179412099/baec64/glo-academy-wordpress-razrabotchik-artom-islamov.png "[Glo Academy] WordPress разработчик (Артём Исламов)")
![[GetHelpers] Скрипт Импорт/экспорт страниц и уроков целиком Getcourse](https://i3.stat01.com/2/7942/179412097/baec64/gethelpers-skript-import-jeksport-stranic-i-urokov-celikom-getcourse.jpg "[GetHelpers] Скрипт Импорт/экспорт страниц и уроков целиком Getcourse")
![[Geekbrains] Разработка ПО по-взрослому. От программиста-любителя до профессионала (Евгений Картавец)](https://i4.stat01.com/2/7942/179412094/baec64/geekbrains-razrabotka-po-po-vzroslomu-ot-programmista-lyubitelya-do-professionala-evgenij-kartavec.jpg "[Geekbrains] Разработка ПО по-взрослому. От программиста-любителя до профессионала (Евгений Картавец)")
![[Geekbrains] Профессия Программист Java (Игорь Долгов)](https://i4.stat01.com/2/7942/179412093/baec64/geekbrains-professiya-programmist-java-igor-dolgov.jpg "[Geekbrains] Профессия Программист Java (Игорь Долгов)")
![[GeekBrains] C# Уровень 2. Продвинутый курс (Станислав Байраковский)](https://i3.stat01.com/2/7942/179412092/baec64/geekbrains-c-uroven-2-prodvinutyj-kurs-stanislav-bajrakovskij.jpg "[GeekBrains] C# Уровень 2. Продвинутый курс (Станислав Байраковский)")
![[Фоксфорд] Основы программирования на Python (Юлия Глухих)](https://i4.stat01.com/2/7942/179412090/baec64/foksford-osnovy-programmirovaniya-na-python-yuliya-gluhih.png "[Фоксфорд] Основы программирования на Python (Юлия Глухих)")
![[Фоксфорд] Компьютерная грамотность (Роман Никитин)](https://i3.stat01.com/2/7942/179412088/baec64/foksford-kompyuternaya-gramotnost-roman-nikitin.png "[Фоксфорд] Компьютерная грамотность (Роман Никитин)")
![[Фоксфорд] Язык C++ (Денис Кириенко)](https://i4.stat01.com/2/7942/179412087/baec64/foksford-yazyk-c-denis-kirienko.jpg "[Фоксфорд] Язык C++ (Денис Кириенко)")
![[EXELAB] Видеокурс Взлом (Bad_guy) 2019](https://i2.stat01.com/2/8205/182044361/baec64/exelab-videokurs-vzlom-badguy-2019.png "[EXELAB] Видеокурс Взлом (Bad_guy) 2019")
![[exelab] Видеокурс Взлом 2018 (Bad_guy)](https://i3.stat01.com/2/7942/179412086/baec64/exelab-videokurs-vzlom-2018-badguy.jpg "[exelab] Видеокурс Взлом 2018 (Bad_guy)")
![[eXeL@B] Видеокурс Программист 2020...2030](https://i3.stat01.com/2/7942/179412085/baec64/exel-b-videokurs-programmist-2020-2030.png "[eXeL@B] Видеокурс Программист 2020...2030")
![[Embacy] Курс верстки на Webflow. Тариф Base](https://i3.stat01.com/2/7942/179412083/baec64/embacy-kurs-verstki-na-webflow-tarif-base.jpg "[Embacy] Курс верстки на Webflow. Тариф Base")
Интернет-магазин
В этом проекте вам предстоит запрограммировать одностраничное приложение на JavaScipt, которое будет работать в браузере — список товаров в интернет-магазине с подробной информацией о каждом товаре. Приложение позволяет выбрать товары разных категорий, отфильтровать их по цене, открыть подробную информацию о каждом товаре.
Интерфейс интернет-магазина включает в себя страницу со всеми товарами, HTML-форму с фильтрами, модальное окно для вывода подробной информации о товаре. Чтобы получить информацию о товарах, вам нужно будет запрограммировать загрузку данных с сервера. В эталонной реализации используются нативные браузерные API.
Тренировочный комплект включает:
- подробное техническое задание проекта;
- готовая для программирования вёрстка;
- автоматические тесты, которые проверяют правильность работы вашего проекта, а также качество кода;
- эталонная реализация на современных JavaScript, HTML и CSS;
- ссылки на полезные материалы.
Материалы в разработке. Релиз в 2020 году