- Веб-бағдарламалар және олардың мобильді бағдарламалардан қалай ерекшеленетіні туралы ақпарат алыңыз
- Веб-бағдарламаларды кодтау және құрудың әр түрлі параметрлері туралы ақпарат алу
- Веб-бағдарламаны құру үшін қажетті бағдарламалық қамтамасыз етуді орнату
Бұл сабаққа арналған іс-шаралар:
WEB APPS
Technovation жобасы үшін мобильді қосымшаны немесе веб-бағдарламаны құру мүмкіндігі бар.
Бұрын Technovation бағдарламасына қатысқан және жаңа сын іздеген қатысушылар үшін немесе алдын ала кодтау тәжірибесі бар жаңа қатысушылар үшін Technovation жобасы үшін веб-бағдарламаны жасау мүмкіндігін қарастыруыңыз мүмкін.
Көптеген қатысушылар мобильді қолданбаны жасауды таңдайды, оған біздің ұсынған қолданба жасаушылардың бірі App Inventor немесе Thunkable. Егер сіз кодтауды жаңадан бастасаңыз немесе қолданбаңызды кодтау үшін App Inventor немесе Thunkable қолданбаларын пайдаланғыңыз келетінін білсеңіз, бұл сабақты өткізіп жіберуіңізге болады!
Веб-бағдарламаны жасау мәтінге негізделген кодтауды көздейді және App Inventor немесе Thunkable бағдарламасымен блокқа негізделген кодтауға қарағанда анағұрлым жетілдірілген.
Мобильді бағдарламалар, веб-бағдарламалар және прогрессивті веб-бағдарламалар арасындағы айырмашылықты шолудан бастайық.
Mobile бағдарламасы
- телефонмен жұмыс iстейтiн бағдарлама
- құрылғыға жүктелетін және орнатылған
- GPS және камера сияқты телефон мүмкіндіктеріне қатынаса алады
- платформаға тән (iOS немесе Android)
- операциялық жүйеге сәйкес келетін нақты тілдермен кодталған
Web App
- мобильді бағдарламаға көп ұқсайды
- интернет-браузерде іске қосады
- белгілі бір құрылғыға туған емес (iOS немесе Android)
- жалпы HTML, CSS, Javascript және Python кодталған
- офлайн режимінде іске қосу мүмкін емес
Прогрессивті веб-бағдарлама
- мобильді қолданба мен веб-бағдарламаның гибридті болып табылатын арнайы веб-бағдарлама түрі
- браузерде іске қосады
- сондай-ақ мобильді құрылғыда тұрақты мобильді қосымша сияқты орнатылуы мүмкін
- пайдаланушы офлайн режимінде болған кезде де іске қосуға болады
Веб-бағдарлама веб-сайттан ерекшеленетінін ескеріңіз. Веб-сайт статикалық, HTML және CSS көмегімен кодталған. Веб-бағдарламалар динамикалық және өзгермелі, пайдаланушыларды енгізуге және басқа да сыртқы өзара әрекеттесулерге негізделген. Technoveation жобасы үшін веб-сайт қолайлы емес.
Веб-бағдарламаларды жасаудың кейбір жаңадан бастаған нұсқаларын зерттейміз.
Мобильді бағдарламалар үшін қамтыған бағдарлама құру платформаларынан үлкен айырмашылықтардың бірі блокқа негізделген тілдің орнына мәтінге негізделген бағдарламалау тілін пайдаланып веб-бағдарламаны жасайсыз.
Веб-бағдарламаларды жасау үшін қолданылатын негізгі екі тіл бар.
JAVASCRIPT
Javascript немесе JS - сценарий тілі. Бұл код мобильді қолданба сияқты құрастырудың орнына орындалу уақытында орындалатынын білдіреді. Бұл шоу әр кезде шоу кезінде өзінің сценарийін тексеретін актер сияқты.
Javascript көбінесе веб-сайттарды жасау үшін HTML және CSS-пен біріктіріледі. HTML және CSS мәліметтерді көрсете алатын, бірақ өзгермейтін статикалық веб-сайттарды жасау үшін пайдаланылады. Javascript интерактивті және сыртқы факторларға негізделген веб-сайтты өзгерту және жаңарту мүмкіндігін қосады. Ал динамикалық, интерактивті веб-сайт негізінен веб-бағдарлама болып табылады.
PYTHON
Python - өте танымал жалпы мақсаттағы бағдарламалау тілі. Python - бұл бағдарламалау тілі де, сценарий тілі де, сондықтан оны іске қосу үшін құрастыруға болады, бірақ орындау уақытында орындауға болады.
Ол жаңа кодерлер үшін қол жетімді қарапайым, жан-жақты тіл ретінде қарастырылады. Ол бағдарламалық жасақтаманы әзірлеудің әртүрлі аспектілерінде қолданылады. Бір сала – веб-әзірлеу. Тағы бір түрі - машиналық оқыту. Сонымен, Python - жетілдірілген AI веб-қосымшаларын үйрену және дамыту үшін тамаша мүмкіндік.
Бұл оқу бағдарламасында біз Python көмегімен веб-бағдарламаларды жасауға назар аударамыз. Python көмегімен веб-бағдарламаны оңай құру үшін біз Streamlit деп аталатын құрылымды қолданамыз. Streamlit аз кодпен қуатты, интерактивті веб-бағдарламаларды жасауға мүмкіндік береді. Ол деректерді қамтитын қолданбаларға маманданған және қолданбаларыңызға AI қосу үшін Python машиналық оқыту кітапханаларын оңай пайдалануға мүмкіндік береді.
Мұнда кейбір негізгі ерекшеліктер берілген.
- Блоктарға негізделген кодтау тәжірибесі көп және жаңа сын іздеп жүрген адамдар үшін жақсы нұсқа
- Мәтінге негізделген кодтауды жасаған адамдар үшін жақсы
- Кеңінен қолданылатын өте жан-жақты тіл
- Компьютерге бағдарламалық жасақтаманы орнату қажет болады
- Python және онымен байланысты кітапханалар
- Код өңдегіші
- Streamlit браузерде Github арқылы іске қосу параметрі бар
- Біз бұл нұсқаны осы оқу бағдарламасында қамтымаймыз
- Онымен AI пайдалануға болады
- Машиналық оқыту модельдерін құруға және пайдалануға арналған ең танымал тіл
- Үлгі жасау үшін осы оқу бағдарламасында Jupyter дәптерлерін қолданамыз
ЖҰМЫСТЫ БАСТАУ
Technovation жобаңызға веб-қолданбаларды кодтау үшін сізге қажет:
- компьютер немесе ноутбук
- Интернетке қатынасу
Mac немесе Linux жүйесіндегі Терминал терезесін және Windows жүйесіндегі Терминал немесе пәрмен сұрауын пайдалану біршама ыңғайлы болуы керек. Егер тәжірибеңіз болмаса немесе тіпті Терминал терезесінің не екенін білмесеңіз, әрекетке көшпес бұрын осы жаңадан бастаған бейнелерді тексеріңіз.
Операциялық жүйеңізге арналған тиісті бейнені қараңыз.
Біз веб-қосымшаларды әзірлеудің екі нұсқасын қарастырамыз. Сіз компьютерде немесе ноутбукте кодтай аласыз немесе бұлтта барлығын кодтай аласыз. Сіз кез келген опцияны таңдай аласыз, бірақ бір опцияны таңдап, оны Technovation жобаңыз арқылы ұстану ұсынылады. Жоғарыдағы терминал пәрмендерін қалай пайдалану керектігін білу кез келген опциямен ыңғайлы.
Мұнда әрқайсысы үшін кейбір артықшылықтар мен кемшіліктер бар.
КОМПЬЮТЕРДЕ
ПОСЫ:
- Файлдар компьютерде сақталады
- Өте танымал IDE Visual Studio кодын пайдалануды үйреніңіз
- Сіз терминал терезесін пайдалану, бумаларды орнату және т.б. туралы көп нәрсені білесіз
- Толық бақылау және пайдаланылатын бағдарламалық құралды таңдау
- Әрқашан интернетке қосылуды қажет етпей-ақ кодтай алады
ЖАҒЫМСЫЗ ЖАҚТАРЫ:
- Топпен файлдар мен кодты бөлісу оңай емес
- Пакеттерді орнату өте қиын болуы мүмкін және орнатуға көп уақыт кетуі мүмкін
- Компьютер бұзылған жағдайда файлдарды жоғалту ықтималдығы
БҰТТА
ПОСЫ:
- Файлдар бұлтта сақталады
- Компьютерге ештеңе орнатудың қажеті жоқ
- Портфолио мақсаттары үшін Github-қа автоматты сілтеме
- Топ ретінде бөлісу және кодтау оңай
ЖАҒЫМСЫЗ ЖАҚТАРЫ:
- Бағдарламалық құралды жергілікті пайдалану тәжірибесі болмайды
- Интернетке қосылуға тәуелділік
Компьютерде немесе бұлтта кодтағыңыз келетініне байланысты A әрекетін немесе B әрекетін таңдаңыз.
А ӘРЕКЕТІ: КОМПЬЮТЕРДЕ PYTHON МЕНЕН БАСТАҢЫЗ
БАҒДАРЛАМАЛЫҚ ЖАСАҚТАМАНЫ ОРНАТУ - CODE STARTER БАҒДАРЛАМАСЫ
- 1-қадам: Python бағдарламасын орнату. Мұнда Window, Mac немесе Linux үшін жақсы нұсқаулар жиынтығы берілген.
- 2-қадам: Код өңдегішін және Streamlit орнатыңыз. Бұл бейнеде Visual Studio кодын орнату, содан кейін оны код өңдегішінен іске қосу үшін Streamlit орнату жолы көрсетілген.
- 3-қадам: Осы бейнені орындау арқылы VS Code ортасында өте қарапайым Streamlit веб-бағдарламасын іске қосыңыз.
- Алғашқы веб-бағдарламаңыздың скриншотын алып, оны тәлімгеріңізге жазбамен жіберу арқылы атап өтіңіз!
B ӘРЕКЕТІ: БҰТТА PYTHON МЕНЕН БАСТАУ
ТЕГІН ЖАСАУ ЖӘНЕ ҚОЛДАНБА КОДТАҢЫЗ
НЕГІЗГІ ТЕРМИНДЕРГЕ ШОЛУ
- Web App – мобильді бағдарламаға ұқсайтын, бірақ интернет-браузерде іске қосатын және HTML, CSS және Javascript немесе Python көмегімен кодталған бағдарлама
РЕФЛЕКСИЯ
Кейбір мәтінге негізделген кодтауды сынап көруіңізбен құттықтаймын! Мұнда ұжымыңызбен және тәлімгеріңізбен қарауға болатын кейбір рефлексия сұрақтары берілген.
ҚОСЫМША РЕСУРСТАР
Python > Streamlit-пен жұмыс істеуге көмек көрсету үшін құжаттама мен қолдауға сілтеме жасауыңыз қажет. Төменде бастауға арналған кейбір жақсы орындар берілген.
- Python.org бастаушы нұсқаулығында Python тілін көбірек білу үшін жақсы сілтемелер бар.
- Streamlit бағдарламасының жиынтығы
- Nileg Production толық Streamlit курс плей-офф тізімі
