Фронтовое развитие
Всем привет
Это репозиторий с открытым исходным кодом для всех, кто хочет выучить фронт-эн.
Фронтовое развитие
Фронтовая веб-разработка -это практика преобразования данных в графический интерфейс с помощью HTML, CSS и JavaScript, чтобы пользователи могли просматривать и взаимодействовать с этими данными.
Обязательно покажите свою поддержку Star Mark и поделитесь репозиторием
Список полезных ресурсов для разработчиков фронта
Оглавление
- Фронтовое развитие
- Всем привет
- Список полезных ресурсов для разработчиков фронта
- Оглавление
- Дорожная карта
- Полезный
- Обучение
- A11y
- Каналы YouTube
- Блоги
- Подкасты
- Редакторы кода
- Расширения кода Visual Studio
- Инструменты
- CSS Frameworks
- Значки
- Цвета
- Типография
- Дизайн вдохновение
- Анимационные фреймворки
- Запасы ресурсов
- Геолокация
- Апис
- Макеты
- Книги
- Проблемы / игры
- Бесплатные инструменты для студентов
- YouTube видео
- Тестирование
Дорожная карта
- Дорожная карта-для хорошо описанной пошаговой дорожной карты для застройщиков.
Полезный
- Bgjar - Бесплатный фон -генератор SVG для ваших веб -сайтов, блогов и приложения.
- Проверьте - осмотрите и отлаживайте свои мобильные веб -приложения и веб -сайты на устройствах iOS непосредственно с Mac или Windows.
Обучение
- Полное руководство по Flexbox | CSS -Tricks - Комплексное руководство по макету Flexbox.
- Полное руководство по сетке | CSS -Tricks - всеобъемлющее руководство по сетке сетки.
- Пользователь Power Line - серия видео для веб -разработчиков по изучению современного рабочего процесса командной строки с ZSH, Z и связанными инструментами.
- CSS GRID - Полный видео -курс все о CSS GRID
- Best Of JS сайт, чтобы проверить лучшие репозиции GitHub для вашего любимого фреймворка JS
- Codecademy - серия интерактивных курсов, обучающих мир, как кодировать. Предлагая бесплатные и оплачиваемые подписки на различных языках.
- Codementor - инструмент для получения помощи опытных разработчиков на различных языках кодирования в вашем учебном путешествии.
- Темы Scaler - платформа для изучения языков программирования, таких как HTML, Java, JavaScript, Python и т. Д.
- Завоевание отзывчивых макетов - Сделано Кевином Пауэллом (https://twitter.com/kevinjpowell). Этот курс проведет вас через все, что вам нужно знать, чтобы создать отзывчивые макеты в его блестящем 21-дневном курсе.
- Coursera - подборка курсов из уважаемых школ, таких как Стэнфорд и Йельский университет.
- CSS Almanac | CSS -Tricks - быстрое справочное руководство по многим функциям CSS.
- CSS GRID Playground - визуальное руководство, курируемое командой Mozilla, чтобы помочь вам изучить функции макета сетки CSS с большим количеством примеров кода и демонстрации.
- Ресурсы дизайна - дизайн -ресурсы от Skullface.
- dev.to - где программисты делятся идеями и помогают друг другу расти.
- DevProjects - бесплатное сообщество состоит из кураторских проектов от старших разработчиков, чтобы помочь вам преодолеть разрыв между теорией и практикой. !
- Академия дикодирования - где каждый может изучать программирование из основных принципов ( доступно только в Бахаса Индонезии ).
- EDX - серия курсов на уровне университета из Гарварда, MIT, Wharton и других.
- Egghead - видео -учебные пособия по веб -разработке в сегментах «размером с укус». Имеет как бесплатное, так и «профессиональное» (оплачиваемое) членство.
- Enboard | Ресурсы Front End - Организованные ресурсы о разработке фронт -энда.
- Flexbox - выровняйте свои знания Flexbox - онлайн -курс, ориентированный на зомби.
- Freecodecamp - бесплатный ресурс, включающий проекты программирования и подготовку к собеседованию для рабочих мест разработчиков.
- Frontend Masters - видео -учебные пособия по веб -разработке от лидеров отрасли (часто обновляются). Имеет бесплатное (ограниченное время) и оплачиваемое членство.
- Полный стек открыт - курс по полной стеке веб -разработки Университета Хельсински. Учитесь React, Redux, Node.js, MongoDB, GraphQL и TypeScript за один раз! Этот курс познакомит вас с современной веб-разработкой на основе JavaScript. Основное внимание уделяется созданию одностраничных приложений с ReactJs, которые используют API REST, построенные с Node.js.
- Geeksforgeeks - портал информатики для гиков.
- Ханская академия - универсальная платформа онлайн -обучения, которая также предоставляет важные курсы для разработчиков.
- Учитесь - Поиск интерактивных карт разума, чтобы узнать что угодно.
- Изучите JavaScript - изучите JavaScript в интерактивной среде. Прочитайте короткие уроки, делайте заметки и выполняйте проблемы непосредственно в вашем браузере.
- Mastering Markdown - мини -серия, которая изменит то, как вы пишете документацию.
- Mozilla Developer Network - последняя информация о открытых веб -технологиях.
- Полные учебники по веб -разработке -lyty.dev Полные учебники для веб -разработки с хорошо объясненными примерами бесплатно.
- Pluralsight - неограниченное обучение онлайн -разработчиков от отраслевых экспертов.
- Saylor - открытое онлайн -решение для обучения, предлагающее кредитные возможности для студентов.
- SCRIMBA-Обучение на основе кода-скрикаста на различных языках.
- Скотч - много курсов веб -разработки. Имеет как бесплатное, так и «премиум» (платное) членство.
- Поисковые курсы - выбор трендовых курсов и учебных пособий.
- Sololearn- бесплатный портал для обучения веб-разработке.
- Team Treehouse - самостоятельное обучение на различных языках и предметах.
- Современный учебник JavaScript - все о языке JavaScript.
- Проект ODIN - учебный план с открытым исходным кодом для обучения веб -разработке
- Учебные пособия - Учебные пособия для многих различных языков с интерактивными примерами кода.
- Udacity - Узнайте что -нибудь в Интернете - глубокое обучение, машинное обучение, языки фронта.
- Udemy - онлайн -рынок обучения и преподавания.
- Смотреть и код - школа информатики для учащихся, которые требуют интеллектуальной строгости и глубины.
- W3School - Справочная библиотека веб -разработки. Охватывает HTML, CSS, JavaScript (jQuery, Ajax и многое другое), а также некоторые языки на стороне сервера. Включает описания и интерактивные примеры.
- Веб -API | MDN - все, что новичок должен знать о веб -API.
- Веб -дизайн за 4 минуты Джереми Томаса создателя Bulma CSS и Marksheet.io.
- WESBOS - БЕСПЛАТНЫЕ и премиальные курсы по веб -разработке
- Web Dev Chicks - все ваши коды CSS, JS, JQUERY Trending с исходными кодами в одном месте. Ваш удобный партнер для всех типов современной веб -разработки и дизайна.
- web.dev - Руководства и ресурсы для современных быстрых веб -сайтов от разработчиков Google.
- Станьте интерфейским веб -разработчиком - развивайте компетентность с HTML, CSS, JavaScript и JQuery.
- WebGlossary.info - Глоссарий для веб -разработки и дизайна, с более чем 3500 записями (по состоянию на август 2023 г.)
- Веб -навыки - визуальный обзор полезных навыков для обучения в качестве веб -разработчика.
- Пивоварня приложения - все на одной платформе для покрытия ваших навыков веб -разработки
- Полный стек Open 2021 - Этот курс служит введением в современную разработку веб -приложений с JavaScript.
- Devtools Tech - бесплатная платформа для подготовки к интервью для инженеров -фронтальных инженеров с акцентом на высококачественные вопросы реального мирового программирования.
⬆ Вернуться к вершине
A11y
- Руководство по стилю A11Y - Руководство по стилю жизни или библиотека рисунков, сгенерированные из KSS -документированных стилей ... с поворотом доступности.
- AX - Инструментарий для тестирования доступности.
- Анализатор контрастности цвета - CCA помогает вам определить разборчивость текста и контраст визуальных элементов, таких как графические элементы управления и визуальные индикаторы.
- Университет Deque - онлайн -курсы по веб -и мобильным навыкам доступности.
- W3C Intro для веб -доступности - стратегии, стандарты, ресурсы, чтобы сделать Интернет доступным для людей с ограниченными возможностями.
⬆ Вернуться к вершине
Каналы YouTube
- APNA College- Учебники по HTML, CSS, Bootstrap, JavaScript, Git, Github, SQL
- Адриан Тварог-Туриннии по HTML, CSS, Bootstrap, JavaScript, React, React
Родной, пользовательский интерфейс/ux и классные дизайнерские вещи - 1stwebDesigner - Учебные пособия по WordPress, PSD в HTML
- Брэд Хасси - Учебные пособия по начальной загрузке, sass, jquery, php, freelance
- CSS -трюки - канал YouTube от хорошо известного веб -дизайна и разработчиков CSS Chicks от Криса Койера.
- Учебные пособия CSS - Учебные пособия на хинди Хусейн сэр, освещающие все основы CSS.
- Руководство по кодере - Учебные пособия по HTML, CSS, JavaScript, Bootstrap
- Codevolution - Учебные пособия по React, Vue, Angular, MongoDB, JavaScript, среднему стеку, HTML, CSS.
- Умный программист - Учебные пособия по React, Mongodb, JavaScript, Mern Stack, HTML, CSS, React Native.
- Дерек Банас - Учебные пособия по C#, Visual Basic, Django, Python, Nodejs, Angularjs, Mongodb, Jquery, Javascript, CSS, Ruby On Rails, Java, Sqlite, Android, HTML, PHP, объектив
- Devtips - Учебные пособия по HTML5, CSS, SASS, Bootstrap, Foundation, Jquery, Ruby on Rails, Github.
- Designcourse - Учебные пособия по дизайну UI/UX или HTML5, CSS, SASS, библиотека анимации.
- Деннис Айви - Учебные пособия по проектам Django & Flask
- Веб -школа Elzero - только арабский язык
- Freecodecamp - Учебные пособия по jQuery, JavaScript, React, Math, Science, Software Engineering, программному обеспечению с открытым исходным кодом
- Веселая веселая функция - Учебные пособия по JavaScript, React, функциональное программирование, GraphQL, жизнь как разработчик
- Разработчики Google Chrome - Последние и самые большие разговоры о современной веб -разработке с помощью Pro -Tips, Insights и методов, которые помогут вам повысить навыки веб -разработки.
- Кевин Пауэлл - Учебные пособия по HTML, CSS, помогая лучше понять CSS в простом способе
- LearnCode.Academy - Учебники по HTML, CSS, JQUERY, JavaScript, React JS / Redux, Node JS
- Leveluptuts - Учебные пособия по HTML, CSS, SASS, WordPress, Magento, Drupal, React, Meteor
- Mackenzie Child - Design to Code Challenge - Учебные пособия по пользовательскому интерфейсу, как проектировать и кодировать несколько стилей сайтов.
- Кодирующий поезд - Учебные пособия по JavaScript, узлу, машинному обучению, нейронным сетям, алгоритмам
- Net Ninja - Учебные пособия по HTML, CSS, JQUERY, JavaScript, GIT и GitHub, Bootstrap, Mangodb, PSD к WordPress, PSD до HTML и многим другим.
- THEDIGRAFT - Учебные пособия по HTML, CSS, JQUERY, PHP, AJAX, Bootstrap, MySQL.
- Thenewboston - Учебные пособия по Ecmascript 6, React JS / Redux, Django, Angular 2, Gulp, Git, Python, Seo, Sass, SCSS, Grunt, Illustrator, Mongodb, PHP, Java, Ruby, объектив C
- Traversy Media - Учебные пособия по HTML, CSS, JQUERY, PHP, AJAX, Bootstrap, MySQL, ECMascript 6, React JS / Redux, Django, Angular, Ionic, Gulp, GIT, Python, Node JS, PHP, Laravel, Cake Php, Symfony, кодовой, программирования, советников по программированию.
- Codewithharry - Учебные пособия по HTML, CSS, JavaScript, Node JS, MongoDB и хостингу.
- Программирование с MOSH - Учебник по React, Nodejs, Python, Javascript, Angular, Typecpipt и C#.
- Deved - изучить веб -разработку, веб -дизайн, 3D -моделирование, такие инструменты, как Figma и другие
- Web Dev упрощен - изучите разработки веб -сайтов с HTML, JavaScript, CSS и другими фреймворками с теми же проектами и большим количеством
- Разработчик Mozilla - Видео для помощи вам в работе в качестве веб -дизайнера, веб -разработчика или человека, участвующего в создании веб -сайтов или веб -приложений
- Academind - всегда есть чему поучиться. Хотите ли вы взглянуть на угловые учебники или руководства, Vue.js, другой контент по разработке фронта, темы по науке о данных или что -то еще - вы, вероятно, правы
- Учебные пособия по проекту Sonny Sanggha на React, Redux, Next JS & React Native
- WB Web Development - Учебные пособия по HTML, CSS, Bootstrap, Sass, JavaScript, Git и Github, Mongodb, Nodejs, Reactjs
- Онлайн-учебные пособия- высшее содержимое класса на веб-разработке фронта. Имеет эксклюзивные учебные пособия по HTML, CSS и JavaScript с удивительными эффектами. Обязательно посетить всех разработчиков фронта
- Акшай Сайнид видео на советах по интервью, опыту собеседования и специально основных концепциям JavaScript.
- Devtools Tech- видео на продвинутых концепциях фронта, вопросов и опыта интервью, а также сосредоточены на промежуточных и продвинутых концепциях JavaScript.
⬆ Вернуться к вершине
Блоги
- 10 необходимо знать курсы концепций JavaScript - от базовой до продвижения концепции JavaScript, объясненной простым способом, который должен знать каждый разработчик JavaScript.
- 100 способов быть более креативными - 100 способов быть более креативными от Shaunta Grimes.
- 2017 Design Roundup - Сбор всех ресурсов веб -разработки Codrops за 2017 год.
- 50 вещей, которые вы [вероятно] забыли спроектировать - электроинструменты UX - Средний - 50 вещей, которые вы, вероятно, забыли разработать от Джона Мур
- ACM Месяц Кодекса 2K17: Настройка здания - ACM Месяц кода 2K17: здание обонозится от Ajay NS.
- Иллюстрированное руководство для настройки вашего веб -сайта с использованием Github & Cloudflare - иллюстрированное руководство по настройке вашего веб -сайта с использованием Github и Cloudflare от Karan Thakkar.
- Блог Брэда Фроста - автор Atomic Design, Системы проектирования зданий в CSS & HTML.
- Лучшие бесплатные шрифты - 70+ лучших бесплатных шрифтов для дизайнеров - бесплатно для коммерческого использования в 2019 году
- CSS -анимация против API Web Animation
- Уловки CSS - ежедневные статьи о CSS, HTML, JavaScript и все, что связано с веб -дизайном и разработкой.
- Дизайн и творчество цитаты - 72 цитаты о дизайне и творчестве от Маргарет Келси.
- Ресурсы дизайна - список ресурсов для работы и изучения дизайна.
- Дизайн изменений - статья о регенеративном и устойчивом проектировании Viba Mohan.
- Регистраторы доменов DNS и хостинг - регистраторы доменов, DNS и хостинг из Кирби Колморжа
- Руководство для начинающих по Gatsby - Gatsby.js: Как настроить и использовать генератор статического сайта React от Aman Mittal
- Примеры всего в Ecmascript в 2016 году, 2017, 2018
- Flavio Copes Tutorials - ежедневные учебные пособия по JavaScript и веб -разработке Flavio Copes
- От URL до интерактивного - объяснение того, как работает наша всемирная паутина.
- Frontend Dogma - новости и инструменты для разработки фронта, обычно обновляются два раза в день
- Frontend Weekly - Лучшие статьи, ссылки и новости, связанные с разработкой фронта, доставляемые раз в неделю в ваш почтовый ящик.
- Как я анимировал логотип BitsOfCode с помощью статьи CSS - процесса на пользовательской анимации CSS.
- Как работает функция minmax () - объяснение функции CSS minmax (), которая может использоваться для макетов сетки CSS.
- Как построить впечатляющий портфель, когда вы новичок в технологиях - как построить впечатляющий портфель, когда вы новичок в технологии от Рэндл Браунинг
- Как создать генератор случайных цитат с JavaScript и HTML, для абсолютных начинающих - как создать генератор случайных цитат с JavaScript и HTML, для абсолютных начинающих из Sophanarith Sok.
- Как построить свой первый компонент Vue - учебник по проекту начинающего, чтобы построить компонент Vue от Сары Даян.
- Давайте кодируем нейронную сеть с нуля - Часть 1 - Typeme - Medium - Давайте кодируем нейронную сеть с нуля от Чарльза Фрида
- Вдохновение музыкального проигрывателя - Inspiration Music Player 2017 от Muzli.
- Передний контрольный список - исчерпывающий список всех элементов, которые вам нужны/тестируются, прежде чем запустить ваш сайт на производство.
- Каково это строить и продавать чат -бот, когда вам всего 14 лет - каково это строить и продавать чат -бот, когда вам всего 14 лет из Алека Джонса
- В чем дело с складными полями? - Объяснение функции ручной маржи CSS.
- Хорошо курированный список для UX - Список кураторских ресурсов для UX от Fernandocomet.
- Airbnb с открытым исходным кодом - инженерные и научные статьи и проекты с открытым исходным кодом.
- Стоимость JS - Как эффективно доставить JavaScript для ценного пользовательского опыта Addy Osmani.
- CSS Scroll -SNAP - Учебное пособие по смазанию прокрутки CSS, которое позволяет заблокировать просмотр после того, как пользователь закончил прокрутку.
- Предварительная нагрузка, предварительная фиксация и приоритеты в Chrome - статья о том, как примитивы веб -загрузки работают в нояком Chrome от Addy Osmani.
- Изучение GIT для себя - традиционный китайский
- IDE для веб -разработчиков - факторы, которые следует учитывать при выборе IDE для веб -разработки и примеров хороших вариантов.
- API -интерфейсы Top 8 Weather на 2020 год - API -интерфейсы Top 8 погодных условий на 2020 год - лучшие API бесплатной погоды для разработчиков
- Учебные пособия по цифровому океану - бесплатная учебная коллекция от экспертов. Все внесено в цифровое океанское сообщество.
- Реагируйте на начинающих - справочник React.js для разработчиков переднего уровня - справочник React.js для разработчиков фронта
- Ultimate React Resources - блог включает в себя сообщения в блоге, бесплатные электронные книги, Github Repos с кураторскими списками, практическая реализация React.js в реальном мире с рабочим кодом.
- Полное введение в CSS GRID - блог, чтобы узнать основы CSS GRID, создавая различные сложные макеты.
- Блог Rado) - блог, посвященный статьям о зависимостях и реализации React, GraphQL и многое другое!
- ROBLOG - предназначение для всех вещей, связанных с технологиями, JavaScript, Node.js и веб -разработкой.
- Блог Моники Пауэлл - потрясающий блог о JavaScript, React, Gatsby и Git.
- Devtools Tech - тщательно куратор высококачественных ресурсов для инженеров -фронта.
Найм
Подкасты
- Кодирующие блоки - подкасты разработки программного обеспечения командой профессиональных программистов.
- Frontend Happy Hour - Front End, программное обеспечение и подкасты по развитию карьеры от отраслевых участников.
- JavaScript Jabber - подкасты для разработчиков JavaScript. Веб-сайт также предлагает много других связанных с программированием подкастов.
- Синтаксис - подкасты по разработке фронта, от Уэса Боса и Скотта Толинского из уровня Up Tuts.
⬆ Вернуться к вершине
Редакторы кода
Atom - Atom - это текстовый редактор, который является современным, доступным, но в то же время взломанным для ядра - инструмент, который вы можете настроить, чтобы сделать что -либо, но также используйте продуктивно, даже не касаясь файла конфигурации. Открытый исходный код | Все платформы
Кроншеты - с целенаправленными визуальными инструментами и поддержкой препроцессора Crackets - это современный текстовый редактор, который позволяет легко проектировать в браузере. Он изготовлен с нуля для веб-дизайнеров и фронтальных разработчиков. Открытый исходный код | Все платформы
Geany - Geany - это небольшая и легкая интегрированная среда разработки.
Intellijidea - универсальная идея от Jetbrains. Он имеет соответствие кода, интеграция и система управления версиями (VCS).
Notepad ++ - Notepad ++ - это бесплатный (как в «свободе слова», а также в «бесплатном пиве») редактор исходного кода и замена блокнота, которая поддерживает несколько языков. Только Windows -Typharm, используемый специально для языка Python, он предоставляет анализ кода, графический отладчик, интегрированный тестер модуля, интеграцию с системами управления версиями и поддерживает веб -разработку с Django, а также наукой данных с Anaconda. Все платформы | Открытый исходный код
Сублимский текст - сложный текстовый редактор для кода, разметки и прозы. Все платформы
Vim - Vim является высоко настраиваемым текстовым редактором для эффективного создания и изменения любого вида текста. Он включен как «VI» с большинством систем UNIX и с Apple OS X.
Visual Studio Code - редактирование кода переопределено. Он имеет синтаксический выделение и автозаполнение с встроенными, расширяемыми и настраиваемыми командами Intellisense, GIT. Открытый исходный код | Все платформы
Webstorm - самая умная IDE JavaScript, Webstorm - это интегрированная среда разработки для JavaScript и связанных с ними технологий. Все платформы
Ultraedit - UltraEdit - это мощный HTML и кодовый редактор, доступный для Mac, Windows и Linux. Он поставляется со встроенной утилитой сравнения файлов, автозаполнением, расширенным макетом, мульти-табкой, многослойными редакторами и синтаксисом для самых популярных языков программирования.
Nano - Gnu Nano - текстовый редактор для Unix, подобных ОС.
Stackblitz - онлайн -мощный редактор кода с открытым исходным кодом для JavaScript Frameworks и библиотек, с некоторыми потрясающими функциями, такими как импорт GitHub, Live Server и Direct Commit от редактора до GitHub!
⬆ Вернуться к вершине
Расширения кода Visual Studio
- Автоматическое переименование тега - Когда вы переименуете один тег HTML/XML, автоматически переименование парного тега HTML/XML.
- Лучшие комментарии - это расширение цветовых кодов различных типов комментариев, чтобы придать им различное значение и выделяться среди остальной части вашего кода.
- Пара кронштейнов Colorizor - Соответствующие кронштейны Colors, чтобы сделать ваш код намного более читабельным - очень полезным.
- Проверка кода - базовая проверка орфографии, которая хорошо работает с кодом Camelcase.
- ES Lint - JavaScript Linter для выделения ошибок кода и лучших практик.
- Форматирование переключения - расширение кода VS, которое позволяет вам переключать форматер (красивее, украшать,…) с простым щелчком.
- GIT ИСТОРИЯ - Просмотреть журнал GIT, история файлов, сравнить филиалы или коммиты
- Gitlens - Suckearge The Git возможностей, встроенных в код Visual Studio - визуализируйте авторство кода с первого взгляда с помощью аннотаций Git Fante и кодового линзы, плавно ориентироваться и исследовать репозитории GIT, получить ценную информацию с помощью мощных команд сравнения и многое другое.
- Снады JS - Это расширение содержит фрагменты кода для JavaScript в синтаксисе ES6 для редактора кода VS (поддерживает как JavaScript, так и TypeScript).
- Live Server - Quick Development Live Server с Live Browser Reload.
- Материал значок тема - пакет значков материала Google.
- Path Intellisense - Когда вы начнете печатать путь в цитатах, вы получите Intellisense для каталогов и имен файлов.
- Peacock - Тонко измените цвет рабочего пространства вашего рабочего пространства. Идеально, когда у вас есть несколько экземпляров кода против кода, и вы хотите быстро определить, что такое.
- Polacode - вы знаете те модные скриншоты кода, которые вы видите в статьях и твитах? Ну, скорее всего, они приехали из Полакода. Это очень просто в использовании. Скопируйте кусок кода в буфер обмена, откройте расширение, вставьте код и нажмите, чтобы сохранить свое изображение!
- Красот - форматировать свой код автоматически при сохранении.
- Quokka.js - Quokka.js - это инструмент производительности разработчика для быстрого прототипирования Javascript / TypeScript. Значения времени выполнения обновляются и отображаются в вашем IDE рядом с вашим кодом, когда вы вводите.
- Настройки синхронизации - Настройки синхронизации расширения Сохраните настройки в GitHub. Затем вы можете загрузить их в любую новую версию VS -кода с одной командой.
⬆ Вернуться к вершине
Инструменты
- Справочник API | ProgrammableWeb
- Animista - CSS -анимационные пресеты/генератор
- Лучший кодовый концентратор - проверяет кодовую базу GitHub против руководящих принципов разработки программного обеспечения и дает обратную связь.
- Браузерлинг - Живое интерактивное меж -браузерное тестирование на виртуальных машинах.
- LambDatest - Тестовые веб -сайты и веб -приложения на 2000+ браузерах и ОС.
- BrowerStack - Тестирование веб -сайтов и мобильных приложений в разных браузерах и мобильных устройствах.
- Могу ли я использовать ... - Поддержка таблиц для HTML5, CSS3 и т. Д. На рабочем столе и мобильных браузерах
- Checkbot - расширение браузера, которое проверяет веб -сайты на SEO, скорость и проблемы с безопасностью
- Codepen - среда социального развития, где вы можете написать код в браузере и увидеть результаты по мере создания.
- Codeply - HTML, CSS, JavaScript Editor Playground для дизайнеров и разработчиков для сравнения, прототипов и фронтальных фронторов тестирования.
- CodeSandbox - Instant IDE и инструмент прототипирования для веб -разработки.
- Создайте новую скрипку - JSFiddle - Test JS, CSS, HTML или CoffeeScript в редакторе онлайн -кода.
- Критический путь CSS Generator - Jonas Ohlsson - уменьшает количество CSS, через которые должен пройти браузер, чтобы отобразить веб -страницу.
- Приложение CrossBrowSertesting - Веб -служба для запуска функциональных веб -тестов в мобильных и настольных веб -браузерах.
- Шпаргалка CSS - очень простая в использовании ссылки на одну страницу для селекторов и свойств CSS. Он также включает в себя категории для Flexbox и Grid.
- Minifier CSS - Minify ваши файлы CSS!
- Ссылка на CSS - бесплатное визуальное руководство по CSS.
- Триггеры CSS - рассказывает вам, что запускается при мутировании данного свойства CSS.
- Фильтры CSS - интерактивный генератор фильтров CSS
- Colorlisa - генератор цветовой палитры на основе великих художников
- DirtyMarkup - Привлек свой код HTML, CSS и JavaScript.
- ExtendsClass - предоставляет инструменты для добавления функций, непосредственно пригодных для использования в браузере.
- Генератор Favicon - загрузите изображение и генерируйте измерение для вашего сайта.
- Generator Favicon для манифеста Progressive App IOS/Google - онлайн -инструмент для тестирования любимых на разных платформах.
- Бесплатный разработчик материал - список бесплатных вещей для разработчика от разработчика. Некоторые услуги бесплатны навсегда или имеют бесплатный уровень, по крайней мере, на 1 год.
- Бесплатно для разработчиков - этот веб -сайт имеет большую сумму бесплатных и платных списков ресурсов, курируемых не только для разработчиков фронта, но и для любого вида разработчика.
- Создайте FAVICON на основе текста - генерируйте измерение из текста, изображения или смайликов.
- Получить волны - генерируйте много типов волн SVG для использования в веб -дизайне.
- Глюч - Глюч - это все равно, что работать вместе в Google Docs - Multiple Люди могут одновременно работать над одним и тем же проектом.
- Графический генератор - генерирует графику для некоторых общих передних приложений.
- Google Analytics - веб -сервис, который отслеживает и сообщает о трафике веб -сайтов.
- Google APIS Explorer - инструмент для интерактивного изучения различных API Google.
- Консоль JavaScript в превосходном тексте - Учебное пособие для тестирования JavaScript и выполнения его с помощью систем сборки в превосходном тексте 3.
- Mega Mega Chief -Spet - Шпаргалка jQuery Selectros, манипуляции, события и многое другое в формате PDF.
- JS Bin - Live Pastebin для HTML, CSS и JS, а также ряд процессоров.
- Маяк - с открытым исходным кодом, автоматизированный инструмент для улучшения качества веб -страниц.
- Современный шпаргалка Javascript - это отличная коллекция советов и концепции JavaScript Manuel Beadru работает как хороший обзор многих вещей, с которыми вам нужно быть знакомы, если вы только начинаете с JavaScript и другими связанными структурами.
- Диспетчер пакетов узлов (NPM) - Диспетчер пакетов для JavaScript.
- Пряжа - менеджер пакетов для JavaScript, как NPM.
- Ответкатор - повторите, как адаптивные сайты будут выглядеть на популярных устройствах.
- React Chiefete - веб -сайт, основанный на документации, также прогрессивное веб -приложение, которое означает, что это хорошо работает даже в автономном режиме. Вы можете искать по ключевым словам или выбрать один из предопределенных фильтров.
- Адаптивная система сетки - генерируйте гибкие сетки для создания адаптивного веб -сайта.
- Редактор регулярного выражения (Regex) - помогает создавать и проверять ваши регулярные выражения.
- Sans Francisco - инструмент для дизайнеров - коллекция инструментов для дизайнеров
- Screensizemap - сравнение размеров экрана в независимых от устройства Pixel.
- Sizzy: инструмент тестирования браузера - инструмент для разработки и тестирования адаптивной конструкции на нескольких устройствах одновременно.
- Stack Overflow - онлайн -сообщество для разработчиков, чтобы задать вопросы и получить ответы.
- Служба проверки разметки W3C - проверяет достоверность разметки веб -документов в HTML, XHTML, Smil, MathML и т. Д.
- Служба проверки W3C CSS - проверяет обоснованность документов CSS и XHTML с листами стилей.
- Time Helper - Помогает конвертировать миллисы в дату и наоборот.
- TinyPng - PNG и JPEG сжатие/оптимизатор
- Контрольный список веб -разработчиков - категоризированный контрольный список для охвата во время веб -разработки.
- Прогрессивное инструменты для оптимизации вашей производительности в Интернете - список инструментов, которые можно использовать для повышения производительности страницы.
- Stackblitz - онлайн IDE для Angular и реагировать проекты, которые можно поделиться по ссылке.
- Postman (инструмент для тестирования API) - API -клиент для создания, обмена, тестирования и документирования API.
- Бесплатный чит -шпаргалка - это интерактивный список классов, переменных и миклеров Bootstrap 5.
- JSONT - онлайн простой и мощный инструмент форматирования JSON.
⬆ Вернуться к вершине
CSS Frameworks
- Bootstrap - разработка и настройка ответственных мобильных сайтов.
- Bulma CSS - модульная структура с открытым исходным кодом на основе Flexbox.
- Карамель - простая, современная, отзывчивая структура веб -сайта.
- Кардинал - модульная мобильная структура для производительности и масштабируемости.
- Элемент CSS - библиотека компонентов на основе VUE 2.0.
- Фонд CSS - Семейство отзывчивых фронтальных рамок.
- Halfmoon - полностью настраиваемая и отзывчивая фронтальная структура для создания мониторных панелей и инструментов.
- ДЖЕТ - Фракционная система сетки для Sass и Stylus.
- Меньше - система сетки CSS для разработки адаптивных веб -сайтов.
- Дизайн материала Lite - реализация компонентов дизайна материала в ванильных CSS, JS и HTML.
- Materialize CSS - CSS -структура, направленная на то, чтобы обеспечить единый пользовательский опыт на всех продуктах на любой платформе.
- Миллиграмм - минималистская структура CSS.
- Аккуратный - легкая и гибкая сетка для нахем.
- Letal CSS - Light CSS UI -структура, основанная на меньшем.
- Чистый CSS - набор небольших, отзывчивых модулей CSS.
- Семантический пользовательский интерфейс - структура пользовательского интерфейса, разработанная для тематической и отзывчивой дизайна.
- Skeleton CSS - простой, отзывчивый шаблон, чтобы начать любой адаптивный проект.
- Spectre CSS - легкая, отзывчивая и современная структура CSS для более быстрого и расширяемого развития.
- Молчаливый - примитивная, но привлекательная структура для начинающих в графическом дизайне.
- Tailwindcss - очень настраиваемая, низкоуровневая структура CSS.
- Комплект пользовательского интерфейса - легкая и модульная фронтальная структура для веб -интерфейсов.
- Некомментичная - система сетки жидкости, основанная на процентах, а не на установленном количестве столбцов.
- Vital CSS - минимально инвазивная структура CSS для веб -приложений, созданных с SASS и Slim.
⬆ Вернуться к вершине
Значки
- Brandicons - Иконовый генератор шрифтов и зритель.
- Плоский значок - база данных бесплатных значков в форматах PNG, SVG, EPS, PSD и Base64.
- Font Awesome - набор значков с открытым исходным кодом и набор инструментов с последовательными стилями.
- Glyphicon - значки для использования с начальной загрузкой, другими фреймворками CSS и любыми веб -проектами.
- Значки дизайна материалов Google - обзор значков материалов и способы их интеграции в проекты.
- ICOMOON - Иконовый генератор шрифтов и коллекция значков.
- ICONGRAM - Сборку иконовых пакетов из разных источников.
- ICONSVG - быстрые настраиваемые значки для ваших проектов
- Icons8 - последовательно стилизованные и настраиваемые пакеты значков.
- Иониконы - значки с открытым исходным кодом в SVG и Webfont.
- Mapicons - значок шрифт для использования с Google Maps API и Google размещает API с использованием маркеров SVG и меток значков.
- Дизайн материала.
- MFGLABS -ICONSET - значки MFG LAB, набор для использования в веб -сайте и CSS.
- Micon - Windows Font и CSS Toolkit.
- Существительный проект - Коллекция Комплексной иконы.
- Ockicons - Сбор иконок Github для проектов.
- Откройте Iconic, бесплатный и открытый набор значков - набор значков с открытым исходным кодом в форматах SVG, WebFont и Raster.
- OpenWebicons - WebFont для масштабируемых векторных значков и логотипов.
- Reacticons -SVG реагируют значки популярных пакетов икон.
- Remixicon - Система значков нейтрального стиля с открытым исходным кодом.
- SHAME.SO - настраиваемая коллекция икон и анимации.
- Семиконы - настраиваемые значки для социальных брендов.
- Типики-значки векторов бесплатного использования, встроенные в веб -фон.
- Значки погоды - икона погоды шрифт и CSS.
- Zocial | Набор кнопок CSS3 - Создайте социальные кнопки, используя CSS и рендеринг социальных значков в качестве шрифта.
⬆ Вернуться к вершине
Цвета
- Adobe Color - цветовое колесо, извлечение темы, градиент извлечения, инструменты доступности и многое другое
- Цветные коды BADA55 - преобразовать слова Leet в CSS Hex Colors.
- Цвета отрубья - вручная коллекция цветовых палитр, лучше всего подходит для брендинга.
- Охота на цвет - открытые коллекции красивых цветовых палитров
- Теория цвета Наталья Шелберн - Практическая теория цвета для людей, которые код: учебник по использованию цвета с примерами
- Цветовое колесо | Цветовые схемы - Adobe Color CC - интерактивное цветовое колесо с различными правилами цвета (возможны настройки)
- Инструменты Colordesigner - основная цель этого инструмента - помочь с созданием цветовой палитры и создавать оттенки и оттенки, основываясь на нем. Просто выберите цвет, а приложение делает все остальное. Вы можете использовать предварительно выбранные цвета или сборщик цвета для большего контроля. Проверьте также другие инструменты здесь
- Colromind - Bootstrap - Colrmind - это генератор цветовой схемы, который использует глубокое обучение для автоматического применения Color Pallete на живой макет веб -сайта.
- Coolors- Супер быстрая цветовая схема с большим количеством функций
- Градиент CSS - курированный список сайтов для изучения градиентов и цветовых палитров.
- Сборщик цветов данных - генерируйте цветовые палитры с визуально равноудаленными цветами. Полезно для визуализации данных.
- Проектирование в цвете - полное руководство по дизайну цвета (статья о среде)
- Flat UI Colors - цветовой сборщик для плоских дизайнов
- Сборщик цветов изображения - сборщик цвета изображения и генератор палитры
- LOL Colours - Кураторская цветовая палитра
- Палитра материалов - генератор цветов для дизайна материала
- Paletable - Interactive Color Sicker: создает цветовую схему на основе ваших предпочтений и палитров в Интернете
- Paletton - The Color Scheme Designer - Advanced tool for creating color schemes
- Picular - Google, but for colors - Primary color generator using Google's image search.
- Pigment - Palette Generator - Generate color palettes based on lighting and pigment.
- UI Gradients - Scroll through or pick from beautiful gradients, download JPG and copy CSS Code
- W3school Color Picker - Find the perfect color from the color wheel, easy control
- UI Color Picker - Best colors in few selected shades to choose from very helpful for quickly choosing and adding color to design. ![Бесплатно]
⬆ back to top
Typography
- A Crash Course in Typography: The Basics of Type - First article of a series on Typography
- Circular Font Combinations | Free Alternatives | Typewolf - A great resource for everything related to Typography
- Font Pair - Helps designers pair Google Fonts together. Beautiful Google Font combinations and pairs. - Clean web-tool on How to pair Google Fonts
- Fontspiration - An iOS app for creating custom typographic designs
- Fontsquirrel - A resource for FREE, hand-picked, high-quality, commercial-use fonts
- Google Fonts - A catalog of free & open source fonts, great details and font pair suggestions
- Just My Type - A collection of font pairings
- Table of Contents | The Elements of Typographic Style Applied to the Web - A practical guide to web typography
- Typekit - "Quality fonts from the world's best foundries"
- Typography Terms - An infographic on Typography Terms + explanations
⬆ back to top
Дизайн вдохновение
- Admire The Web - Admire the Web is where we showcase the very best in website design inspiration - carefully curated and organised to keep you inspired.
- Awwwards - The Website Awards that recognize and promote the talent and effort of the best developers, designers and web agencies in the world.
- Dribble - Dribbble is where designers gain inspiration, feedback, community, and jobs and is your best resource to discover and connect with designers worldwide.
- Site Inspire - siteInspire is a showcase of the finest web and interactive design.
- Web design Inspiration - Find inspiration for your next web design project. We help web designers, digital agencies and entrepreneurs to be inspired. Everyday, our team of experts hand picks the best new web designs from all over the world.
- Behance - Behance is a social media platform to showcase and discover creative work like Graphic Design, Illustration, Game Design and many more things
- Pinterest - Pinterest has a host of design inspirations in a variety of forms and styles.
- Pixpa - Pixpa features some nice modern designs and inspirations for web designers and photographers.
- Lapa Ninja - Lapa Ninja is a gallery featuring the best 4127 landing page examples, free books for designers and free UI kits from around the web.
- Landings - Find the best landing pages for your design inspiration based on your preference.
⬆ back to top
Animation Frameworks
- Animate CSS - Choose, try out and get the CSS-Code for different animation types (over 70)
- Anime JS - It's easy to use, has a small and simple API, and offers everything you could want from a modern animation engine.
- Bounce JS - Tool and JS Library, creating CSS3 powered animations(adjustments possible) & export CSS code
- Magic Animations - Showcase of different animations with link to GitHub repo
- MO JS - The library provides built-in components to start animating from scratch like HTML, shape, swirl, burst, and stagger but also brings you tools to help craft your animation in a most natural way.
- Particles JS - A lightweight JavaScript library for creating particles.
- Typed JS - A JavaScript typing animation library with a great documentation on GitHub
- Wow JS - JavaScript library: Reveal CSS animation as you scroll down a page
⬆ back to top
Stock Resources
- Burst - Free, high-resolution images. All our pictures are free to download for personal and commercial use.
- Canva - 8,000+ free templates and thousands of free photos
- Free stock images and Videos - A great collection of stock photos, videos and other resources. Most of them under the CC0-License, all of them free.
- Gratisography - Photographer Ryan McGuire provides this collection of high-resolution pictures for free. You can use them on your personal or commercial project free of copyright restrictions.
- Humaaans - Library of editable people illustrations. Free for both commercial and personal use.
- I'd Pin That! - Created to help bloggers and non-designers create high quality images like those often seen on Pinterest. I'd Pin That is more than just a source for free images — it is an image editor! Use the tools provided here to add your own text and edit the images right on the site.
- Illlustrations - 120+ Awesome free illustrations made by the artist vijay verma on a 100 days challenge.
- MakerBook - The best free resources for creatives - A directory of sites to get free resources (Photography, Mockups, Graphics, Textures, Fonts, Colours, Video, Audio & Tools).
- Morguefile - Founded in 1996 by college student Michael Connors.Photographers contribute images to Morguefile for visitors to use in their creative projects. Yes, they're all completely free. The website does ask that you credit the photographer when possible.
- Open Doodles - A Free Set of Open-Source Illustrations.
- The Open Photo Project - The Open Photo Project is a photo sharing platform created in 1998 by Michael Jastremski. Contributors have offered their images free of charge under terms of Creative Commons licensing.
- Pexels - Exclusively stock photos of high quality, great feature: Filter photos by color.
- Picalls - Free photos and wallpapers licensed under the Creative Commons CC0 license.
- Pixabay - In addition to photos, Pixabay offers video, vectors and illustrations.
- Pikwizard - Free stock photo library for commercial and editorial use. Huge library of stunning, high quality, royalty free images. No attribution required
- Public Domain Archive - “a public domain image repository” created by Matt a graphic designer, web designer and photographer.Vintage and modern images.
- StockSnap.io - High quality stock photos free to download and use. Licensed under the Creative Commons CC0 license.
- The Stocks - Another awesome directory sharing sites for resources, loading directly on the webpage
- UnDraw - "MIT licensed illustrations for every project you can imagine and create
- UnSplash - "Beautiful, Free Photos" & themed collections of photos
- 3D Bay - "Free, 3D Illustrations" A collection of High-quality 3D Illustration resources
- Design Stripe - "Create beautiful illustrations, no design skills needed
⬆ back to top
Geolocation
- Geocomplete-location autocomplete - An advanced jQuery plugin that wraps the Google Maps APIs Geocoding and Places Autocomplete services into a dropdown for an input-form.
- Google maps API | Google - Google Map APIs including documentation & learning resources - extensive
- Google maps API | Traversy - Great YouTube tutorial on using the Google Maps APIs
- OpenCage Geocoder - Free to use forward (lat/long to text) and reverse (text to lat/long) geocoding API
- GeoJS - Free to use API for geolocation lookup by IP address
⬆ back to top
APIs
- Alexa API | Codecademy - Learn to develop a custom Amazon Alexa skill that respond to the user's voice with custom messages.
- Abstract APIs - Free utility API's for compressing images, creating user avatars, validating emails, and more
- jsonplaceholder - Fake Online REST API for Testing and Prototyping
- A list of public APIs
- Lorem Picsum - Easy to use and customize placeholder photos
- OpenWeatherMap - Weather API with free and paid licenses
- Random famous quotes | Rapid APIs - Gets a random quote in JSON format.
- TMDB API - API Service for those who are interested in displaying data/images about different movies, TV Shows or actors in their application.
- Unsplash Source - API to retrieve random images from Unsplash.com
- Web APIs | MDN
- News API - Locate articles and breaking news headlines from news sources and blogs across the web with our JSON API.
- Spotify API - Spotify's Web API allows you to find music and podcasts, manage your Spotify collection, control audio playing, and do a variety of other things.
⬆ back to top
Mockups
- Am I Responsive - This is a tool to check the responsiveness of a website and take a screenshot on multiple devices in a single frame. Go to the site and enter the URL to capture the screenshot. You should have separate screen capture tool to take the proper screenshot.
- Figma - Free app with a simple to use surface for designing, prototyping and sharing your website and app ideas
- Adobe XD - One of the best tool for UI/UX Design, Wireframe, animate, prototype, collaborate, and more
- Magic Mockups - Place your product in realistic environment! Free real-life product/app mockup generator. Laptop, Phone, Tablet, Imac.
- Rotato 3D Mockup Generator - Make video 3D mockups and images. No experience required. Unlimited renders. MacOS.
- The MockUp Club - Website that offers free downloads of design mockups (mostly Photoshop format).
- MockupsJar - Build mockups with screenshots of your application or web Design for free to share with customers and clients
- MockUPhone - Free and simple screenshots device mockups generator. Wrap your design in mobile devices or Laptop/Desktop in a few clicks!
- Multi Device Website Mockup Generator - Multi device website mockup generator is free online tool to test your responsive website on apple devices including Apple iMac, MacBook, iPad and iPhone. This tool is very helpful for theme developers to mockup the web template on various apple devices with a single click. You should have a proper screen grabber tool to take the screenshot from the browser.
- Wireframe.cc - Great tool for sketching out ideas and layouts, super minimalistic
⬆ back to top
Книги
- Ebook Foundation-free programing books: GitHub Repository - A directory of free learning resources, categorized by language
- HTML Basics - A workshop covering the basics of HTML (free pdf/18 pages)
- HTML5 for Masterminds, 2nd Edition - A complete course from Beginner to Mastermind
- HTML5 Pocket Reference (Pocket Reference (O'Reilly) - A comprehensive compact reference for HTML 5
- HTML Tutorialspoint - A thorough tutorial on HTML (free pdf/486 pages)
- Learn How To Code In HTML5 and CSS3 - A free e-book about making websites in HTML5 and CSS for absolute beginners
- Responsive Web Design with HTML5 and CSS3 - A comprehensive book about making RWD
- You don't know JS - Book series diving deep into the core mechanisms of the JavaScript language.
- Guide to Git and Github - A beginner friendly guide to using git and working with Github.
- Introduction to HTTP - Introduction to HTTP, the stateless protocol underlying all of the web.
- Introduction to the Command Line - A short and beginner friendly introduction to the command line, covering common commands that will make you immediately productive.
- HTML & CSS Books ![Free]
- Web Design Playground, Second Edition - Modern HTML, CSS, and web design standards.Paid
- Build a Frontend Web Framework (From Scratch) - Learn how a frontend web framework works by coding your own.Paid
⬆ back to top
Challenges / Games
- Ace Front End - Ace Front End has complete and practical coding challenges, with a detailed walk through of a perfect interview solution.
- Codepen Challenges - Each month has a theme and every week there is a new challenge prompt that you can use to build a project online using HTML, CSS and JavaScript. The best projects are featured on Codepen's homepage.
- Codewars - Improve your skills by training with others on real code challenges.
- CSS Battle - CSSBattle is an online CSS Code Golfing game. Here, players from all around the world try to visually replicate Targets in smallest possible CSS code and battle it out to get to the top of the leaderboard.
- CSS Diner - It's a fun game to learn and practice CSS selectors.
- CSS Zen Garden - A demonstration of what can be accomplished through CSS-based design, and a chance to do your own.
- Dev Challenges - Made by Thu Nghiem. devChallenges.io is a community driven platform for anyone who wants to solve practical tasks. It has some tricky and curated challenges.
- Flexbox Defense - It is a game that covers the flex properties align-items, justify-content, flex-direction, align-self and has 12 different levels.
- Flexbox Froggy - This game is also about Flexbox and it covers even more flex properties: align-items, justify-content, align-content, flex-direction, align-self, flex-wrap, flex-flow and has 24 different levels.
- Front End Mentor - Solve real-world HTML, CSS and JavaScript challenges whilst working to professional designs. Join 192,401 developers building projects, reviewing code, and helping each other get better.
- Grid Garden - Interactive CSS code game. Practice your CSS skills by watering your garden! It has 28 different levels to learn CSS Grid Layout.
- Hackerrank - Practice coding, prepare for interviews, and solve interview style coding challenges.
- JavaScript30 - A free challenge course, building 30 little projects with HTML, CSS and plain JavaScript.
- Leetcode - Coding problems to solve in a range of categories and difficulties
- Project Euler - Challenging computer science and mathematical problems.
- 100DaysOfCode - Regardless of your coding skills or your language of choice, this challenge invites you to code for at least 1 hour a day.
- Devtools Tech - Devtools Tech is a free platform for Frontend Engineers to practice high quality real world programming interview questions, follow curated learning paths, read blogs, and track progress across various frontend domains.
⬆ back to top
Free Tools For Students
- JetBrains Student License : Free individual licenses of the award-winning professional developer tools from JetBrains for students and faculty members.
- Student Developer Pack : The best developer tools, free for students via @githubeducation
⬆ back to top
YouTube Videos
- Flexbox in 20 minutes - Quick crash-course on the CSS Flexbox model.
- SVGs can do that ? - Sarah Drasner's talk on nontypical pratical uses of SVGs.
- CSS Grid Tutorial - Use CSS grid to structure and position websites with ease.
- Git and GitHub for Beginners - Crash Course - Ad-free tutorial by freeCodeCamp.
- 12HR Coding Bootcamp 2021! - Complete frontend bootcamp!
⬆ back to top
Тестирование
- Jest - JavaScript testing framework
- Mocha - JavaScript testing framework
- Karma - JavaScript test runner
- Istanbul - JavaScript test coverage tool
- TestCafe - Node.js end-to-end testing
- Cypress - JavaScript end-to-end testing framework
- Puppeteer - Google's Chrome automation tool for E2E testing.
- Playwright - Microsoft's browser automation tool for E2E testing.
- Sinon.JS - Standalone test spies, stubs and mocks for JavaScript
- Chai - Assertation library for JavaScript testing
- PactumJS - REST API Testing Tool used to automate e2e, integration, contract & component (or service level) tests
- Vitest - Vitest is a blazing fast unit test framework powered by Vite
⬆ back to top