Бүх сургалт ХУГАЦААГҮЙ буюу НАСАН ТУРШИЙН!
Орчин үед өдөр өдрөөр өөрчлөгдөн хувьсаж буй хурдтай технологи, их өгөгдлийн хөгжлийг даган вэб апп, мобайл апп болон бусад шаардлагатай програмуудыг асар богино хугацаанд хийх зайлшгүй шаардлага үүссэнийг бизнес эрхлэгчид улам бүр анзаарч эхэлж байна.
Хэн зөв бүтээгдэхүүнээр хурдтай зах зээлд нэвтэрнэ, тэр бизнес амжилт олж байна. Арван жилийн өмнөх шиг хэдэн сараар эсвэл жил дамнан системийг төлөвлөн бүтээх талаар санах ч хэрэггүй цаг үе иржээ! Амжилттай бизнесүүд ердөө 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 ашиглан бүтээсэн билээ)
За ингээд сургалт дээрээ уулзацгаая!
Хичээлүүд :
-
28:11Энэ сургалтаар та юу сурч эзэмших вэ?
-
30:07Мобайл апп хөгжүүлэлтийн товч түүх
-
30:18VS Code editor суулгах, тохируулах
-
20:14Windows пс дээр ажиллах орчноо бэлтгэх, анхны аппаа бичиж АНДРОЙД гар утас дээр ажиллуулцгаая
-
03:55Expo комманд олдохгүй байна гээд ажиллахгүй байвал яаж засах вэ?
-
21:56IPHONE утас дээр аппаа ажиллуулах, windows дээр android studio суулган андройд emulator дээр аппаа ажиллуулах
-
20:13Mac компьютер дээр xcode, android studio суулган аппаа emulator, simulator дээр ажиллуулцгаая!
-
23:59React native аппын бүтэц, react компонент болон jsx гэж юу вэ, функц компонент болон хэлбэржүүлэлтийн дүрэм
-
11:39Товчтой ажиллах, Button, TouchableOpacity Alert компонентуудыг ашиглаж товч дээр дарах эвентийг програмчлах
-
18:24Шинээр дэлгэц үүсгэх, товч дээр даран шинэ дэлгэц рүү шилжих, React Navigation ашиглах
-
32:04React-ийн цаана байх философи : Declarative, Reactive, Virtual DOM ойлголтууд
-
15:08Компонент гэж юу вэ? Түүний үүрэг, бүтэц
-
24:23TextInput, Image, Button ашиглан логин дэлгэц хийцгээе! Өргөн хэрэглэгддэг компонентууд болон тэдний хэлбэржүүлэлт
-
24:23Өөрийн гэсэн MyButton компонентийг бичих, props ашиглан компонент руу мэдээлэл болон функц дамжуулах
-
27:42MyInput, MyTextArea компонентуудыг бичих, тохируулах, keyboardType, autoCapitalize, autoCorrect, secureTextEntry, numberOfLines...
-
13:38Компонентийн дотоод төлөв гэж юу вэ? MyInput дээрх текстийг useState hook хэрэглэн хадгалах, үзүүлэх
-
13:17Логин дэлгэц дээрээс хэрэглэгчийн утас нууц үг рүү хэрхэн хандах вэ? Props ашиглан функц дамжуулах нь
-
13:35children props ямар үүрэгтэй вэ? children props ашиглан MyInputArea компонентийг сайжруулж үзье
-
18:30Компонент хооронд өгөгдөл дамжуулахад ашиглагддаг гурван стратегийн тухай, props drilling проблем гэж юу вэ?
-
22:05Props drilling проблем туршицгаая, MyInput дээр бичигдсэн текстийг Home компонентоос хэрхэн авах вэ
-
27:26Flexbox layout гэж юу вэ? Дэлгэцийг төрөл бүрээр хувааж компонентуудыг хэрхэн байрлуулдаг вэ?
-
21:15FlatList ашиглан мэдээллийг лист хэлбэрээр дүрслэх
-
12:50FlastList компонентод яагаад key пропс хэрэгтэй байдаг вэ? Netflix шиг хэвтээ лист хийх нь
-
27:02FlatList листэнд динамикаар элемент хэрхэн нэмэх вэ?
-
22:02Өөрсдийн гэсэн лист хэрхэн үүсгэх вэ? ScrollView компонент ашиглах
-
05:57FlatList листээс элемент устгаж үзэцгээе!
-
33:43Листнээс устгах үед модал цонх үзүүлж устгах эсэхийг баталгаажуулж үзье!
-
17:34React Native аппыг хэрхэн debug хийж алхам алхмаар ажиллуулах вэ?
-
16:27MongoDB Atlas дээр cluster үүсгэж MongoDB Compass ашиглаж холбогдох (Rest api эхнээс нь дуустал хичээлээс)
-
14:19Амазон РЕСТ АПИ төслийг задалж суулгах бэлтгэл ажил, postman суулгах, тохируурах
-
28:30Амазон РЕСТ АПИ төслийг ажиллуулж сэрвисүүдтэй нь танилцах, Postman environment тохиргоо хийх
-
24:37Position ашиглаж хэлбэржүүлэх, alignSelf, top, left, right, bottom ашиглан элементүүдийг байрлуулах
-
14:29AmazonBookStore төслийг шинээр үүсгэх нь
-
18:04Ном хайх Search компонентийг бичицгээе! Icon хэрхэн оруулж ирэх вэ?
-
13:21Хайсан текстийг HomeScreen дэлгэц дээр хэрхэн үзүүлэх вэ? Хайлтын утгаа оруулж дууссаныг хэрхэн мэдэх вэ?
-
19:35Сэрвэрээс хэрхэн өгөгдлүүдээ дуудаж гаргах вэ? Амазон рест сэрвисийг апп дотроосоо дуудах нь
-
04:47Сэрвэртэй холбогдохгүй байна гэсэн алдаа гараад байвал юу анхаарах вэ?
-
14:28userEffect hook ашиглан програмын анх ачаалагдах үед категориудыг сэрвэрээс ачаалах нь
-
13:43Сэрвэрээс өгөгдөл татах үед үүсэх алдааг илрүүлж апп дээрээ хэрхэн үзүүлэх вэ?
-
11:30Custom буюу өөрийн гэсэн hook хэрэглэн кодын үр ашгийг нэмэгдүүлэх, useCategory hook бичих
-
15:10CategoryBookList компонентийг бичих, Номнуудыг бэлэн файлаас оруулж ирж ашиглах
-
10:41FlatList ашиглан номын жагсаалтыг хэвтээгээр үзүүлцгээе!
-
19:12Book компонентийг бичиж номын мэдээллийг зураг, үнэ, нэр, рэйтингтэй нь үзүүлцгээе!
-
14:55Номын өгөгдлийг РЕСТ сэрвисээс татах нь, номын үнийг npm library ашиглан мянгатаар тоймлож үзүүлэх
-
15:37Номуудаас хайлт хийх, номын мэдээллийг РЕСТ АПИ ашиглан өөрчлөх
-
11:26Амазон РЕСТ апиг номуудаас текст ашиглан хайдаг болгон сайжруулах нь
-
13:44Сэрвэрээс өгөгдөл хайх шийдлийн танилцуулга, хайлт хийхэд категориудын номын тоог үзүүлэх
-
20:24Апп дотроосоо сэрвэрээс апи дуудан хайлт хийх, serverSearchText шинэ дотоод төлөвийг HomeScreen компонентод нэмэх
-
20:57Сэрвэрээс мэдээлэл татах хооронд түр хүлээнэ үү гэсэн тэмдэг үзүүлэх нь
-
11:13Номуудыг бүтэн дэлгэцээр скролддог болгох, зохиогчийн нэрсийг гаргах бусад жижиг засварууд
-
08:01Өөрийн хийсэн аппыг EXPO дээр байрлуулж утаснаасаа ажиллуулах
-
16:351234.mn дээр шинээр нэмэгдсэн хичээлүүдийг үзүүлдэг апп хийцгээе!
-
19:12Номын дэлгэрэнгүйг үзүүлэх дэлгэц рүү шилжих нь, navigation, useNavigation ашиглах
-
14:02Дэлгэц хооронд мэдээлэл дамжуулах, Navigation parameter ашиглах нь
-
18:23Async, await ашиглан сэрвэрээс унших, Номын мэдээллийг сэрвэрээс уншиж авчрах
-
23:22Өмнөх дэлгэц рүү параметер дамжуулах, navigation push, pop, popToTop, initialParams ашиглах
-
26:33Header өнгө, текст өнгө солих, Header текстийг параметрээр дамжуулах, header дээр зураг гаргах
-
23:10Header дээр товч байрлуулах, useLayoutEffect hook ашиглах
-
18:18Header дээрх бусад тохиргоонууд BACK товчийг өөрчлөх, тунгалаг болгох, useHeaderHeight hook ашиглах
-
08:43BACK товч дээрх ажиллагааг солих HeaderBackButton компонентийг ашиглан буцах үед баталгаажуулдаг болгох
-
16:23HamburgerMenu цэсийг баруун дээд өнцөгт хоёр янзаар хийж үзэцгээе, react-native-header-buttons ашиглах
-
11:28Drawer цэс нэмэх, StackNavigator.js файл руу navigation кодыг зөөх
-
10:14Бүртгүүлэх болон Логин дэлгэцийг нэмж Drawer цэсэнд холбоцгооё!
-
28:00REST апи дуудан хэрэглэгчийг аппаас бүртгэдэг болгох нь
-
13:45Хэрэглэгч бүртгэхэд сэрвэрээс илгээсэн шалгалтын мэдээллийг барьж авч апп дээрээ үзүүлэх нь
-
15:48AsyncStorage ашиглан утсанд мэдээлэл хадгалах, токенийг хадгалж гаргаж үзүүлэх
-
14:30Логин хийж нэвтрэх дэлгэцийг ажилладаг болгоцгооё! Нэвтрэх үед токенийг AsyncStorage ашиглан хадгална
-
29:39Контекст гэж юу вэ? Контекс ашиглан глобаль өгөгдөл үүсгэн ашиглах нь
-
31:24Логин хийхэд хэрэглэгчийн мэдээллийг контекстэд хадгалж цэсийг зохих ёсоор өөрчилье
-
19:01Бүртгүүлэх дэлгэцийг контексттой холбох, DRY зарчим хэрэгжүүлэх
-
19:18Гарах буюу Logout функцийг хэрэгжүүлцгээе!
-
31:18Програмыг ачаалагдах үед гарах SplashScreen дэлгэцийг хийж логин session-ийг сэргээцгээе!
-
27:45Нэвтэрсэн админ хэрэглэгчээр ном устгадаг болгоцгооё!
-
30:26Номыг устгасны дараа үндсэн номнуудын жагсаалтыг хэрхэн дахин сэрвэрээс ачаалж үзүүлэх вэ?
-
18:54Axios-ийн цаана байх XMLHttpRequest обьект хэрхэн cookie-г дотроо хадгалдаг тухай, logout хийх үед уг cookie-г цэвэрлэе
-
18:21Устгах үйлдэл хийхэд Authorization header дээр токеноо дамжуулж устгах үйлдлийг амжилттай хийх
-
26:52Drawer цэсийг өөрийн компонент ашиглан өөрчилцгөөе! React-native-paper сангийн Avatar компонентийг ашиглана.
-
09:54Өөрчилсөн Drawer цэсийг ажиллагаатай болгоё
-
35:19Шинэ ном нэмэх дэлгэц, FormText компонентийг бичих, StatusBar, Constants.js ашиглах
-
21:23Анимаци хэрхэн ашиглах вэ? Шинээр нэмж буй номын мэдээллийг дотоод төлөвт хадгалах
-
18:46Хэрэглэгч мэдээлэл оруулах үед анимаци бүхий алдааны мэдээллийг үзүүлдэг болгоцгооё!
-
17:16Switch компонент ашиглан номыг бестсэллэр мөн эсэхийг тохируулдаг болгоцгооё!
-
15:38Picker компонентийг ашиглан номын категориудаас сонгодог болгоё
-
08:24Picker компонент доторх категориудын мэдээллийг useCategory hook хэрэглэн сэрвэрээс авч ашиглая
-
29:59RadioButton компонентийг ашиглан номын категориудыг сонгож үзье!
-
22:01Шинэ номыг рест апи руу илгээж хадгалцгаая!
-
12:18Номыг сэрвэр рүү илгээх үед гарах алдааг үзүүлэх, категорийг сонгосон эсэхийг шалгах, хадгалах үед Spinner үзүүлэх
-
22:55Expo-ийн ImagePicker компонент ашиглан утаснаас зураг сонгох, зурагтай ажиллах эрхийг Permission хэрхэн хүсэх вэ?
-
14:35ios болон андройд төхөөрөмжийн тохиргооны дэлгэц рүү хэрхэн үсрэх вэ? Linking болон IntentLauncher ашиглах нь
-
16:29XMLHttpRequest обьект ашиглан номын зургийг сэрвэр рүү upload хийх нь
-
28:16Upload хийгдэх үед номын mime төрлийг олох, номын зургийг апп талаас нэрийг нь тооцоолж илгээх
-
22:14Файл upload хийгдэж буй процессийг хувиар дүрслэн үзүүлцгээе! (ProgressBar)
-
27:22Локал болон Push notification гэж юу вэ? Тохиргооны дэлгэцийг хийцгээе!
-
26:00Android утсан дээр локал notification гаргах, expo хувилбар нэмэгдүүлэх, кэш цэвэрлэх
-
16:59expo upgrade хийх үед апп маань ажиллахгүй болбол яах вэ? Хэрхэн пакэж хоорондын зөрчлийг шийдвэрлэх вэ?
-
06:49iOS дээр локал notification-ийг эрхийг асуун зөвшөөрүүлэх замаар ажилдаг болгох нь
-
19:46Хямдрал дуусах Notification-ийг хүлээн авч тухайн хямдарсан ном руу үсрэх, notification дээр дарахад хариу үйлдэл үзүүлье!
-
16:08Push notification буюу сэрвэрээс апп руу notification илгээж апп дээр хүлээн авч үзүүлэх нь
-
24:11Push Notification –ийг хэрхэн апп хооронд эсвэл бизнесийн сэрвэрээс апп руу дамжуулдаг вэ? APN ба FCM
-
10:14Нэг физик утаснаас нөгөө физик буюу бодит утас руу push notification илгээж үзэцгээе!
-
15:46Хэрхэн аппаа build хийж apk файлыг гаргаж авах вэ, app.json дээрх тохиргоог хийж android руу build хийцгээе!
-
28:08Splash дэлгэц бэлтгээд apk файлыг build хийн гарган авч утсан дээрээ суулгаж туршицгаая!
-
18:26Firebase api key тохируулах, Firebase project үүсгэн номын дэлгүүртэйгээ холбон build хийх нь
-
19:14Play Store дээр аппаа байрлуулах, Play console account үүсгэх, Play console дотор юу байдгийг харцгаая!
-
10:35Project-ийн aab файлыг бэлтгэх, HomeScreen дэлгэц дээрээс линк дээр дарж вэб рүү үсэрдэг болгох
-
23:51Play store дээр Амазон номын дэлгүүрийг байрлуулж дууслаа!
-
06:30Дараачийн төсөл: Миний дуртай газрууд (Redux, redux-thunk, Location service, Sqlite, Map, Map Pin...)
-
13:44Places төслийг шинээр үүсгэх, дөрвөн дэлгэц үүсгэж ReactNavigation холбоод ажиллуулах нь
-
19:13SQLite баз гэж юу вэ? Хэрхэн ашиглах вэ? документтэй танилцах, жишээ кодыг харах
-
18:17SQLite базыг үүсгэх db.js файлыг бичиж турших нь
-
23:16SQLite баз руу бичих, унших, устгах promise уудыг бичиж IIFE ашиглан шалгацгаая!
-
16:25Шинээр газар нэмдэг дэлгэц рүү товч даран үсрэх, дэлгэцүүдийн header тохиргоог хийх, MyHeaderButton
-
21:12Redux суулган тохируулах, action, reducer үүсгэж Шинээр газар нэмэх дэлгэцийг бэлтгэх
-
27:01useSelector, useDispatch hooks хэрэглэн redux-тэй ажиллах, шинэ газрыг хадгалах, бүх газруудыг Redux-аас үзүүлэх
-
16:30Redux-Thunk ашиглан action дотор sqlite-аас уншилт хийх, гарсан үр дүнг FlatList-ээр харуулах нь
-
32:19Камераар дуртай газрынхаа зургийг авч дэлгэцэнд гаргах, expo-image-picker ашиглацгаая!
-
27:46PlaceItem компонент бичих, газрын мэдээллийг базд хадгалах, FlatList сайжруулах нь
-
13:31LocationPicker, MapPreview компонентуудыг хийцгээе. Мөн үнэний нэг эх сурвалж зарчмаар ImagePicker-ийг сайжруулна
-
13:53Газрын зургийг апп дээрээ гаргах бэлтгэл, Google static maps api гэж юу вэ? Хэрхэн тохируулах вэ?
-
07:57Улаанбаатар хотын газрын зургийг апп дээрээ гаргаж туршицгаая!
-
19:10Утасны одоо байгаа байршлыг авч газрын зураг дээрээ гаргацгаая!
-
13:38MapView ашиглан газрын зургийг дэлгэц дүүрэн үзүүлэх, газрын зураг дээр зүү хатгах
-
34:17Газрын зураг дээр Marker буюу зүү байрлуулж хадгалах, маркерийн уртраг өргөргийг sqlite базд хадгалах
-
12:18Хадгалсан газруудаа эргэн орж үздэг PlaceDetailScreen дэлгэцийг хийцгээе!
-
21:28Уртраг өргөргөөс гудамжны хаягийг текстээр гаргаж авах Google webservice дуудаж апп дээрээ ашиглацгаая!
-
21:15Хадгалсан газраа устгах, DetailScreen дээрээс шилжихэд маркерийг өөрчилдөггүй болгож аппаа дуусгацгаая!
-
15:51Expo documentation сайттай дэлгэрэнгүй танилцаж хаана юу байдгийг нь судлая
-
08:04Expo төсөлд ашиглаж болох бусад гуравдагч компонентууд, сангуудыг хаанаас олж болох вэ?
-
09:22Expo managed workflow төслийн сул тал буюу хязгаарлалтуудтай танилцацгаая
-
14:32Expo managed VS Expo Bare VS React Native CLI хөгжүүлэлтийн гурван аргыг харьцуулж ойлгоцгооё!
-
28:08Mac дээр React Native CLI ашиглан АНДРОЙД төслийн тохиргоо хийж анхны project үүсгэж ажиллуулцгаая
-
05:33Mac дээр React Native CLI ашиглан IOS төслийн тохиргоо хийж анхны project үүсгэж ажиллуулцгаая
-
04:47React Native CLI аппыг физик aндройд гар утас дээр хэрхэн ажиллуулж үзэцгээе!
-
17:24Windows-д зориулсан Chocolatey болон NuGet package management системүүдтэй танилцая!
-
22:06Windows систем дээр Андройд хөгжүүлэлтийг тохируулж React Native CLI ашиглан анхны төслөө бичих
-
05:48andoid, ios хавтсуудад байгаа натив төслүүдийг xcode, android ашиглан ажиллуулж үзэцгээе!
-
15:59QR код апп дээрээ гаргаж ашиглаж үзэцгээе!
-
13:38React native cli кодыг хэрхэн хөгжүүлэх вэ? Жишээ болгоод QR кодтой жишээгээ хөгжүүлж үзье
-
16:31Bare төслийг шинээр үүсгэж ажиллуулж үзэх нь, Java heap санах ойг нэмэгдүүлж build хийх, build алдаануудтай ажиллах
-
21:49Дуртай газраа хадгалдаг Expo managed төслөө Eject хийн Bare төсөл рүү шилжүүлж, нэмэлт тохиргоог хийж ажиллуулж үзье!
-
05:54Bare төсөл (CarShop) дээр Expo-ийн видео үзүүлдэг компонентийг тохиуруулан оруулж ирж ашиглацгаая!
-
12:37Open source React Native төслүүдийг хайж олж судлан мэдлэг чадвараа дээшлүүлэх тухай
-
23:14Bare болон React native cli төслийг андройд дээр build хийх, тоон гарын үсгээр баталгаажуулсан bundle файлыг нь гаргаж авах нь
-
04:45Apple developer account буюу хөгжүүлэгчийн 99$ үнэтэй эрхийг хэрхэн худалдаж авах вэ?
-
03:26ios төслийг app store руу оруулахаар build хийх үед төлбөртэй аккаунт шаардагддагийг харцгаая!
-
13:10Apple хөгжүүлэгчийн эрх нээгдлээ! Expo managed төслийг ios дээр build хийж ipa файлыг гаргаж авцгаая!
-
21:38App Store дээр ios аппаа байрлуулцгаая!
-
20:22Bare болон React native cli төслийг хэрхэн Xcode дээр ios хувилбараар build хийж App Store руу байрлуулах нь
-
31:26Flutter ба React Native ямар ялгаатай вэ? Алийг нь сонгох вэ?
HTML5, CSS3 эхнээс нь дуустал! (Sass-ын
хамт)
Хугацаа: 29 цаг 40 мин | Сурагчид: 2698 | Үнэ:
49,000
|
|
Javascript хэлийг эхнээс нь дуустал!
Хугацаа: 52 цаг 21 мин | Сурагчид: 3000 | Үнэ:
49,000
|
|
React эхнээс нь дуустал!
Хугацаа: 42 цаг 2 мин | Сурагчид: 1734 | Үнэ:
49,000
|
|
NodeJS ExpressJS REST API Backend эхнээс нь
дуустал! (REACT вэб аппын хамт)
Хугацаа: 33 цаг 24 мин | Сурагчид: 1280 | Үнэ:
49,000
|
|
Flutter - Ухаалаг утасны апп хөгжүүлэлт (анхан
шат)
Хугацаа: 28 цаг 42 мин | Сурагчид: 934 | Үнэ:
49,000
|
|
Next.js блог вэб сайт эхнээс нь - орчин үеийн
вэб сайт хөгжүүлэлтийн шинэ давалгаа
Хугацаа: 19 цаг 46 мин | Сурагчид: 740 | Үнэ:
49,000
|
|
== Сурагчдын сэтгэгдлүүд ==
Энэ сургалтаар жижиг аппликейшнийг бүрэн хийж анхан шатны мэдлэгтэй болох бөгөөд монгол хэл дээр бүх хичээлээ заадаг учир ойлгохгүй гэх асуудал байддаггүй. Мөн Амараа багш маш ойлгомжтой заадаг учир гар утасны аппликейшнийг өөрийн хэл дээр эхнээс нь зөв цэгцтэй ойлголттой болж цаашид монгол аппликейшнийг дэлхийн тавцанд гаргахаар сайн программист болохын тулд сайн суралцаарай ????
Mash ih taalagdsan.
Hudaldaj awch uzsendee bayrtai bna.
Bayrlalaa
expo ашиглахгүй Amazon шиг нэг хичээл байвал бас зүгээр санагдлаа. Ямар асуудлууд үүсч байгаа, хэрхэн шийдэж байгаа гэх мэт.
Анх удаа сурч байгаа, ямарч анхан шатны мэдлэггүй хүүхдүүдэд ойлгомжтай байх үүднээс Сургалтанд ашиглаж байгаа компьютерыг огт юм суулгаагүй байхад нь видеогоо бичээд хэрхэн суулгаж байгааг харуулвал бас зүгээр санагдлаа. Би өмнө нь суулгачихсан гэхгүйгээр.
Баярлалаа.
Linux үйлдлийн системтэй компьютер дээр React Native , Expo CLI суулгах талаар хичээл бэлтгэж оруулбал сайн байна. Android Studio Emulator суулгаж ашиглах нь удаан, төвөгтэй, хатуу дискийн багтаамж шаарддаг зэрэг хүндрэлтэй байлаа. Тиймээс Genymotion Emulator г хэрхэн суулгаж ашиглах талаар хичээл хийж өгвөл их талархах байна.
Үнэхээр ч дараа нь урд нь ойлгоогүй зүйлээ "Өө ийм юм байсан байна шүү дээ" гэж ойлгочихсон явж байдаг. Монголын програмистууд 1000 түм болох болтугай.