8 едукативни проекти

„Господар прави повеќе грешки отколку почетник прави обиди“

Нудиме 8 проектни опции кои можат да се направат „за забава“ со цел да се стекне вистинско искуство за развој.

Проект 1. Трело клон

Трело клон од Индрек Ласн.

Што ќе научите:

• Организација на рути за обработка на барања (Рутирање).
• Повлечи и пушти.
• Како да креирате нови објекти (табли, списоци, картички).
• Обработка и проверка на влезните податоци.
• Од страната на клиентот: како да користите локално складирање, како да зачувате податоци во локално складирање, како да читате податоци од локално складирање.
• Од страната на серверот: како да користите бази на податоци, како да зачувате податоци во базата на податоци, како да читате податоци од базата на податоци.

Еве пример за складиште, направен во React+Redux.

Проект 2. Админ панел

Репозиториум Github.

Едноставна апликација CRUD, идеална за учење на основите. Да научиме:

• Креирајте корисници, управувајте со корисници.
• Интеракција со базата на податоци - креирајте, читајте, уредувајте, бришете корисници.
• Потврдување на влез и работа со формулари.

Проект 3. Тракер за криптовалути (матична мобилна апликација)

Складиште на Github.

Нешто: Swift, Objective-C, React Native, Java, Kotlin.

Ајде да учиме:

• Како работат мајчин апликации.
• Како да преземете податоци од API.
• Како функционираат распоредите на матичните страници.
• Како да работите со мобилни симулатори.

Пробајте го ова API. Ако најдете нешто подобро, пишете во коментар.

Ако те интересира, еве го еве туторијал.

Проект 4. Поставете ја вашата сопствена конфигурација на веб-пакет од нула

Технички, ова не е апликација, но е многу корисна задача да се разбере како работи веб-пакетот одвнатре. Сега тоа нема да биде „црна кутија“, туку разбирлива алатка.

Барања:

• Компајлирајте es7 до es5 (основни).
• Компајлирајте го jsx во js - или - .vue во .js (ќе мора да научите натоварувачи)
• Поставете сервер за развој на веб-пакет и повторно вчитување на топол модул. (vue-cli и create-react-app ги користат и двете)
• Користете Heroku, now.sh или Github, научете како да распоредите проекти на веб-пакети.
• Поставете го вашиот омилен препроцесор да компајлира css - scss, помалку, игла.
• Научете како да користите слики и svgs со веб-пакет.

Ова е неверојатен ресурс за комплетни почетници.

Проект 5. Клон на Hackernews

Од секој џедај се бара да направи свој Hackernews.

Што ќе научите на патот:

• Како да комуницирате со hackernews API.
• Како да креирате апликација со една страница.
• Како да се имплементираат функции како што се гледање коментари, индивидуални коментари, профили.
• Организација на рути за обработка на барања (Рутирање).

Проект 6. Тудушечка

TodoMVC.

Сериозно? Тудушка? Ги има илјадници. Но, верувајте ми, има причина за оваа популарност.
Апликацијата Tudu е одличен начин да се уверите дека ги разбирате основите. Обидете се да напишете една апликација во ванила Javascript и една во вашата омилена рамка.

Научете:

• Создадете нови задачи.
• Проверете дали се пополнети полињата.
• Филтрирајте задачи (завршени, активни, сите). Користете filter и reduce.
• Разберете ги основите на Javascript.

Проект 7. Листа со влечење и спуштање што може да се подреди

Складиште на Github.

Многу е корисно да се разбере повлечете и испуштете го api.

Да научиме:

• Повлечете и испуштете го API
• Креирајте богати интерфејси

Проект 8. Клон на Messenger (матична апликација)

Ќе разберете како функционираат и веб-апликациите и мајчин апликации, што ќе ве издвои од сивата маса.

Што ќе проучуваме:

• Веб приклучоци (инстант пораки)
• Како работат мајчин апликации.
• Како работат шаблоните во домашните апликации.
• Организирање правци за обработка на барања во домашни апликации.

Ова ќе ви биде доволно за месец или два.

Преводот е извршен со поддршка на компанијата Софтвер EDISONкој е професионално ангажиран развивање апликации и веб-страници во PHP за големи клиенти, како и развој на облак услуги и мобилни апликации во Java.

Извор: www.habr.com