- Afla despre aplicațiile web și cum diferă acestea de aplicațiile mobile
- Învăța despre diferitele opțiuni de codare și creare a aplicațiilor web
- Instala software-ul necesar pentru a crea o aplicație web
Acestea sunt activitățile pentru această lecție:
APLICAȚII WEB
Pentru proiectul tău Technovation, ai opțiunea de a crea o aplicație mobilă sau o aplicație web.
Pentru participanții care au mai participat la Technovation și sunt în căutarea unei noi provocări sau pentru participanții noi care au deja experiență în programare, ați putea lua în considerare crearea unei aplicații web pentru proiectul dumneavoastră Technovation.
Mulți participanți vor opta pentru construirea unei aplicații mobile, cu unul dintre constructorii de aplicații propuși de noi, App Inventor sau Thunkable. Dacă sunteți novice în programare sau știți că doriți să utilizați App Inventor sau Thunkable pentru a vă programa aplicația, puteți sări peste această lecție!
Realizarea unei aplicații web implică codarea pe bază de text și este mai avansată decât codarea pe bază de blocuri cu App Inventor sau Thunkable.
Să începem cu o analiză a diferenței dintre aplicațiile mobile, aplicațiile web și aplicațiile web progresive.
Aplicație mobilă
- un program care rulează nativ pe telefon
- descărcat și instalat pe dispozitiv
- poate accesa funcțiile telefonului, cum ar fi GPS și camera foto
- specifice platformei (iOS sau Android)
- codificate cu anumite limbaje pentru a se potrivi sistemului de operare
Aplicație web
- arată foarte mult ca o aplicație mobilă
- rulează într-un browser de internet
- nu este nativ pentru un anumit dispozitiv (iOS sau Android)
- este în general codat cu HTML, CSS, Javascript și Python
- nu poate rula atunci când este offline
Aplicație web progresivă
- tip special de aplicație web care este un hibrid între o aplicație mobilă și o aplicație web
- rulează într-un browser
- poate fi, de asemenea, instalată pe dispozitivul mobil ca o aplicație mobilă obișnuită
- poate rula chiar și atunci când utilizatorul este offline
Rețineți că o aplicație web diferă de un site web. Un site web este static, codat folosind HTML și CSS. Aplicațiile web sunt dinamice și se schimbă, pe baza datelor introduse de utilizator și a altor interacțiuni externe. Pentru proiectul dumneavoastră Technovation, un site web nu este acceptabil.
Vom explora câteva opțiuni pentru începători pentru crearea de aplicații web.
O mare diferență față de platformele de creare a aplicațiilor pe care le abordăm pentru aplicațiile mobile este că veți crea o aplicație web utilizând un limbaj de programare bazat pe text în loc de un limbaj bazat pe blocuri.
Există două limbaje principale care sunt utilizate pentru a crea aplicații web.
JAVASCRIPT
Javascript, sau JSeste un limbaj de scripting. Aceasta înseamnă că codul este executat la momentul rulării, în loc să fie compilat, ca o aplicație mobilă. Este ca și cum un actor și-ar parcurge scenariul în timpul unui spectacol de fiecare dată când spectacolul rulează.
Javascript este adesea combinat cu HTML și CSS pentru a crea site-uri web. HTML și CSS sunt utilizate pentru a crea site-uri web statice, care pot prezenta informații, dar nu se modifică. Javascript adaugă interactivitate și capacitatea site-ului de a se schimba și actualiza în funcție de factori externi. Iar un site web dinamic și interactiv este, în esență, o aplicație web.
PYTHON
Python este un limbaj de programare cu scop general foarte popular. Python este atât un limbaj de programare și un limbaj de scripting, deci poate fi compilat pentru a rula, dar poate fi și executat în timp real.
Este văzut ca un limbaj simplu, versatil și accesibil pentru noii programatori. Acesta este utilizat în multe aspecte diferite ale dezvoltării de software. Un domeniu este dezvoltarea web. O alta este învățarea automată. Așadar, Python este o opțiune excelentă pentru a învăța și a dezvolta aplicații web AI mai avansate.
În acest curriculum, ne vom concentra pe crearea de aplicații web cu Python. Pentru a construi cu ușurință o aplicație web folosind Python, vom folosi un cadru numit Streamlit. Streamlit vă permite să construiți aplicații web puternice și interactive cu puțin cod. Acesta este specializat în aplicații care implică date și vă permite să utilizați cu ușurință bibliotecile Python de învățare automată pentru a încorpora inteligența artificială în aplicațiile dvs.
Iată câteva caracteristici principale.
- O opțiune bună pentru persoanele care au multă experiență în codarea bazată pe blocuri și care caută o nouă provocare
- Bun pentru persoanele care au făcut unele coduri bazate pe text
- Limbaj foarte versatil, utilizat pe scară largă
- Va trebui să instalați un software pe computer
- Python și bibliotecile asociate
- Un editor de cod
- Streamlit are opțiunea de a rula în browser, utilizând Github
- Vom aborda dezvoltarea în browser și pe mașina locală
- Puteți utiliza AI cu acesta
- Cel mai popular limbaj pentru construirea și utilizarea modelelor de învățare automată
- Vom folosi Jupyter Notebooks în acest curriculum pentru construirea de modele
PRIMII PAȘI
Pentru a codifica aplicații web pentru proiectul tău Technovation, vei avea nevoie de:
- un computer sau laptop
- Acces la internet
Ar trebui să vă simțiți confortabil în utilizarea ferestrei Terminal pe Mac sau Linux și a ferestrei Terminal sau Command prompt pe Windows. Dacă nu aveți experiență sau chiar nu știți ce este fereastra Terminal, atunci consultați aceste videoclipuri pentru începători înainte de a trece la activitate.
Urmăriți videoclipul corespunzător pentru sistemul dvs. de operare.
Utilizarea terminalului
17:03
14:50
12:40
Vom acoperi două opțiuni pentru dezvoltarea aplicațiilor web. Puteți codifica fie pe computerul sau laptopul dvs., fie puteți codifica totul în cloud. Puteți alege oricare dintre opțiuni, dar este recomandat să alegeți una dintre ele și să rămâneți la ea pe parcursul proiectului Technovation. Cunoașterea modului de utilizare a comenzilor de terminal de mai sus este utilă pentru oricare dintre opțiuni.
Iată câteva argumente pro și contra pentru fiecare.
PE COMPUTERUL DVS.
PRO:
- Fișierele sunt salvate pe computerul dvs.
- Învățați să utilizați Visual Studio Code, un IDE foarte popular
- Veți învăța multe despre utilizarea ferestrei terminal, instalarea pachetelor etc
- Control complet și alegere a software-ului utilizat
- Poate codifica fără a avea nevoie de acces permanent la internet
CONTRA:
- Nu este ușor să partajați fișiere și cod împreună cu echipa dvs.
- Instalarea pachetelor poate fi foarte frustrantă și poate lua mult timp pentru configurare
- Potențial de pierdere a fișierelor dacă computerul se blochează
ÎN CLOUD
PRO:
- Fișierele sunt stocate în cloud
- Nu este nevoie să instalați nimic pe computer
- Link automat către Github pentru scopuri de portofoliu
- Ușor de partajat și codificat în echipă
CONTRA:
- Nu vor avea experiența utilizării de software la nivel local
- Dependența de conexiunea la internet
Alegeți Activitatea A sau Activitatea B, în funcție de faptul dacă doriți să codificați local pe computer sau în cloud.
ACTIVITATEA A: ÎNCEPEȚI SĂ LUCRAȚI CU PYTHON PE COMPUTERUL DVS.
INSTALAȚI SOFTWARE-UL ȘI CODIFICAȚI APLICAȚIA STARTER
- Pasul 1: Instalați Python. Aici este un set bun de instrucțiuni pentru Windows, Mac sau Linux.
- Pasul 2: Instalați un editor de cod și Streamlit. Acest videoclip vă arată cum să instalați Visual Studio Code și apoi să instalați Streamlit pentru a-l rula din editorul de cod.
- Pasul 3: Rulați o aplicație web Streamlit foarte simplă în mediul VS Code urmând acest videoclip.
- Sărbătorește prin realizarea unei capturi de ecran a primei tale aplicații web și trimite-o cu o notă mentorului tău!
ACTIVITATEA B: ÎNCEPEȚI CU PYTHON ÎN CLOUD
CREAȚI CONTURI ȘI CODIFICAȚI O APLICAȚIE
REVIZUIREA TERMENILOR CHEIE
- Aplicație web - aplicație care arată ca o aplicație mobilă, dar rulează într-un browser de internet și este codată folosind HTML, CSS și Javascript sau Python
REFLECȚIE
Felicitări pentru încercarea de codare bazată pe text! Iată câteva întrebări de reflecție pe care să le analizați împreună cu echipa dvs. și cu mentorul dvs.
RESURSE SUPLIMENTARE
Va trebui să consultați documentația și asistența pentru a obține ajutor în lucrul cu Python și Streamlit. Mai jos sunt câteva locuri bune pentru a începe.
- Ghidul pentru începătoriPython.org are câteva linkuri bune pentru a învăța mai multe Python.
- Galeria de aplicații Streamlit
- Lista de redare completă a cursului Streamlit de la Nileg Production
