Главная

Чтобы быть крутым разработчиком, нужно создавать крутые проекты!

Список интересных приложений, которые можно реализовать.

Поделиться:
 

2+

Вы можете стать великим разработчиком, только если готовы приложить для этого много усилий. Наврядли вы сможете достичь хорошей физической формы, прочитав много книг о фитнесе. Все что вам нужно — это пойти в тренажерный зал и хорошенько там попотеть. Абсолютно такая же ситуация и с программированием.

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

Проект 1. Клон Trello

Image for post

Что вы узнаете, создав клон Trello:
1. Маршрутизация.
2. Drag and drop
3. Создание новых объектов (доски, списки, карточки).
4. Обработка входных данных и валидация.
5. Клиент: как использовать локальное хранилище, сохранять данные в локальное хранилище и читать данные из локального хранилища.
6. Сервер: как использовать базы данных, сохранять данные в базе данных и читать данные из базы данных.
Вот пример проекта, созданного с помощью React и Redux.

Image for post

Простое CRUD приложение, отлично подходит для тренировки фундаментальных знаний.
Что вы узнаете:
1. Создание пользователей и управление ими.
2. Взаимодействие с базой данных — создание, чтение, редактирование и удаление пользователей.
3. Валидация ввода и работа с формами.

Проект 2. Криптовалютный трекер (собственное мобильное приложение)

Image for post

Должно быть нативным приложением — разрешены SwiftObjective-CReact NativeJava и Kotlin.
Что вы узнаете:
1. Как работают нативные приложения.
2. Получение данных через API.
3. Как работают нативные макеты.
4. Как работать с мобильными симуляторами.
Используйте вот этот API.

Проект 3. Настройте свою собственную конфигурацию Webpack с нуля

Image for post

Что ж, технически это не приложение, но все же очень полезно понять, как работает webpack изнутри. Это уже будет не магический «черный ящик», а мощный инструмент в вашем арсенале.
Требования:
1. Скомпилируйте es7 в es5
2. Скомпилируйте .jsx в .js или .vue в .js (вы узнаете о загрузчиках).
3. Настройка сервера webpack dev (vue-cli и create-react-app — используют оба.)
4. Создайте готовую сборку и разверните ее с помощью Herokunow.sh или GitHub. (Вы узнаете, как развертывать проекты webpack.)
5. Настройте свой любимый препроцессор для компиляции в простой CSS — SCSSLessStylus.
6. Узнайте, как использовать изображения и SVG с webpack.
Вот отличный ресурс для начинающих.

Проект 4. Hacker News Clone

Image for post

Уже почти что каждый создал свою версию Hacker News — давайте вы не будете исключением.
Вы узнаете:
1. Взаимодействие с Hacker News API.
2. Создание одностраничных приложений.
3. Как реализовать такие функции, как просмотр комментариев, отдельных комментариев и профилей.
4. Маршрутизация.
Вот документация по Hacker News API.

Проект 5. Приложение “Список дел”

Image for post

Что? Электронный список дел? Сколько их уже есть? Да, я знаю. Однако они так популярны не просто так.
Приложение с делами — отличный способ изучения основ. Попробуйте создать его с помощью простого ванильного JavaScript, а затем с помощью вашего любимого фреймворка / библиотеки.
Что вы узнаете:
1. Создание новых задач.
2. Валидация ввода.
3. Фильтрация задач (завершенные, активные, все). Используйте функции фильтра.
4. Понимание основ JavaScript.

Проект 6. Сортируемый перетаскиваемый список

Image for post

Очень полезно понимать drag and drop API. Вы действительно выделяетесь среди остальных, если умеете создавать сложные приложения.
Что вы узнаете:
1. Drag and drop API.
2. Создание богатого пользовательского интерфейса.

Проект 7. Клон Messenger (нативное приложение)

Image for post

Понимание того, как работают нативные и веб-приложения, выделит вас из толпы.
Что вы узнаете:
1. Веб-сокеты (обмен мгновенными сообщениями).
2. Как работают нативные приложения.
3. Как работают макеты в нативных приложениях.
4. Маршрутизация для нативных приложений.

Заключение

Эти проекты должны занять вас на месяц или два. Выберите что-нибудь и просто сделайте! Если для начала вам нужна небольшая мотивация, вот вам руководство «Как сохранить мотивацию в качестве разработчика».

2+