Connect with us

Обучение

Восемь проектов для развития навыков разработчика

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

Анна Гуляева

Опубликовано

/

     
     

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

Цель — создать каждое приложение при помощи любого стека технологий, который вы предпочитаете.

Проект 1 — клон Trello

Чему вы научитесь, создавая клон Trello:

  • Роутинг.
  • Drag and drop.
  • Создание новых объектов (досок, списков, карт).
  • Управление входными данными и их валидация.
  • Сторона клиента: использование локального хранилища, сохранение данных в локальное хранилище, чтение данных из локального хранилища.
  • Сторона сервера: использование баз данных, сохранение данных в базу, чтение данных из базы.

Вот репозиторий с примером, сделанным при помощи React и Redux.

Проект 2 — панель управления пользователями

Это простое базовое CRUD-приложение. Чему вы научитесь:

  • Создание и управление пользователями.
  • Взаимодействие с базой данных — создание, чтение, редактирование, удаление пользователей.
  • Оценка входных данных и работа с формами.

Проект 3 — Трекер криптовалют (нативное приложение)

Для создания приложения можно использовать Swift, Objective-C, React Native, Java или Kotlin. Чему вы научитесь:

  • Как работают нативные приложения.
  • Получение данных из API.
  • Как работает нативная разметка.
  • Как работает мобильный симулятор.

Используйте этот API. Если вам интересно, как я это сделал, вы можете почитать туториал.

Проект 4 — установите собственную конфигурацию webpack с нуля

Это не совсем приложение, но очень полезно понять, как работает веб-пакет. Он перестанет быть для вас черным ящиком, а станет мощным инструментом.

Требования:

  • Компиляция es7 в es5.
  • Компиляция jsx в js или vue в js (вы узнаете о загрузчиках).
  • Установка webpack dev server и перезагрузка hot module (используйте vue-cli и create-react-app).
  • Создание готовой к продакшну сборки и её развертывание при помощи Heroku, now.sh или GitHub.
  • Установка препроцессора, чтобы провести компиляцию в css — scss, less, stylus.
  • Использование изображений и svg в webpack.

Вот отличный ресурс для начинающих.

Проект 5 — клон Hacker News

Каждый уже создал свою версию Hacker News, не будьте исключением. Что вы узнаете:

  • Взаимодействие с API Hacker News.
  • Создание одностраничных приложений.
  • Применение функций просмотра комментариев и профилей.
  • Роутинг.

Вот документация API Hacker News.

Проект 6 — приложение со списком дел

Серьезно? Еще один todo-менеджер? Да, это отличный способ изучить основы. Сначала попытайтесь сделать приложение при помощи только JavaScript, а потом — при помощи любимого фреймворка или библиотеки.

Чему вы научитесь:

  • Создание новых задач.
  • Валидация полей.
  • Фильтрация задач (завершенные, активные, все). Используйте функции filter и reduce.
  • Понимание основ JavaScript.

Проект 7 — сортируемый drag and drop список

Это полезно для понимания Drag and Drop API, который поможет вам создавать сложные приложения. Чему вы научитесь:

  • Drag and Drop API.
  • Создание интересных интерфейсов.

Проект 8 — клон мессенджера (нативное приложение)

Чему вы научитесь:

  • Веб-сокеты (мгновенные сообщения).
  • Принцип работы нативных приложений.
  • Принцип работы нативной разметки.
  • Роутинг в нативных приложениях

 

Комментарии
Если вы нашли опечатку - выделите ее и нажмите Ctrl + Enter! Для связи с нами вы можете использовать info@apptractor.ru.
Advertisement
Click to comment

You must be logged in to post a comment Login

Leave a Reply

Новости

Российские школьники создают дополненную реальность

Компания Epson и Фонд новых форм развития образования подвели итоги всероссийского конкурса для молодых разработчиков приложений дополненной реальности.

AppTractor

Опубликовано

/

Автор:

Компания Epson и Фонд новых форм развития образования назвали 9 команд-финалистов в трех номинациях всероссийского конкурса юных разработчиков приложений дополненной реальности.

Ровно год назад Epson совместно с Фондом новых форм развития образования объявили о запуске всероссийского конкурса для начинающих разработчиков приложений дополненной реальности. К участию в конкурсе приглашались парные команды: студенты ведущих технических ВУЗов студент в сотрудничестве с ребятами, обучающимися в детских технопарках «Кванториум».

Участникам предложили создать приложение для работы с видеоочками дополненной реальности Epson Moverio BT-300, в которых цифровое изображение «накладывается» поверх видимого сквозь прозрачные стекла окружающего мира.

Ребята разрабатывали приложение для одной из трех номинаций:

  • Edutainment – приложения для обучения естественным наукам, проведения экспериментов, отработки навыков и др.
  • Урбанистика – решения для городской среды: визуализация проектируемых зданий и комплексов, навигация на местности, управление БПЛА и др.
  • Science Art – Приложения для музеев: «оживление» экспонатов, экскурсии, квесты, восстановление утраченных памятников искусства и др.

Итоги конкурса:

Номинация: Edutainment

I место: Программа для реабилитации мелкой моторики – Топоева Анна и Фокин Макар

II место: Трехмерная модель «Внутренние органы человека» – Самараковский Тимур и Темникова Александра

III место: Оживающий динозавр – Едапина Елена и Парфенова Елизавета

Номинация: Урбанистика

I место: Интерактивная карта достопримечательностей Великого Новгорода – Лисаков Александр и Школьников Елисей

II место: Интерактивный квест по Новгородскому кремлю – Баканова Марина и Скорнякова Мария

III место: Соборы Санкт-Петербурга – Диянов Никита и Кукарцев Даниил

Номинация: Science Art

I место: Интерактивная инструкция по сборке кубика Рубика – Баев Владимир и Колесников Евгений

II место: Интерактивный квест для музеев – Кламбоцкий Константин и Малышев Иван

III место: Интерактивная карта творчества П.И. Чайковского – Чобан Илья и Позднякова Алёна

Комментарии
Продолжить чтение

Обучение

Бесплатное руководство “iOS-разработка: от начинающего до профессионала”

Эта бесплатная книга позволит вам начать разрабатывать приложения для iOS на языке Swift.

AppTractor

Опубликовано

/

Автор:

В ней не просто даются все основополагающие принципы программирования на Swift, но и основы дизайна, пользовательского опыта, микровзаимодействий, виральности, работы с платформенными функциями (встроенные покупки, Touch ID и т.п.).

Все это сопровождается созданием реальных приложений, которые авторы учебника будут создавать вместе с вами.

Скачать руководство вы можете на официальном сайте.

 

Комментарии
Продолжить чтение

Новости

Apple открывает Академию Разработчиков в Неаполе

Apple приглашает людей со всего мира в свою академию программистов. Все расходы компания берет на себя.

AppTractor

Опубликовано

/

Автор:

В академию разработчиков могут вступить все желающие, независимо от региона проживания и гражданства.

Сейчас осталось 400 свободных мест для регистрации. Всего обучение будут проходить 1000 человек.

Представители корпорации отмечают, что для поступления не потребуются навыки программирования и образование в сфере компьютерных наук.

Академия заработает в Италии этой осенью. Тесты будут проходить в европейских столицах с середины июня.

Сайт для регистрации: https://www.developeracademy.unina.it/en/enrollment/.

Комментарии
Продолжить чтение

Новости

Mail.Ru Group ищет амбассадоров

Mail.Ru Group приглашает активных и целеустремленных студентов, аспирантов и молодых сотрудников российских университетов стать амбассадорами — официальными представителями компании в своем вузе и городе.

AppTractor

Опубликовано

/

Автор:

Mail.Ru Group приглашает активных и целеустремленных студентов, аспирантов и молодых сотрудников российских университетов стать амбассадорами — официальными представителями компании в своем вузе и городе. Презентация программы университетских амбассадоров пройдет более чем в 50 топовых вузах и 15 регионах РФ.

Задача амбассадоров — информировать студентов своего университета о продуктах, бизнес-направлениях корпорации и перспективах работы в Mail.Ru Group. Это уникальный шанс не только самому попасть в компанию и развить digital-навыки, но и поделиться ценными знаниями с друзьями.

Амбассадоры MRG — концептуально новая программа, разработанная нашей компанией специально для региональных вузов. Главные цели – это не только продвижение компании и ее продуктов, но и формирование качественных специалистов в региональных вузах через образовательные проекты, преподавание, создание профессионального сообщества технологических евангелистов среди молодежи в сфере информационных технологий, – Сергей Марданов, директор по взаимодействию с вузами Mail.Ru Group,

Все участники, прошедшие годовую программу университетских амбассадоров MRG, будут приглашены в московский офис Mail.Ru Group (с оплатой проезда и проживания), где пройдут серию бизнес-тренингов, пообщаются с топ-менеджерами компании и получат индивидуальные приглашения на работу.

Подробнее о проекте: https://ambassador.mail.ru/.

Комментарии
Продолжить чтение

Реклама

Наша рассылка

Нажимая на кнопку "Подписаться" вы даете согласие на обработку персональных данных.

Вакансии

Популярное

X
X

Спасибо!

Теперь редакторы в курсе.