ASLIHAN KARATAŞ

İlk Basit HTML kodu Arkaplan rengi değiştirme Not: style=”background-color: yellow;”: Bu, body etiketine doğrudan CSS ile stil ekler ve arka plan rengini sarıya çevirir. Diğer renkler için CSS renk adlarını veya hex kodlarını kullanabilirsin (örneğin, #ff5733). Arkaplana resim ekleme Yazı rengi değiştirme Bir alt satıra geçme Yorum Satırı HTML’de yorumlar şu şekilde yazılır: Sayfaya yatay çizgi çizdirmek Kalın Yazı İtalik yazı Altı çizili yazı Vurgulu yazı Boşluk karakteri Üstü çizili Alıntı yapma Başlık etiketleri Link vermek Başka sayfada link vermek Başka html kod sayfasına yönlendirme

Doğum tarihi girilen kişinin yaşını hesaplayan programın algoritma ve akış diyagramı Algoritma 1- Başla2- dyili, yil, yas3- dyili,yil gir4- yas=yil-dyili5- Yazdır yas6- Bitir Akış Diyagramı Girilen sayının faktöriyelini bulan programın algoritma ve akış diyagramı Algoritma 1- Başla2- sayi , fak=13- sayi gir4- fak=fak*sayi5- sayi —6- Eğer sayi=1 ise devam et ,değilse 4’e git7- Yazdır fak8- Bitir Akış Diyagramı

Kullanıcının girdiği iki sayının karelerinin toplamını görüntüleyen programın algoritma ve akış diyagramı Algoritma 1- Başla2- sayi1,sayi2,top3- sayı1,sayi2 gir4- top=(sayi1^2)+(sayi2^2)5- yazdır top6- Bitir Akış Diyagramı 1’den 100’e kadar olan sayılarının küplerinin toplamını bulan programın algoritma ve akış diyagramı Algoritma 1- Başla2- sayi=1,toplam=03- toplam=toplam+(sayi^3)4- sayi++5- Eğer sayi=101 ise devam et,değilse 3’e git6- Yazdır toplam7- Bitir Akış Diyagramı Girilen sayının pozitif mi yoksa negatif mi yoksa olduğunu bulan akış diyagramı

Bir otomobilin trafik ışığına göre hareket etmesini sağlayan programın algoritmasını yazınız. Bir su ısıtıcısı içerisindeki suyu 100 dereceye kadar ısıtan programın algoritmasınız yazınız. Çay Demleme Algoritması Kullanıcıdan alınan 2 sayının toplamını veren programın algoritmasını yazınız ve akış diyagramı Algoritma Akış Diyagramı

Editör (Code Editor) Editör, bir programcının kod yazmak ve düzenlemek için kullandığı yazılımdır. Genellikle yazım hatalarını vurgulama, otomatik tamamlama ve sözdizimi renklendirme gibi özelliklerle kod yazımını kolaylaştırır. Bir editör sadece kod yazma aracı olup, kodu çalıştırma veya hatalarını bulma işlemlerini yapmaz. Özellikleri: Örnek Editörler: Visual Studio Code, Sublime Text, Atom. Derleyici (Compiler) Derleyici, bir programlama dilinde yazılmış kaynak kodunu makine diline veya çalıştırılabilir bir formata dönüştüren yazılımdır. Bu işlem sonucunda bir .exe veya benzeri bir dosya üretilir. Derleyici, kodun tamamını bir seferde çevirir ve çalıştırılabilir dosya oluşturur. Eğer kodda hata varsa, derleme aşamasında bunlar tespit edilir ve raporlanır. Özellikleri: Örnek Derleyiciler: GCC (C/C++), javac (Java), MSVC (Visual Studio). Yorumlayıcı (Interpreter)…

UI (User Interface) Kullanıcı Arayüz Tasarımı UI, kullanıcı arayüz tasarımı anlamına gelir. Örneğin kullanmış olduğunuz telefonun ekranındaki tüm her şey bir arayüz tasarımıdır. İkonların yerleri, renkleri ve büyüklüğü tasarımcının verdiği kararlar sonucu uygulanır. Arayüz tasarımının web sitelerindeki karşılığı ise resimler, butonlar, çizgiler, renkler, sayfa yapısı ve boşluklar gibi tüm grafik elemanlardan oluşan görsel tasarımdır. UX (User Experience) Kullanıcı Deneyimi Tasarımı UX – kullanıcı deneyimi tasarımı bir arayüz tasarımı yapmaktan çok kullanıcıların site üzerindeki etkileşiminin nasıl olacağıyla ilgilenmektedir. UI VE UX Arasındaki Farklar Örneğin, Bir mobil uygulama düşünelim. Bu uygulama nasıl görünüyor? Ana ekranında hangi menüler var? Kullanıcı profil sayfası nerede? Bildirimler nasıl düzenlenmiş? Uygulamanın renk paleti ve ikonları hangi tarza…

Flowchart (akış şeması), bir sürecin veya algoritmanın adım adım nasıl ilerlediğini gösteren diyagramlardır. Bu diyagramlar, belirli bir işin ya da problemin çözümüne giden yolu görselleştirir. Flowchart, mühendislik ve yazılım geliştirme ve iş süreçlerinin düzenlenmesi gibi alanlarda yaygın olarak kullanılır. Doğrudan akış şemaları oluşturmak için kullanılabilecek bazı popüler programlar şunlardır: Flowchart’ın temel kullanım alanları ve işlevleri şunlardır: 1. Süreçlerin Görselleştirilmesi: 2. Algoritmaların Planlanması 3. Problem Çözme 4. Karar Alma Süreçlerinin Görselleştirilmesi 5. İş Akışlarının Tasarımı 6. Programlama ve Yazılım Tasarımı

Adımlar Örnek

Her ne kadar Python programlama dili ile ilgili çoğu görsel malzemenin üzerinde bir yılan resmi görsek de, Python kelimesi aslında çoğu kişinin zannettiği gibi piton yılanı anlamına gelmiyor. Python Programlama Dili, ismini Guido Van Rossum’un çok sevdiği, MontyPython adlı altı kişilik bir İngiliz komedi grubunun Monty Python’sFlying Circus adlı gösterisinden alıyor. Neden Python? Hata Ayıklama- DEBUG