"Эхлэгч оролдлого хийснээс мастер илүү их алдаа гаргадаг"
Бид хөгжлийн бодит туршлага хуримтлуулахын тулд "хөгжилдөө зориулж" хийж болох 8 төслийн сонголтыг санал болгож байна.
Төсөл 1. Trello клон
Та юу сурах вэ:
- Хүсэлтийг боловсруулах маршрутын зохион байгуулалт (чиглүүлэлт).
- Чи чирээд тавина уу.
- Шинэ объектуудыг хэрхэн бий болгох вэ (самбар, жагсаалт, карт).
- Оруулсан өгөгдлийг боловсруулах, шалгах.
- Үйлчлүүлэгчийн талаас: дотоод санах ойг хэрхэн ашиглах, дотоод санах ойд өгөгдлийг хэрхэн хадгалах, дотоод сангаас өгөгдлийг хэрхэн унших.
- Сервер талаас: өгөгдлийн санг хэрхэн ашиглах, мэдээллийн санд өгөгдлийг хэрхэн хадгалах, мэдээллийн сангаас өгөгдлийг хэрхэн унших.
Төсөл 2. Админ самбар
Энгийн CRUD програм бөгөөд үндсийг сурахад тохиромжтой. сурцгаая:
- Хэрэглэгч үүсгэх, хэрэглэгчдийг удирдах.
- Өгөгдлийн сантай харилцах - хэрэглэгчдийг үүсгэх, унших, засах, устгах.
- Оруулсан мэдээллийг баталгаажуулж, маягттай ажиллах.
Төсөл 3. Cryptocurrency tracker (уугуул гар утасны програм)
Юу ч: Swift, Objective-C, React Native, Java, Kotlin.
Суралцъя:
- Төрөлх програмууд хэрхэн ажилладаг.
- API-аас өгөгдлийг хэрхэн татаж авах вэ.
- Үндсэн хуудасны загвар хэрхэн ажилладаг.
- Хөдөлгөөнт симуляторуудтай хэрхэн ажиллах вэ.
Хэрэв та сонирхож байгаа бол энд байна
Төсөл 4. Өөрийн вэб багцын тохиргоог эхнээс нь тохируулна уу
Техникийн хувьд энэ нь програм биш, гэхдээ энэ нь webpack хэрхэн ажилладагийг дотроос нь ойлгоход маш хэрэгтэй ажил юм. Одоо энэ нь "хар хайрцаг" биш, харин ойлгомжтой хэрэгсэл байх болно.
Шаардлагууд:
- es7-аас es5 хүртэл эмхэтгэх (үндсэн).
- jsx-г js- эсвэл - .vue-г .js-д хөрвүүлэх (та дуудагчийг сурах хэрэгтэй)
- Webpack dev сервер болон халуун модулийг дахин ачаалах тохиргоог хийнэ үү. (vue-cli болон create-react-app хоёуланг нь ашигладаг)
- Heroku, now.sh эсвэл Github ашиглан вэб багцын төслүүдийг хэрхэн ашиглах талаар суралцаарай.
- Өөрийн дуртай препроцессорыг css - scss, small, stylus хөрвүүлэхийн тулд тохируулаарай.
- Вэб багцтай зураг болон svg-г хэрхэн ашиглах талаар суралц.
Төсөл 5. Hackernews клон
Жеди бүр өөрийн гэсэн Hackernews хийх шаардлагатай.
Замдаа та юу сурах вэ:
- Hackernews API-тай хэрхэн харилцах вэ.
- Нэг хуудасны програмыг хэрхэн үүсгэх.
- Сэтгэгдэл үзэх, хувь хүний сэтгэгдэл, профайл зэрэг функцуудыг хэрхэн хэрэгжүүлэх вэ.
- Хүсэлтийг боловсруулах маршрутын зохион байгуулалт (чиглүүлэлт).
Төсөл 6. Тудушечка
Ноцтой юу? Тудушка? Тэдний мянга мянга нь бий. Гэхдээ надад итгээрэй, ийм алдартай болсон шалтгаан бий.
Tudu програм нь үндсийг нь ойлгоход тань туслах гайхалтай арга юм. Нэг программыг ванилийн Javascript дээр, нэгийг нь дуртай хүрээндээ бичиж үзээрэй.
Сурах:
- Шинэ даалгавар үүсгэх.
- Талбаруудыг бөглөсөн эсэхийг шалгана уу.
- Даалгавруудыг шүүх (гүйцсэн, идэвхтэй, бүгд). Ашиглах
filter
иreduce
. - Javascript-ийн үндсийг ойлгох.
Төсөл 7. Эрэмбэлэх боломжтой чирэх жагсаалт
Ойлгоход маш их тустай
сурцгаая:
- API чирэх, буулгах
- Баян UI үүсгэх
Төсөл 8. Messenger клон (уугуул програм)
Та вэб програмууд болон уугуул програмууд хэрхэн ажилладагийг ойлгох болно, энэ нь таныг саарал массаас ялгах болно.
Бид юу судлах вэ:
- Вэб залгуурууд (шууд мессеж)
- Төрөлх програмууд хэрхэн ажилладаг.
- Загварууд уугуул програмуудад хэрхэн ажилладаг.
- Төрөл бүрийн програмууд дээр хүсэлт боловсруулах маршрутуудыг зохион байгуулах.
Энэ нь танд нэг эсвэл хоёр сарын хугацаанд хангалттай байх болно.
Орчуулга нь компанийн дэмжлэгтэйгээр хийгдсэн
Эх сурвалж: www.habr.com