8 лоиҳаи таълимӣ

"Устод бештар хато мекунад, назар ба кӯшиши шурӯъкунандагон"

Мо 8 варианти лоиҳаро пешниҳод менамоем, ки онҳоро "барои масхара" иҷро кардан мумкин аст, то таҷрибаи воқеии рушд ба даст оранд.

Лоиҳаи 1. Клони Trello

8 лоиҳаи таълимӣ

Клони Trello аз Indrek Lasn.

Шумо чӣ меомӯзед:

  • Ташкили хатсайрҳои коркарди дархост (Рутинг).
  • Кашола карда партоед.
  • Чӣ тавр сохтани объектҳои нав (тахтаҳо, рӯйхатҳо, кортҳо).
  • Коркард ва тафтиши маълумоти воридотӣ.
  • Аз ҷониби муштарӣ: чӣ гуна истифода бурдани нигаҳдории маҳаллӣ, чӣ гуна захира кардани маълумот дар нигаҳдории маҳаллӣ, чӣ гуна хондани маълумот аз анбори маҳаллӣ.
  • Аз ҷониби сервер: чӣ гуна истифода бурдани пойгоҳи додаҳо, чӣ гуна захира кардани маълумот дар пойгоҳи додаҳо, чӣ гуна хондани маълумот аз пойгоҳи додаҳо.

Дар ин ҷо як мисоли анбор аст, дар React+Redux сохта шудааст.

Лоиҳаи 2. Панели маъмур

8 лоиҳаи таълимӣ
Анбори Github.

Замимаи оддии CRUD, ки барои омӯзиши асосҳо беҳтарин аст. Биёед омӯзем:

  • Истифодабарандагон эҷод кунед, корбаронро идора кунед.
  • Бо пойгоҳи додаҳо ҳамкорӣ кунед - корбаронро эҷод, хонед, таҳрир кунед, нест кунед.
  • Тасдиқи воридот ва кор бо шаклҳо.

Лоиҳаи 3. Назоратчии асъори криптографӣ (барномаи модарии мобилӣ)

8 лоиҳаи таълимӣ
Анбори Github.

Ҳама чиз: Swift, Objective-C, React Native, Java, Kotlin.

Биёед омӯзем:

  • Чӣ тавр барномаҳои маҳаллӣ кор мекунанд.
  • Чӣ тавр маълумотро аз API гирифтан мумкин аст.
  • Тарҳҳои саҳифаи аслӣ чӣ гуна кор мекунанд.
  • Чӣ тавр кор кардан бо симуляторҳои мобилӣ.

Ин API-ро санҷед. Агар шумо чизи беҳтареро пайдо кунед, дар шарҳҳо нависед.

Агар шумо таваҷҷӯҳ дошта бошед, ин ҷост ин ҷо як дастур аст.

Лоиҳаи 4. Конфигуратсияи веб-бастаи шахсии худро аз сифр насб кунед

8 лоиҳаи таълимӣ
Аз ҷиҳати техникӣ, ин як барнома нест, аммо ин як вазифаи хеле муфид барои фаҳмидани чӣ гуна кор кардани webpack аз дарун аст. Акнун он на «қуттии сиёҳ», балки воситаи фаҳмо хоҳад буд.

Талабот:

  • es7 то es5 тартиб диҳед (асосҳо).
  • Тартиб додани jsx ба js - ё - .vue ба .js (шумо бояд боркунакҳоро омӯзед)
  • Сервери dev webpack ва дубора боркунии модули гармро насб кунед. (vue-cli ва create-react-app ҳардуро истифода мебаранд)
  • Heroku, now.sh ё Github -ро истифода баред, чӣ гуна ҷойгир кардани лоиҳаҳои вебпактро омӯзед.
  • Барои тартиб додани css - scss, камтар, стилус, протсессори дӯстдоштаи худро насб кунед.
  • Омӯзед, ки чӣ тавр истифода бурдани тасвирҳо ва svgs бо webpack.

Ин як манбаи аҷибест барои шурӯъкунандагон.

Лоиҳаи 5. Клони Hackernews

8 лоиҳаи таълимӣ
Ҳар як Ҷедӣ талаб карда мешавад, ки Hackernews-и худро созад.

Он чизеро, ки шумо дар ин роҳ меомӯзед:

  • Чӣ тавр бо API hackernews ҳамкорӣ кардан мумкин аст.
  • Чӣ тавр сохтани як барномаи як саҳифа.
  • Чӣ тавр амалӣ кардани хусусиятҳо ба монанди дидани шарҳҳо, шарҳҳои инфиродӣ, профилҳо.
  • Ташкили хатсайрҳои коркарди дархост (Рутинг).

Лоихаи 6. Тудушечка

8 лоиҳаи таълимӣ
TodoMVC.

Ҷиддӣ? Тудушка? Ҳазорон нафари онҳо ҳастанд. Аммо бовар кунед, ки ин маъруфият сабаб дорад.
Барномаи Tudu як роҳи олиест барои боварӣ ҳосил кардан, ки шумо асосҳоро мефаҳмед. Кӯшиш кунед, ки як барнома дар Javascript ванилӣ ва як барномаро дар чаҳорчӯбаи дӯстдоштаи худ нависед.

Омӯзед:

  • Вазифаҳои нав эҷод кунед.
  • Санҷед, ки майдонҳо пур карда шудаанд.
  • Вазифаҳои филтр (анҷомшуда, фаъол, ҳама). Истифода баред filter и reduce.
  • Асосҳои Javascript-ро фаҳмед.

Лоиҳаи 7. Рӯйхати кашолакунӣ ва тарки мураттабшаванда

8 лоиҳаи таълимӣ
Анбори Github.

Барои фаҳмидан хеле муфид аст api кашола карда партоед.

Биёед омӯзем:

  • API-ро кашола карда партоед
  • UI-ҳои бой эҷод кунед

Лоиҳаи 8. Clone Messenger (барномаи маҳаллӣ)

8 лоиҳаи таълимӣ
Шумо мефаҳмед, ки чӣ тавр ҳам барномаҳои веб ва ҳам барномаҳои маҳаллӣ кор мекунанд, ки шуморо аз массаи хокистарӣ фарқ мекунанд.

Он чизе ки мо меомӯзем:

  • Сокетҳои веб (паёмҳои фаврӣ)
  • Чӣ тавр барномаҳои маҳаллӣ кор мекунанд.
  • Чӣ тавр қолибҳо дар барномаҳои маҳаллӣ кор мекунанд.
  • Ташкили хатсайрҳои коркарди дархост дар замимаҳои маҳаллӣ.

Ин барои шумо як ё ду моҳ кофӣ хоҳад буд.

Тарҷума бо дастгирии ширкат сурат гирифт Нармафзори EDISONки бо камоли кордонй машгул аст таҳияи барномаҳо ва вебсайтҳо дар PHP барои муштариёни калон, инчунин таҳияи хидматҳои абрӣ ва барномаҳои мобилӣ дар Java.

Манбаъ: will.com

Илова Эзоҳ