projectlearn project based learning
1.0.0
Учебники — это здорово, но создание проектов — лучший способ учиться. Проводите обучение на основе проектов и изучайте код правильно!
ProjectLearn предоставляет тщательно подобранный список учебных пособий по проектам, в которых учащиеся создают приложение с нуля. Они разделены на разные категории, а именно: веб-разработка, мобильная разработка, разработка игр, машинное обучение, глубокое обучение и искусственный интеллект.
В списке есть учебные пособия по проектам на многих востребованных языках и технологиях, включая ReactJS, NodeJS, VueJS, Flutter, React Native, .NET Core, Unity, TensorFlow, OpenCV, Keras и других.
Чтобы внести свой вклад в этот список, зайдите на CONTRIBUTE.md и узнайте подробности :)
| Проект | Технологии | Связь |
|---|---|---|
| Создайте и разверните потрясающее портфолио 3D-веб-разработчиков в React.JS. Учебное пособие по Three.js. | vite, React, JavaScript, Three.js, Tailwind | Связь |
| Полнофункциональное приложение для быстрой коммерции с Next.Js Drizzle ORM и Cryptomus Payments | Next.js, React, JavaScript, Drizzle ORM, Cryptomus | Связь |
| Создайте полноценный интернет-магазин с помощью панели администратора | Next.js, React, JavaScript, Tailwind, Stripe | Связь |
| Создайте полноценный клон Uber | Next.js, React, JavaScript, Tailwind, Stripe | Связь |
| Создайте и разверните полнофункциональное приложение для социальных сетей с помощью React. | React, JavaScript, HTML, CSS, Tailwind | Связь |
| Создайте свой собственный клон ChatGPT в HTML, CSS и JavaScript. | HTML, CSS, JavaScript, API OpenAI, API | Связь |
| Создайте клон Reddit 2.0 с помощью NextJS. | React, SQL, Supabase, Next.js, GraphQL | Связь |
| Создайте клон YouTube с помощью React | Экспресс, Node, JavaScript, HTML, CSS | Связь |
| Создание расходящейся гистограммы с помощью библиотеки диаграмм JavaScript | JavaScript, HTML, CSS | Связь |
| Изучите основы CSS, создав компонент карты | HTML, CSS | Связь |
| Создайте бессерверный мем как услугу | JavaScript, Rust, CSS, HTML | Связь |
| Веб-сайт прогнозов погоды | JavaScript, HTML, CSS, React | Связь |
| Веб-сайт для сокращения ссылок | JavaScript, Vue, HTML, CSS, React | Связь |
| Веб-сайт проверки на плагиат | Питон, Бутстрап | Связь |
| Создайте собственную тему Google Maps | JavaScript, HTML, CSS | Связь |
| Создайте карту Google на тему Супер Марио с помощью JavaScript. | JavaScript, HTML5, CSS3 | Связь |
| Создайте приложение для доставки, управляемое сообществом | Python, Джанго, PostgreSQL, JavaScript, Mapbox | Связь |
| Создайте приложение для поиска и обнаружения в локальном магазине. | Python, Джанго, PostgreSQL, JavaScript, Mapbox | Связь |
| Средний клон с использованием React.js и Node.js | Реагировать, Узел, CSS3, JavaScript, HTML5 | Связь |
| Клон Facebook с помощью React JS | Реагировать, Firebase, CSS3, JavaScript, HTML5 | Связь |
| JavaScript30 — 30-дневный конкурс по программированию на Vanilla JS | JavaScript | Связь |
| Карта списка желаний для путешествий с Gatsby и GraphCMS | Гэтсби, Листовка, GraphCMS, HTML, CSS | Связь |
| Карточная игра с Vue.js | Vue, JavaScript, HTML, CSS | Связь |
| Курс Strapi и GatsbyJS — Портфолио-проект | Страпи, Гэтсби, JavaScript, HTML, CSS | Связь |
| Сборник рассказов — Node, Express, MongoDB и Google OAuth. | MongoDB, Node, JavaScript, HTML, CSS | Связь |
| Приложение «Дышите и расслабьтесь» — анимация на JavaScript и CSS | JavaScript, HTML, CSS | Связь |
| Node.js CLI для цен на криптовалюту | Узел, JavaScript | Связь |
| Галерея изображений CSS React и Tailwind | React, Tailwind, JavaScript, HTML, CSS | Связь |
| Часы Помидора с использованием React | Реагирование, JavaScript, HTML, CSS | Связь |
| Инструмент плотности ключевых слов с Laravel с нуля | Ларавел, PHP, JQuery, AJAX, SEO | Связь |
| Клон YouTube с использованием PHP Framework Yii2 | Юи2, PHP | Связь |
| Клон Reddit с React, GraphQL и Amplify | React, Amplify, AWS, GraphQL, Node | Связь |
| Полноценный клон Yelp с React и GraphQL | React, GraphQL, HTML, CSS, JavaScript | Связь |
| Веб-приложение Pokémon с React Hooks и Context API | Реагировать, HTML, CSS, JavaScript | Связь |
| Watershed Monitor с использованием JavaScript и Rails | Руби, Рельсы, JavaScript | Связь |
| Панель климатических данных с использованием React и Redux | React, Redux, HTML, CSS, JavaScript | Связь |
| Переворачивание карт UNO с использованием только CSS | HTML, CSS | Связь |
| Приложение чата с Redis, WebSocket и Go | Redis, веб-сокет, Go, Azure | Связь |
| Анимация входа в Spotify с помощью навигации React | Реагировать, HTML, CSS, JavaScript | Связь |
| Динамический интерфейс погоды с помощью только CSS | HTML, CSS | Связь |
| Простое приложение CRUD с Airtable и Vue | Airtable, Vue, Vuetify, API, HTML | Связь |
| Полнофункциональный генератор персонажей RPG со стеком MEVN | MongoDB, Express, Vue, Node, HTML | Связь |
| Приложение Todo со стеком PERN | PostgreSQL, Express, React, Node, HTML | Связь |
| Приложение для составления карты летнего путешествия с Гэтсби | Реакция, Гэтсби, Листовка | Связь |
| Многопользовательская карточная игра с Socket.io | Phaser 3, Express, Socket.io, JavaScript | Связь |
| Панель управления и карта COVID-19 с Гэтсби | Реакция, Гэтсби, Листовка | Связь |
| Викторина по карточкам с React | Реагировать, API, JavaScript, HTML5, CSS3 | Связь |
| Ударь крота с помощью чистого JavaScript | JavaScript, HTML5, CSS3 | Связь |
| Создатель мемов с React | Реагирование, JavaScript, HTML5, CSS3 | Связь |
| Клон Evernote с помощью React | Реагировать, Firebase, Node, JavaScript, HTML5 | Связь |
| Приложение для встреч разработчиков с Vue | Vue, Firebase, Vuetify, JavaScript, HTML5 | Связь |
| Приложение для чата в реальном времени с Vue | Vue, Firebase, Vuex, JavaScript, HTML5 | Связь |
| Криптовалютный трекер с Vue | Vue, Vuetify, API, JavaScript, HTML5 | Связь |
| Многопользовательская викторина с Vue | Vue, Pusher, Node, Express, JavaScript | Связь |
| Игра Сапер с Vue | Vue, Vuex, Vuetify, JavaScript, HTML5 | Связь |
| Клон Instagram с помощью Vue | Vue, CSSGram, JavaScript, HTML5, CSS3 | Связь |
| Клон Hacker News с помощью Angular | Angular, Маяк, JavaScript, HTML5, CSS3 | Связь |
| Интерфейс чата | HTML5, CSS3 | Связь |
| Подсказка на чистом CSS3 | HTML5, CSS3 | Связь |
| Кнопки социальных сетей | HTML5, CSS3 | Связь |
| Карта отзывов | HTML5, CSS3 | Связь |
| Панель навигации с CSS3 Flexbox | HTML5, CSS3 | Связь |
| Макет мобильного приложения с помощью CSS3 Flexbox | HTML5, CSS3 | Связь |
| Индикатор загрузки в стиле Reddit | HTML5, CSS3 | Связь |
| Календарь с сеткой CSS3 | JavaScript, HTML5, CSS3 | Связь |
| Игра Тетрис в React | Реагирование, JavaScript, HTML5, CSS3 | Связь |
| 2D прорывная игра | JavaScript, HTML5, CSS3 | Связь |
| Спрайтовая анимация | JavaScript, HTML5, CSS3 | Связь |
| Змеиная игра | JavaScript, HTML5, CSS3 | Связь |
| Игра на память | JavaScript, HTML5, CSS3 | Связь |
| Простая аутентификация и авторизация | GraphQL, Apollo, Node, JavaScript, HTML5 | Связь |
| Криптовалютный трекер | NextJS, GraphQL, Apollo, Node, JavaScript | Связь |
| Мгновенный поиск с помощью ванильного Javascript | JavaScript, HTML5, CSS3 | Связь |
| Приложение-калькулятор | JavaScript, HTML5, CSS3 | Связь |
| Приложение Todo | Вью, JavaScript, CSS3, HTML5 | Связь |
| Блог-приложение | Vue, GraphQL, Apollo, JavaScript, CSS3 | Связь |
| Простое приложение для составления бюджета | Vue, Bulma, JavaScript, CSS3, HTML5 | Связь |
| Поисковый бот | Узел, Twilio, Cheerio, API, Автоматизация | Связь |
| Твиттер-бот | Узел, JavaScript, API, Автоматизация | Связь |
| Редактор уценки в реальном времени | Узел, JavaScript, Экспресс, Redis, HTML5 | Связь |
| Приложение Todo | Angular, TypeScript, RxJS, HTML5, CSS3 | Связь |
| Хакерский новостной клиент | Angular, RxJS, Webpack, HTML5, CSS3 | Связь |
| Машина случайных цитат | Реагирование, JavaScript, HTML5, CSS3 | Связь |
| Клон Todoist | React, Firebase, JavaScript, Тестирование, HTML5 | Связь |
| Приложение чата с анализом настроений | NextJS, Pusher, Sentiment, Node, React | Связь |
| Планировщик встреч | React, Twilio, CosmicJS, Material-UI, JavaScript | Связь |
| Игра Жизни | Реагирование, 2D, JavaScript, HTML5, CSS3 | Связь |
| Новостное приложение | React Native, Node, API, React, JavaScript | Связь |
| Приложение для чата | React, Redux, Redux Saga, веб-сокеты, Node | Связь |
| Приложение Todo | React Native, GraphQL, Apollo, API, Hasura | Связь |
| Расширение Chrome | Реагировать, Посылка, JavaScript, HTML5, CSS3 | Связь |
| Приложение для голосования за фильмы | React, Redux, API, неизменяемый, JavaScript | Связь |
| Трелло Клон | React, Эликсир, Феникс, JWT, JavaScript | Связь |
| CMS в стиле Wiki | C#, .NET, Razor Pages | Связь |
| Клон Spotify с помощью ReactJS | Реакция, HTML5, CSS3 | Связь |
| Клон домашней страницы Microsoft | HTML5, CSS3, JavaScript | Связь |
| Простая диаграмма Ганта | HTML5, CSS3, JavaScript | Связь |
| Приложение для сбора вакансий | Узел, JavaScript, REST, API, Экспресс | Связь |
| Приложение для электронной коммерции | React, Bootstrap, JavaScript, HTML5, CSS3 | Связь |
| Целевая страница Netflix | HTML5, CSS3, JavaScript | Связь |
| ИИ-чат-бот | API веб-речи, Node, JavaScript, Express, Socket.io | Связь |
| Приложение для социальных сетей | React, Node, Redux, Firebase, REST | Связь |
| Создайте простой блокчейн криптовалюты в Node.js | Узел, JavaScript, Криптография, Блокчейн | Связь |
| BitTorrent-клиент | Узел, JavaScript, TCP, Компьютерные сети | Связь |
| Приложение Todo List с JavaScript | JavaScript, HTML5, CSS3 | Связь |
| JavaScript-анимация с помощью Anime.js | JavaScript, CSS3, библиотека, HTML5, API | Связь |
| Приложение Job Board с React | Реагировать, Узел, Cron, JavaScript, HTML5 | Связь |
| Проект | Технологии | Связь |
|---|---|---|
| Создайте клон Uber Eats с помощью React Native | React Native, Javascript, Android, iOS | Связь |
| Создайте клон Uber с помощью React Native | React Native, Javascript, Android, iOS | Связь |
| Создайте приложение чата с историями, используя Flutter SDK | Флаттер, Дарт | Связь |
| Создайте приложение в стиле Robinhood для отслеживания случаев COVID-19 | Котлин, Андроид | Связь |
| Мобильное приложение Swipe в стиле Tinder | Котлин, Ява, Свифт | Связь |
| Мобильное приложение для просмотра цен на криптовалюту | React Native, Swift, Flutter, Dart | Связь |
| Мобильное приложение для ресторанов и социальных сетей | React Native, Swift, Flutter, Dart | Связь |
| Мобильное приложение «Напоминание о перерыве» | React Native, Котлин, Java, Swift | Связь |
| Мобильное приложение для выставления счетов и напоминаний об оплате | Реагировать, Узел, Экспресс, MongoDB | Связь |
| Мобильное приложение «Обратный отсчет» | Свифт, Java, React Native | Связь |
| Игра Flappy Bird для iOS с использованием Swift | Свифт, XCode, iOS | Связь |
| Игра Bull's Eye для iOS с использованием Swift | Свифт, XCode, iOS | Связь |
| iOS-приложение ресторана с использованием SwiftUI | Свифт, XCode, iOS | Связь |
| Приложение Dice для iOS со Swift | Свифт, XCode, iOS | Связь |
| TrueCaller Клон | Java, MySQL, XAMPP, Android | Связь |
| Приложение Погода | Ява, API, Андроид | Связь |
| Приложение для электронной коммерции | Java, Firebase, Android | Связь |
| Приложение для чата | Java, Firebase, Android | Связь |
| Приложение Todo | Флаттер, Дарт, Android, iOS | Связь |
| Пользовательский интерфейс приложения для путешествий | Флаттер, Дарт, Android, iOS | Связь |
| Клиент Reddit | Андроид, Котлин | Связь |
| Приложение Todo | React Native, Android, iOS, JavaScript | Связь |
| Просмотрщик библиотеки фотографий | C#, iOS, Xamarin, Visual Studio, Android | Связь |
| Клон WhatsApp с React Native | React Native, Node, GraphQL, Apollo, JavaScript | Связь |
| Проект | Технологии | Связь |
|---|---|---|
| Создайте Super Mario Bros, Zelda и Space Invaders с помощью Kaboom.js | JavaScript, Кабум | Связь |
| Создайте игру-арканоид с помощью TypeScript | TypeScript, HTML, CSS, JavaScript | Связь |
| Простые игры | Lua, LÖVE, Python, Pygame Zero | Связь |
| Многопользовательская онлайн-игра на Python | Питон | Связь |
| Игра Beat Em Up Fight | Юнити, С# | Связь |
| Простая 3D-игра с использованием Godot 3.1 | Годо, C#, 3D | Связь |
| Простая игра-головоломка в Godot — Box and Switch | Годо, C#, 2D | Связь |
| Игровой интерфейс с нуля в Godot 3 | Годо, C#, 2D | Связь |
| 2D-игра с Годо: игрок и враг | Годо, C#, 2D | Связь |
| Многопользовательская карточная игра с Socket.io | Phaser 3, Express, Socket.io, JavaScript | Связь |
| Многопользовательская карточная игра с Unity 2D и Mirror | C#, Unity, 2D, Зеркало | Связь |
| Учебное пособие по рогалику в Rust | Ржавчина, 2Д | Связь |
| Приключения в Rust — базовая 2D-игра | Ржавчина, 2Д | Связь |
| Терминальная игра-змейка с Ruby | Руби, 2Д | Связь |
| Космические захватчики с использованием OpenGL | OpenGL, C/C++, 2D | Связь |
| Решатель судоку на языке C | Си/С++, 2D | Связь |
| шахматный движок на языке C | Си/С++, 2D | Связь |
| Игра Flappy Bird для iOS с использованием Swift | Свифт, XCode, iOS | Связь |
| Игра Bull's Eye для iOS с использованием Swift | Свифт, XCode, iOS | Связь |
| Ударь крота с помощью чистого JavaScript | JavaScript, HTML5, CSS3 | Связь |
| Многопользовательская викторина с Vue | Vue, Pusher, Node, Express, JavaScript | Связь |
| Игра Сапер с Vue | Vue, Vuex, Vuetify, JavaScript, HTML5 | Связь |
| Игра Тетрис в React | Реагирование, JavaScript, HTML5, CSS3 | Связь |
| 2D прорывная игра | JavaScript, HTML5, CSS3 | Связь |
| Спрайтовая анимация | JavaScript, HTML5, CSS3 | Связь |
| Змеиная игра | JavaScript, HTML5, CSS3 | Связь |
| Игра на память | JavaScript, HTML5, CSS3 | Связь |
| Танки Шутер | 3D, Юнити, C# | Связь |
| 2D-рогалик | 2D, Юнити, C# | Связь |
| Прогулка Джона Лемона с привидениями 3D | 3D, Юнити, C# | Связь |
| VR-новичок: квест-комната | VR, Юнити, C# | Связь |
| Приключение Руби | 2D, Юнити, C# | Связь |
| РПГ-игра | 2D, Юнити, C# | Связь |
| Роллинг-шар | 3D, Юнити, C# | Связь |
| Микроигра Шутер от первого лица | Юнити, С# | Связь |
| Платформер | Юнити, C#, 2D | Связь |
| Картинг Микрогейм | Юнити, С# | Связь |
| Аркадный Шутер | Луа, ЛЮБОВЬ | Связь |
| Игра Жизни | Реагирование, 2D, JavaScript, HTML5, CSS3 | Связь |
| Ручной герой | Си/С++, OpenGL, 2D | Связь |
| Разразиться | Си/С++, OpenGL, 2D | Связь |
| Тетрис | Си/С++, 2D | Связь |
| игра для РЭШ | Си/С++, Питон, 2D | Связь |
| Рогалик-игра | C#, .NET, RogueSharp, MonoGame, RLNet | Связь |
| Простая ролевая игра | С#, SQL, 2D | Связь |
| Проект | Технологии | Связь |
|---|---|---|
| Создайте веб-скребок с помощью BeautifulSoup | Питон, BeautifulSoup | Связь |
| CNN, который обнаруживает пневмонию по рентгену грудной клетки | CNN, Питон | Связь |
| Автоматическое обновление визуализаций данных на Python с помощью AWS | Питон, AWS, Матплотлиб | Связь |
| Инструмент анализа настроений в Твиттере с использованием GCP и Node | API, GCP, узел, JavaScript | Связь |
| Анализ настроений в Твиттере с использованием CNN | Python, Matplotlib, Numpy, Pandas | Связь |
| Генератор текстов Тейлор Свифт | Питон, Керас, Нампи, Панды | Связь |
| Распознаватель цифр MNIST | Python, Керас, TensorFlow, Numpy, SciKit | Связь |
| Обучите модель генерировать цвета | Python, Керас, TensorFlow, Numpy | Связь |
| Генератор подписей к изображениям | Python, TensorFlow, Numpy | Связь |
| Взломайте систему Captcha с помощью CNN | Python, Керас, TensorFlow, OpenCV, Numpy | Связь |
| Создайте среднее лицо | Python, OpenCV, Numpy, C/C++ | Связь |
| Сшивка изображений | Питон, OpenCV, Нампи | Связь |
| Обнаружение ключевых точек руки | Python, OpenCV, Numpy, C/C++ | Связь |
| Эйгенфейс | Python, OpenCV, Numpy, C/C++ | Связь |
| Обнаружение целей дронов | Питон, OpenCV, Нампи | Связь |
| Обнаружение объектов с использованием маски R-CNN | Питон, OpenCV, Нампи | Связь |
| Обнаружение ориентиров лица | Питон, OpenCV, DLib, Numpy | Связь |
| Коррекция перекоса текста | Питон, OpenCV, Нампи | Связь |
| OCR и распознавание текста | Питон, OpenCV, Тессеракт, Нампи | Связь |
| Счетчик людей | Питон, OpenCV, Нампи | Связь |
| Обнаружение текста | Питон, OpenCV, Нампи | Связь |
| Семантическая сегментация | Питон, OpenCV, Нампи | Связь |
| Отслеживание объектов | Питон, OpenCV, Нампи, Камшифт | Связь |
| Кластеризация лиц | Питон, OpenCV, Нампи | Связь |
| Сканер штрих-кода | Питон, OpenCV, ZBar, Нампи | Связь |
| Обнаружение значимости | Питон, OpenCV, Нампи | Связь |
| Распознавание лиц | Питон, OpenCV, Нампи | Связь |
| Сканер документов | Питон, OpenCV, Numpy, SciKit | Связь |
| Музыкальный рекомендатель | Python, SciKit, Numpy, Панды | Связь |
| Прогнозирование качества вина | Python, Matplotlib, Numpy, Pandas | Связь |
| Генетические алгоритмы | Python, SciKit, Numpy, Панды | Связь |
| ДипДрим | Python, TensorFlow, Визуализация | Связь |
| Прогноз цен на акции | Python, SciKit, Matplotlib | Связь |
| Системы рекомендации фильмов | Питон, ЛайтФМ | Связь |
| Анализ настроений в Твиттере | Питон, API | Связь |
| Приложение чата с анализом настроений | NextJS, Pusher, Sentiment, Node, React | Связь |
