- PVSM.RU - https://www.pvsm.ru -
Цель публикации — подкуинуть несколько идей, что можно повторить, чтобы повысить свое мастерство front-end разработчика. Это просто идеи, без исходников и туториалов, что немного усложняет задачу, но прививает более самостоятельный подход к обучению.
Предыдущий полный список идей: Front-end додзё: проекты для тренировки навыков разработчика (5 новых + 43 старых) [1]
Посмотрите, как это круто, когда кликаешь в меню и контент уменьшается.
motrix.app
Чему научитесь:
[2]
Статья переведена при поддержке компании EDISON Software, которая создала систему однонаправленной передачи информации между речными и морскими судами на основе беспроводной оптики [3], а также занимается портированием и миграцией софта [4].
Пузырьковая диаграмма — это тип диаграммы, которая отображает три измерения данных. Каждый объект, с его триплетом связанных данных, воспроизводится как диск, который выражает два значения vᵢ через координаты ху и третий через ее размер.
antv.vision/en
Чему научитесь:
Маска ввода — это способ управления тем, какие данные могут быть введены в поле формы. Они управляются строгим набором правил, которые посетители сайта не могут нарушить, пытаясь заполнить вашу форму.
dashboard.stripe.com/login
Чему научитесь:
Подробнее о маскированных вводах читайте на Wapforums [5].
Вертикальные гистограммы полезны, когда речь заходит о визуализации ежедневных, еженедельных, ежемесячных или годовых данных. В приведенном примере показано время безотказной работы службы на каждый день.
tatus.fauna.com/#about-this-site
Чему научитесь:
status.fauna.com/#week
Системные метрические диаграммы полезны, когда речь заходит о визуализации продаж, разговоров, валовой прибыли, отчетов о сбоях и т.д.
Каждое сложное приложение, так или иначе, будет использовать системные диаграммы. Это хорошая идея для тренировки, чтобы набить шишки на ранней стадии.
Чему научитесь:
Автор: rishat_edison
Источник [6]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/javascript/340212
Ссылки в тексте:
[1] Front-end додзё: проекты для тренировки навыков разработчика (5 новых + 43 старых): https://habr.com/ru/company/edison/blog/479100/
[2] Image: https://www.edsd.ru/
[3] создала систему однонаправленной передачи информации между речными и морскими судами на основе беспроводной оптики: https://www.edsd.ru/peredacha-dannyh-s-pomoshhyu-svetodioda
[4] занимается портированием и миграцией софта: https://www.edsd.ru/ru/uslugi/portirovanie-i-migracija
[5] Wapforums: https://wpforms.com/how-to-create-input-masks-for-your-sites-forms-with-examples/
[6] Источник: https://habr.com/ru/post/480606/?utm_campaign=480606&utm_source=habrahabr&utm_medium=rss
Нажмите здесь для печати.