Бүх сургалт ХУГАЦААГҮЙ буюу НАСАН ТУРШИЙН!

(Жич : Тус сургалт урьдчилсан захиалгаар гарч байгаа тул видеонууд нь өдөр өдрөөр нэмэгдэн хийгдэж буйг анхаарна уу. Урьдчилсан захиалгын онцлог нь тухайн сургалтыг багш хийж байх явцад нь сурагчид дагаж үзэх боломжтой байдаг бөгөөд бусад сургалтаас харьцангуй хямд авч цаг алдалгүй судалж явах боломж үүсдэг билээ)

Орчин үед өдөр өдрөөр өөрчлөгдөн хувьсаж буй хурдтай технологи, их өгөгдлийн хөгжлийг даган вэб апп, мобайл апп болон бусад шаардлагатай програмуудыг асар богино хугацаанд хийх зайлшгүй шаардлага үүссэнийг бизнес эрхлэгчид улам бүр анзаарч эхэлж байна. Хэн зөв бүтээгдэхүүнээр хурдтай зах зээлд нэвтэрнэ, тэр бизнес амжилт олж байна. Арван жилийн өмнөх шиг хэдэн сараар эсвэл жил дамнан системийг төлөвлөн бүтээх талаар санах ч хэрэггүй цаг үе иржээ! Амжилттай бизнесүүд ердөө 1-6 сарын дотор гарч ирж зах зээлийг эзэлж байна. Яаж тэр вэ?

Өмнө нь бизнесүүд вэб сайтаа React, javascript эсвэл PHP-ээр, андройд утасны аппыг Java эсвэл котлиноор, iOS утасны аппыг Swift-ээр, энэ бүхний ард байх backend-ээ Laravel ч юмуу Java Spring эсвэл бүр Python, Ruby зэрэг зүсэн бүрийн технологи ашиглаж хийхээс өөр аргагүй байдаг байлаа. Учир нь бүгдийг нь хийдэг нэг технологи байгаагүй хэрэг. Сая дурдсан технологиуд нь хоорондоо ямар ч холбоогүй, ихэвчлэн тэс өөр өөр програмчлалын хэл дээр бичигдэнэ. Ингэхээр технологи бүрийг мэддэг төрөл бүрийн мэргэжилтнүүдийг авч ажиллуулах шаардлагатай болох ба цалин мөнгөний зардал өндөр гарна. Дээр нь жишээ нь андройд аппыг хийж байхад бусад багийнхан туслах ямар ч боломжгүй, вэб дээр хийсэн яг ижил кодыг апп дээр өөр технологиор давтан хийх зэрэг асуудлаас болоод төслийг гүйцэтгэх хугацаа урт болдог байсан байна.

Тэгвэл хэдхэн жилийн өмнөөс бүх зүйлийг ганц хоёрхон технологи ашиглан гүйцэтгэх боломжтой болсон нь шинэхэн стартапуудыг борооны дараах мөөг шиг хурдтай бий болох боломжийг өгч байна. Ямар технологи гэж бодож байна?

Энэ бол Javascript, React хоёрын хослол юм. Та React, Javascript хоёрыг ашиглан хүчирхэг SPA вэб апп, iOS апп, андройд апп, UWP (universal windows platform app), pwa (progressive web app), энгийн windows програм (electron) гээд л бүгдийг хийж чадна. Back end-ээ мөн л Javascript ашиглан (NodeJS, Express, MongoDB) хийж орхино. Өөрөөр хэлбэл React дээр ажилладаг вэбийн багийнхан одоо шууд нэмж юм суралгүйгээр гар утасны аппуудыг бүтээх чадвартай гэсэн үг юм. Ер нь React нь өөрөө ч цэвэр Javascript шүү дээ! Тиймээс бүр цаадах утгаараа ганцхан технологи ч гэж хэлж болох нь...

Энэ утгаар стартап компани ганцхан програмисттай байсан ч болохоор байгаа нь гайхалтай хэрэг! Ямар их мөнгө, цаг хугацааг хэмнэх билээ! Тиймээс Javascript, React, React Native, Redux, NodeJS, ExpressJS, MongoDB эзэмшсэн хөгжүүлэгч орчин үеийн хамгийн эрэлттэй үнэ цэнэтэй нэгэн болж байгаа билээ! ( Эдгээр нь бүгд Javascript технологи бөгөөд 1234.mn дээр нарийвчлан заасан байгаа )

Тэгвэл React Native гэж юу вэ? Энэ технологийг 2015 онд Фэйсбүүк компаниас гаргасан бөгөөд React болон Javascript технологийг ашиглан iOS, андройд утасны натив буюу төрөлх аппуудыг хөгжүүлэх боломжийг өгдөг. Өөрөөр хэлбэл React Native -ийг ашиглан та нэг кодоор л ВЭБ, АНДРОЙД, iOS, UWP аппуудыг бүтээж чадна. Бүтээсэн апп маань натив тул өндөр хурдтай бөгөөд уг апп iOS утас дээр яг л iOS апп шиг, андройд утас дээр яг л андройдын бусад аппуудтай адилхан харагддаг онцлогтой. Хэрэв та яг натив хэлээр нь (Java, Swift) хөгжүүлбэл нэг бизнесийн аппын андройд хувилбарыг 6 сарын хугацаанд гаргалаа гэхэд яг л ижилхэн iOS хувилбарыг нь хийхэд мөн л 6 буюу түүнээс удаан хөгжүүлэх болно. Харин React Native ашиглавал хоёуланг нь нэг зэрэг магадгүй 2-3 сарын дотор хийх боломжтой юм! Гайхалтай байгаа биз!

За тэгэхээр энэхүү сургалтыг үзсэнээр та юу сурч эзэмших вэ гэдгийг товчлон жагсаая:
- Хөгжүүлэлтэнд хэрэгтэй орчинг суулгаж тохируулж бэлтгэнэ
- React болон Javascript дээрх ойлголтуудаа гүнзгийрүүлэн эзэмшинэ
- Expo ашиглаж болон ашиглалгүйгээр аппыг хөгжүүлэх
- Windows болон Mac үйлдлийн систем дээр хөгжүүлж сурах
- Үндсэн компонентуудтай танилцах, ашиглаж сурах
- Шинээр компонент бүтээн ашиглах
- Компонентуудыг хэлбэржүүлж дизайн бэлтгэж сурах
- Дэлгэц үүсгэх
- Дэлгэц хооронд шилжих, өгөгдөл дамжуулах
- Төрөл бүрийн дэлгэцэнд тааруулж ажиллах интерфэйс бүтээх
- Форм, хэрэглэгчийн оруулсан өгөгдөлтэй ажиллах
- Гуравдагч компонентуудын сантай танилцах, ашиглах
- Төлөв гэж юу түүнтэй хэрхэн ажиллах
- React context, hooks зэрэг орчин үеийн элементүүд ашиглах
- Утасны камер, файлын систем, GPS болон утасны онцлог мэдрэгчүүдийг програмчлах
- Зураг upload хийх, боловсруулах
- Аппыг алхам алхмаар ажиллуулж алдааг олох, тестлэх
- React функц компонент, контекст болон hooks ашиглан ажиллах
- Рест апи дуудаж ажиллах
- Утас дээр AsyncStore ашиглан өгөгдөл хадгалах
- Утас дээр SQLite ашиглан өгөгдөл хадгалах
- Jwt токен гэж юу болох, юунд ашиглах
- Push notification гэж юу болох хэрхэн ашиглах
- Логин хийх, токентой ажиллах
- React animation ашиглах
- http протокол болон түүний хэрэглээ
- Postman ашиглан рест апи турших
- React Native, Expo сайтын тусламжийг ашиглаж сурах
- MongoDB, Express, NodeJS, Mongoose ашигласан Амазон номын дэлгүүрийн backend-ийг ажиллуулж турших
- Амазон номын дэлгүүрийн аппыг iOS болон андройд хувилбараар эхнээс нь дуустал хийж, тестлэж ажиллуулах
- хийсэн аппаа App Store болон Play Store дээр байрлуулах
- on air update буюу хэрэглэгчийн утас дээрх аппыг Play Store оруулалгүй update хийх
- бусад ....

зэрэг орчин үеийн мобайл апп хөгжүүлэгчийн хийж чаддаг байх ёстой бүх л зүйлийг хийж сурах болно!

Энэ сургалтыг үзэхэд юу шаардагдах вэ?
Хэрэв та 1234.mn дээр байгаа React, Javascript, Rest API зэрэг сургалтуудыг үзсэн бол энэ сургалт танд маш хялбархан, яг л гэртээ байгаа мэт байх болно. Энэхүү сургалтаар хийх аппынхаа back end тал дээр бид "Rest API backend эхнээс нь дуустал" сургалтаар хийсэн системийг шууд танилцуулан ашиглах юм. Хэдий тийм боловч ашиглах бүх л ойлголтуудыг эхнээс нь тайлбарлаад явах тул та хүсвэл шууд үзэх ч боломжтой юм. Ер нь бол Javascript хэлний хялбар мэдлэгтэй байхад энэ сургалтыг та эзэмших боломжтой гэж ойлгож болно. Хэрэв та iOS апп бүтээх бол iMac эсвэл Macbook Pro зэрэг компьютер байвал давуу тал болно. Гэхдээ л бид Expo системийг ашиглан windows системтэй компьютер дээр ч iOS апп хөгжүүлэх боломжтой билээ.

Энэ сургалт хэнд зориулагдсан бэ?
Мобайл аппыг андройд болон iOS утсанд зориулж мэргэжлийн түвшинд хөгжүүлж сурах хүсэлтэй оюутнаас эхлээд мэргэжлийн програмистууд хүртэлх бүх хүнд зориулагдсан.

Сургалтын онцлог
Бидний хийсвэр стартап болох Амазон номын дэлгүүрийн iOS болон андройд аппыг хөгжүүлэх байдлаар хийгдэх тул практикт суурилсан сонирхолтой хэлбэрээр явагдах юм. (Дашрамд хэлэхэд Rest API сургалт дээр Амазон номын дэлгүүрийн вэбийг React дээр, backend-ийг нь Express, MongoDB, Mongoose, NodeJS ашиглан бүтээсэн билээ)

За ингээд сургалт дээрээ уулзацгаая!

   Хичээлүүд :   

  1. 28:11
    Энэ сургалтаар та юу сурч эзэмших вэ?
  2. 30:07
    Мобайл апп хөгжүүлэлтийн товч түүх
  3. 30:18
    VS Code editor суулгах, тохируулах
  4. 20:14
    Windows пс дээр ажиллах орчноо бэлтгэх, анхны аппаа бичиж АНДРОЙД гар утас дээр ажиллуулцгаая
  5. 03:55
    Expo комманд олдохгүй байна гээд ажиллахгүй байвал яаж засах вэ?
  6. 21:56
    IPHONE утас дээр аппаа ажиллуулах, windows дээр android studio суулган андройд emulator дээр аппаа ажиллуулах
  7. 20:13
    Mac компьютер дээр xcode, android studio суулган аппаа emulator, simulator дээр ажиллуулцгаая!
  8. 23:59
    React native аппын бүтэц, react компонент болон jsx гэж юу вэ, функц компонент болон хэлбэржүүлэлтийн дүрэм
  9. 11:39
    Товчтой ажиллах, Button, TouchableOpacity Alert компонентуудыг ашиглаж товч дээр дарах эвентийг програмчлах
  10. 18:24
    Шинээр дэлгэц үүсгэх, товч дээр даран шинэ дэлгэц рүү шилжих, React Navigation ашиглах
  11. 32:04
    React-ийн цаана байх философи : Declarative, Reactive, Virtual DOM ойлголтууд
  12. 15:08
    Компонент гэж юу вэ? Түүний үүрэг, бүтэц
  13. 24:23
    TextInput, Image, Button ашиглан логин дэлгэц хийцгээе! Өргөн хэрэглэгддэг компонентууд болон тэдний хэлбэржүүлэлт
  14. 24:23
    Өөрийн гэсэн MyButton компонентийг бичих, props ашиглан компонент руу мэдээлэл болон функц дамжуулах
  15. 27:42
    MyInput, MyTextArea компонентуудыг бичих, тохируулах, keyboardType, autoCapitalize, autoCorrect, secureTextEntry, numberOfLines...
  16. 13:38
    Компонентийн дотоод төлөв гэж юу вэ? MyInput дээрх текстийг useState hook хэрэглэн хадгалах, үзүүлэх
  17. 13:17
    Логин дэлгэц дээрээс хэрэглэгчийн утас нууц үг рүү хэрхэн хандах вэ? Props ашиглан функц дамжуулах нь
  18. 13:35
    children props ямар үүрэгтэй вэ? children props ашиглан MyInputArea компонентийг сайжруулж үзье
  19. 18:30
    Компонент хооронд өгөгдөл дамжуулахад ашиглагддаг гурван стратегийн тухай, props drilling проблем гэж юу вэ?
  20. 22:05
    Props drilling проблем туршицгаая, MyInput дээр бичигдсэн текстийг Home компонентоос хэрхэн авах вэ
  21. 27:26
    Flexbox layout гэж юу вэ? Дэлгэцийг төрөл бүрээр хувааж компонентуудыг хэрхэн байрлуулдаг вэ?
  22. 21:15
    FlatList ашиглан мэдээллийг лист хэлбэрээр дүрслэх
  23. 12:50
    FlastList компонентод яагаад key пропс хэрэгтэй байдаг вэ? Netflix шиг хэвтээ лист хийх нь
  24. 27:02
    FlatList листэнд динамикаар элемент хэрхэн нэмэх вэ?
  25. 22:02
    Өөрсдийн гэсэн лист хэрхэн үүсгэх вэ? ScrollView компонент ашиглах
  26. 05:57
    FlatList листээс элемент устгаж үзэцгээе!
  27. 33:43
    Листнээс устгах үед модал цонх үзүүлж устгах эсэхийг баталгаажуулж үзье!
  28. 17:34
    React Native аппыг хэрхэн debug хийж алхам алхмаар ажиллуулах вэ?
  29. 16:27
    MongoDB Atlas дээр cluster үүсгэж MongoDB Compass ашиглаж холбогдох (Rest api эхнээс нь дуустал хичээлээс)
  30. 14:19
    Амазон РЕСТ АПИ төслийг задалж суулгах бэлтгэл ажил, postman суулгах, тохируурах
  31. 28:30
    Амазон РЕСТ АПИ төслийг ажиллуулж сэрвисүүдтэй нь танилцах, Postman environment тохиргоо хийх
  32. 24:37
    Position ашиглаж хэлбэржүүлэх, alignSelf, top, left, right, bottom ашиглан элементүүдийг байрлуулах
  33. 14:29
    AmazonBookStore төслийг шинээр үүсгэх нь
  34. 18:04
    Ном хайх Search компонентийг бичицгээе! Icon хэрхэн оруулж ирэх вэ?
  35. 13:21
    Хайсан текстийг HomeScreen дэлгэц дээр хэрхэн үзүүлэх вэ? Хайлтын утгаа оруулж дууссаныг хэрхэн мэдэх вэ?
  36. 19:35
    Сэрвэрээс хэрхэн өгөгдлүүдээ дуудаж гаргах вэ? Амазон рест сэрвисийг апп дотроосоо дуудах нь
  37. 04:47
    Сэрвэртэй холбогдохгүй байна гэсэн алдаа гараад байвал юу анхаарах вэ?
  38. 14:28
    userEffect hook ашиглан програмын анх ачаалагдах үед категориудыг сэрвэрээс ачаалах нь
  39. 13:43
    Сэрвэрээс өгөгдөл татах үед үүсэх алдааг илрүүлж апп дээрээ хэрхэн үзүүлэх вэ?
  40. 11:30
    Custom буюу өөрийн гэсэн hook хэрэглэн кодын үр ашгийг нэмэгдүүлэх, useCategory hook бичих
  41. 15:10
    CategoryBookList компонентийг бичих, Номнуудыг бэлэн файлаас оруулж ирж ашиглах
  42. 10:41
    FlatList ашиглан номын жагсаалтыг хэвтээгээр үзүүлцгээе!
  43. 19:12
    Book компонентийг бичиж номын мэдээллийг зураг, үнэ, нэр, рэйтингтэй нь үзүүлцгээе!
  44. 14:55
    Номын өгөгдлийг РЕСТ сэрвисээс татах нь, номын үнийг npm library ашиглан мянгатаар тоймлож үзүүлэх
  45. 15:37
    Номуудаас хайлт хийх, номын мэдээллийг РЕСТ АПИ ашиглан өөрчлөх
  46. 11:26
    Амазон РЕСТ апиг номуудаас текст ашиглан хайдаг болгон сайжруулах нь
  47. 13:44
    Сэрвэрээс өгөгдөл хайх шийдлийн танилцуулга, хайлт хийхэд категориудын номын тоог үзүүлэх
  48. 20:24
    Апп дотроосоо сэрвэрээс апи дуудан хайлт хийх, serverSearchText шинэ дотоод төлөвийг HomeScreen компонентод нэмэх
  49. 20:57
    Сэрвэрээс мэдээлэл татах хооронд түр хүлээнэ үү гэсэн тэмдэг үзүүлэх нь
  50. 11:13
    Номуудыг бүтэн дэлгэцээр скролддог болгох, зохиогчийн нэрсийг гаргах бусад жижиг засварууд
  51. 08:01
    Өөрийн хийсэн аппыг EXPO дээр байрлуулж утаснаасаа ажиллуулах
  52. 16:35
    1234.mn дээр шинээр нэмэгдсэн хичээлүүдийг үзүүлдэг апп хийцгээе!
  53. 19:12
    Номын дэлгэрэнгүйг үзүүлэх дэлгэц рүү шилжих нь, navigation, useNavigation ашиглах
  54. 14:02
    Дэлгэц хооронд мэдээлэл дамжуулах, Navigation parameter ашиглах нь
  55. 18:23
    Async, await ашиглан сэрвэрээс унших, Номын мэдээллийг сэрвэрээс уншиж авчрах
  56. 23:22
    Өмнөх дэлгэц рүү параметер дамжуулах, navigation push, pop, popToTop, initialParams ашиглах
  57. 26:33
    Header өнгө, текст өнгө солих, Header текстийг параметрээр дамжуулах, header дээр зураг гаргах
  58. 23:10
    Header дээр товч байрлуулах, useLayoutEffect hook ашиглах
  59. 18:18
    Header дээрх бусад тохиргоонууд BACK товчийг өөрчлөх, тунгалаг болгох, useHeaderHeight hook ашиглах
  60. 08:43
    BACK товч дээрх ажиллагааг солих HeaderBackButton компонентийг ашиглан буцах үед баталгаажуулдаг болгох
  61. 16:23
    HamburgerMenu цэсийг баруун дээд өнцөгт хоёр янзаар хийж үзэцгээе, react-native-header-buttons ашиглах
  62. 11:28
    Drawer цэс нэмэх, StackNavigator.js файл руу navigation кодыг зөөх
  63. 10:14
    Бүртгүүлэх болон Логин дэлгэцийг нэмж Drawer цэсэнд холбоцгооё!
  64. 28:00
    REST апи дуудан хэрэглэгчийг аппаас бүртгэдэг болгох нь
  65. 13:45
    Хэрэглэгч бүртгэхэд сэрвэрээс илгээсэн шалгалтын мэдээллийг барьж авч апп дээрээ үзүүлэх нь
  66. 15:48
    AsyncStorage ашиглан утсанд мэдээлэл хадгалах, токенийг хадгалж гаргаж үзүүлэх
  67. 14:30
    Логин хийж нэвтрэх дэлгэцийг ажилладаг болгоцгооё! Нэвтрэх үед токенийг AsyncStorage ашиглан хадгална
  68. 29:39
    Контекст гэж юу вэ? Контекс ашиглан глобаль өгөгдөл үүсгэн ашиглах нь
  69. 31:24
    Логин хийхэд хэрэглэгчийн мэдээллийг контекстэд хадгалж цэсийг зохих ёсоор өөрчилье
  70. 19:01
    Бүртгүүлэх дэлгэцийг контексттой холбох, DRY зарчим хэрэгжүүлэх
  71. 19:18
    Гарах буюу Logout функцийг хэрэгжүүлцгээе!
  72. 31:18
    Програмыг ачаалагдах үед гарах SplashScreen дэлгэцийг хийж логин session-ийг сэргээцгээе!
  73. 27:45
    Нэвтэрсэн админ хэрэглэгчээр ном устгадаг болгоцгооё!
  74. 30:26
    Номыг устгасны дараа үндсэн номнуудын жагсаалтыг хэрхэн дахин сэрвэрээс ачаалж үзүүлэх вэ?
  75. 18:54
    Axios-ийн цаана байх XMLHttpRequest обьект хэрхэн cookie-г дотроо хадгалдаг тухай, logout хийх үед уг cookie-г цэвэрлэе
  76. 18:21
    Устгах үйлдэл хийхэд Authorization header дээр токеноо дамжуулж устгах үйлдлийг амжилттай хийх
  77. 26:52
    Drawer цэсийг өөрийн компонент ашиглан өөрчилцгөөе! React-native-paper сангийн Avatar компонентийг ашиглана.
  78. 09:54
    Өөрчилсөн Drawer цэсийг ажиллагаатай болгоё
  79. 35:19
    Шинэ ном нэмэх дэлгэц, FormText компонентийг бичих, StatusBar, Constants.js ашиглах
  80. 21:23
    Анимаци хэрхэн ашиглах вэ? Шинээр нэмж буй номын мэдээллийг дотоод төлөвт хадгалах
  81. 18:46
    Хэрэглэгч мэдээлэл оруулах үед анимаци бүхий алдааны мэдээллийг үзүүлдэг болгоцгооё!
  82. 17:16
    Switch компонент ашиглан номыг бестсэллэр мөн эсэхийг тохируулдаг болгоцгооё!
  83. 15:38
    Picker компонентийг ашиглан номын категориудаас сонгодог болгоё
  84. 08:24
    Picker компонент доторх категориудын мэдээллийг useCategory hook хэрэглэн сэрвэрээс авч ашиглая
  85. 29:59
    RadioButton компонентийг ашиглан номын категориудыг сонгож үзье!
  86. 22:01
    Шинэ номыг рест апи руу илгээж хадгалцгаая!
  87. 12:18
    Номыг сэрвэр рүү илгээх үед гарах алдааг үзүүлэх, категорийг сонгосон эсэхийг шалгах, хадгалах үед Spinner үзүүлэх
  88. 22:55
    Expo-ийн ImagePicker компонент ашиглан утаснаас зураг сонгох, зурагтай ажиллах эрхийг Permission хэрхэн хүсэх вэ?
  89. 14:35
    ios болон андройд төхөөрөмжийн тохиргооны дэлгэц рүү хэрхэн үсрэх вэ? Linking болон IntentLauncher ашиглах нь
  90. 16:29
    XMLHttpRequest обьект ашиглан номын зургийг сэрвэр рүү upload хийх нь
  91. 28:16
    Upload хийгдэх үед номын mime төрлийг олох, номын зургийг апп талаас нэрийг нь тооцоолж илгээх
  92. 22:14
    Файл upload хийгдэж буй процессийг хувиар дүрслэн үзүүлцгээе! (ProgressBar)
  93. 27:22
    Локал болон Push notification гэж юу вэ? Тохиргооны дэлгэцийг хийцгээе!
  94. 26:00
    Android утсан дээр локал notification гаргах, expo хувилбар нэмэгдүүлэх, кэш цэвэрлэх
  95. 16:59
    expo upgrade хийх үед апп маань ажиллахгүй болбол яах вэ? Хэрхэн пакэж хоорондын зөрчлийг шийдвэрлэх вэ?
  96. 06:49
    iOS дээр локал notification-ийг эрхийг асуун зөвшөөрүүлэх замаар ажилдаг болгох нь
  97. 19:46
    Хямдрал дуусах Notification-ийг хүлээн авч тухайн хямдарсан ном руу үсрэх, notification дээр дарахад хариу үйлдэл үзүүлье!
  98. 16:08
    Push notification буюу сэрвэрээс апп руу notification илгээж апп дээр хүлээн авч үзүүлэх нь
  99. 24:11
    Push Notification –ийг хэрхэн апп хооронд эсвэл бизнесийн сэрвэрээс апп руу дамжуулдаг вэ? APN ба FCM
  100. 10:14
    Нэг физик утаснаас нөгөө физик буюу бодит утас руу push notification илгээж үзэцгээе!
  101. 15:46
    Хэрхэн аппаа build хийж apk файлыг гаргаж авах вэ, app.json дээрх тохиргоог хийж android руу build хийцгээе!
  102. 28:08
    Splash дэлгэц бэлтгээд apk файлыг build хийн гарган авч утсан дээрээ суулгаж туршицгаая!
  103. 18:26
    Firebase api key тохируулах, Firebase project үүсгэн номын дэлгүүртэйгээ холбон build хийх нь
199,000    49,000

Худалдаж авах