- Web uygulamaları ve bunların mobil uygulamalardan farkları hakkında bilgi edinin
- Web uygulamaları kodlama ve oluşturma için farklı seçenekler hakkında bilgi edinin
- Web uygulaması oluşturmak için gerekli yazılımı yükleyin
Bu dersin etkinlikleri şunlardır:
WEB UYGULAMALARI
Technovation projeniz için, bir mobil uygulama veya web uygulamasıoluşturma
Daha önce Technovation'a katılmış ve yeni bir meydan okuma arayan katılımcılar veya önceden kodlama deneyimi olan yeni katılımcılar için, Technovation projeniz için bir web uygulaması yapmayı düşünebilirsiniz.
Birçok katılımcı, önerdiğimiz uygulama geliştiricilerinden biri olan App Inventor veya Thunkable ile bir mobil uygulama geliştirmeyi tercih edecektir. Kodlama konusunda yeniyseniz veya uygulamanızı kodlamak için App Inventor veya Thunkable kullanmak istiyorsanız, bu dersi atlayabilirsiniz!
Web uygulaması yapmak, metin tabanlı kodlama gerektirir ve App Inventor veya Thunkable ile blok tabanlı kodlamadan daha ileri düzeydedir.
Mobil uygulamalar, web uygulamaları ve aşamalı web uygulamaları arasındaki farkları gözden geçirerek başlayalım.
Mobil Uygulama
- telefonda yerel olarak çalışan bir program
- cihaza indirildi ve yüklendi
- telefonun GPS ve kamera gibi özelliklerine erişebilir
- platforma özgü (iOS veya Android)
- işletim sistemine uygun belirli dillerle kodlanmış
Web Uygulaması
- mobil uygulamaya çok benziyor
- internet tarayıcısında çalışır
- belirli bir cihaza (iOS veya Android) özgü olmayan
- genellikle HTML, CSS, Javascript ve Python ile kodlanır
- çevrimdışı olduğunda çalıştırılamaz
Aşamalı Web Uygulaması
- mobil uygulama ile web uygulaması arasında bir melez olan özel bir web uygulaması türü
- tarayıcıda çalışır
- ayrıca normal bir mobil uygulama gibi mobil cihaza da yüklenebilir
- kullanıcı çevrimdışı olduğunda bile çalışabilir
Web uygulaması ile web sitesi arasında fark olduğunu unutmayın. Web sitesi statiktir ve HTML ve CSS kullanılarak kodlanmıştır. Web uygulamaları ise dinamiktir ve kullanıcı girdileri ve diğer dış etkileşimlere göre değişir. Technovation projeniz için web sitesi kabul edilemez.
Web uygulamaları oluşturmak için bazı başlangıç seçeneklerini inceleyeceğiz.
Mobil uygulamalar için ele aldığımız uygulama geliştirme platformlarından en büyük farkı, blok tabanlı bir dil yerine metin tabanlı bir programlama dili kullanarak web uygulaması oluşturacaksınız.
Web uygulamaları oluşturmak için kullanılan iki ana dil vardır.
JAVASCRIPT
Javascript, veya JS, bir komut dosyası dilidir. Bu, kodun mobil uygulama gibi derlenmek yerine çalışma zamanında yürütüldüğü anlamına gelir. Bu, bir aktörün her gösteride senaryosunu oynadığı gibi bir şeydir.
Javascript, web siteleri oluşturmak için genellikle HTML ve CSS ile birlikte kullanılır. HTML ve CSS, bilgileri sunabilen ancak değişmeyen statik web siteleri oluşturmak için kullanılır. Javascript, web sitesine etkileşim özelliği ve dış faktörlere göre değişip güncellenme yeteneği ekler. Dinamik, etkileşimli bir web sitesi ise esasen bir web uygulamasıdır.
PYTHON
Python çok popüler bir genel amaçlı programlama dilidir. Python hem bir programlama dili ve bir komut dosyası dilidir, bu nedenle çalıştırılmak üzere derlenebilir, ancak çalışma zamanında da yürütülebilir.
Yeni kodlayıcılar için erişilebilir, basit ve çok yönlü bir dil olarak görülmektedir. Yazılım geliştirmenin birçok farklı alanında kullanılmaktadır. Bunlardan biri web geliştirmedir. Bir diğeri ise makine öğrenimidir. Bu nedenle Python, daha gelişmiş AI web uygulamalarını öğrenmek ve geliştirmek için harika bir seçenektir.
Bu müfredatta, Python ile web uygulamaları oluşturmaya odaklanacağız. Python kullanarak kolayca bir web uygulaması oluşturmak için, Streamlit adlı bir çerçeve kullanacağız. Streamlitadlı bir çerçeve kullanacağız. Streamlit, az miktarda kodla güçlü, etkileşimli web uygulamaları oluşturmanıza olanak tanır. Veri içeren uygulamalarda uzmanlaşmıştır ve Python makine öğrenimi kütüphanelerini kolayca kullanarak uygulamalarınıza yapay zeka eklemenizi sağlar.
İşte bazı temel özellikler.
- Blok tabanlı kodlama konusunda çok deneyimli ve yeni bir meydan okuma arayan kişiler için iyi bir seçenek.
- Metin tabanlı kodlama yapmış kişiler için uygun
- Çok yönlü ve yaygın olarak kullanılan dil
- Bilgisayarınıza yazılım yüklemeniz gerekecektir.
- Python ve ilgili kütüphaneler
- Bir kod düzenleyici
- Streamlit, Github kullanarak tarayıcıda çalıştırma seçeneğine sahiptir.
- Tarayıcıda ve yerel makinenizde geliştirme işlemlerini ele alacağız.
- Bununla birlikte yapay zeka kullanabilirsiniz.
- Makine öğrenimi modellerini oluşturmak ve kullanmak için en popüler dil
- Bu müfredatta model oluşturmak için Jupyter Notebooks kullanacağız.
BAŞLANGIÇ
Technovation projeniz için web uygulamaları kodlamak için şunlara ihtiyacınız olacak:
- bir bilgisayar veya dizüstü bilgisayar
- İnternet erişimi
Mac veya Linux'ta Terminal penceresini ve Windows'ta Terminal veya komut istemini kullanmaya biraz alışık olmalısınız. Deneyiminiz yoksa veya Terminal penceresinin ne olduğunu bilmiyorsanız, etkinliğe geçmeden önce bu başlangıç seviyesindeki videoları izleyin.
İşletim sisteminize uygun videoyu izleyin.
Terminal'i kullanma
17:03
14:50
12:40
Web uygulamaları geliştirmek için iki seçeneği ele alacağız. Bilgisayarınızda veya dizüstü bilgisayarınızda kod yazabilir ya da her şeyi bulutta kodlayabilirsiniz. Her iki seçenekten birini tercih edebilirsiniz, ancak Technovation projeniz boyunca tek bir seçenek belirleyip ona sadık kalmanız önerilir. Yukarıdaki terminal komutlarını kullanmayı bilmek her iki seçenek için de yararlı olacaktır.
İşte her birinin artıları ve eksileri.
BİLGİSAYARINIZDA
ARTILAR:
- Dosyalar bilgisayarınıza kaydedilir.
- Çok popüler bir IDE olan Visual Studio Code'u kullanmayı öğrenin
- Terminal penceresini kullanma, paketleri yükleme vb. konular hakkında çok şey öğreneceksiniz.
- Kullanılan yazılımın tam kontrolü ve seçimi
- İnternet erişimine her zaman ihtiyaç duymadan kod yazabilir
EKSİLERİ:
- Ekibinizle dosya ve kod paylaşmak kolay değil
- Paketleri yüklemek çok sinir bozucu olabilir ve kurulum çok zaman alabilir.
- Bilgisayar çökerse dosya kaybı olasılığı
BULUTTA
ARTILAR:
- Dosyalar bulutta depolanır
- Bilgisayarınıza hiçbir şey yüklemenize gerek yok
- Portföy amaçlı Github'a otomatik bağlantı
- Ekip olarak paylaşması ve kodlaması kolay
EKSİLERİ:
- Yazılımı yerel olarak kullanma deneyimi olmayacak
- İnternet bağlantısına bağımlılık
Bilgisayarınızda yerel olarak kodlama mı yoksa bulutta kodlama mı yapmak istediğinize bağlı olarak Etkinlik A veya Etkinlik B'yi seçin.
ETKİNLİK A: BİLGİSAYARINIZDA PYTHON'A BAŞLAYIN
YAZILIMI VE CODE STARTER UYGULAMASINI YÜKLEYİN
- Adım 1: Python'u yükleyin. İşte Windows, Mac veya Linux için iyi bir talimat seti .
- Adım 2: Bir kod düzenleyici ve Streamlit yükleyin. Bu video, Visual Studio Code'u yüklemeyi ve ardından Streamlit'i kod düzenleyiciden çalıştırmak için yüklemeyi gösterir.
- Adım 3: Bu videoyu izleyerek VS Code ortamında çok basit bir Streamlit web uygulaması çalıştırın .
- İlk web uygulamanızın ekran görüntüsünü alarak kutlayın ve mentorunuza bir notla birlikte gönderin!
ETKİNLİK B: BULUTTA PYTHON'A BAŞLAYIN
HESAP OLUŞTURMA VE UYGULAMA KODLAMA
ANAHTAR TERİMLERİN GÖZDEN GEÇİRİLMESİ
- Web Uygulaması – mobil uygulama gibi görünen, ancak internet tarayıcısında çalışan ve HTML, CSS ve Javascript veya Python kullanılarak kodlanan uygulama
YANSIMA
Metin tabanlı kodlamayı denediğiniz için tebrikler! İşte ekibiniz ve mentorunuzla birlikte düşünmeniz için bazı yansıtma soruları.
EK KAYNAKLAR
Python ve Streamlit ile çalışmak için yardım almak üzere belgelere ve desteğe başvurmanız gerekecektir. Aşağıda başlamak için uygun bazı kaynaklar bulunmaktadır.
- Python.org başlangıç kılavuzunda Python hakkında daha fazla bilgi edinmek için bazı yararlı bağlantılar bulunmaktadır.
- Streamlit'in Uygulama Galerisi
- Nileg Production'ın tam Streamlit kursu oynatma listesi
