1. Ayyıldız Tim forumu Hariç Hiç Bir şekilde Rütbeli Oldugunu İddaa edenlere inanmayınız..⠀ Ayyıldız Tim Adına Sizden Bilgi Belge TC Kimlik Vb Evrak İsteyenlere Asla Bilgilerinizi Vermeyiniz.

Web Editörleri

'Html - CSS - XML - JavaScript - Ajax' forumunda ERVAH-I-EZEL tarafından 8 Şubat 2017 tarihinde açılan konu

  1. ERVAH-I-EZEL Guest

    • Guest
    Katılım:
    30 Ocak 2017
    Mesaj:
    1,333
    Alınan Beğeniler:
    4,800

    Özel Mesaj
    Merhaba devrelerim şu ana kadar sizlere programlama ile ilgili temel bilgileri öğreten dersler verdim. Programlama dilleri ile neler yapılabileceğini, hangi programlama dilinin ne işe yaradığını, diller arasındaki farklılıkları vb. konuları detaylıca anlattım. Artık yavaş yavaş eğitim derslerine geçmeyi düşünüyorum ama
    anlatmam gereken bir kaç küçük detay ve önemli bir konu daha var. İsterseniz hemen başlayalım.

    1-Detaylar

    Önceki derslerde her ne kadar web dillerini "programlama dili" grubuna dahil etsem de bu sizin kafanızı karıştırmamak içindi. Evet, web dilleri bir programlama dili değildir, çünkü tek başlarına çalışamazlar. Web dilleri ile oluşturulan bir sayfanın çalışması için tarayıcılara (mozilla,chorome,opera vs.) ihtiyaç vardır. Yani tarayıcılar birer programdır. Web dilleri (html,css,js vs.) ise tarayıcıda görüntülenen scriptlerdir. Bu yüzden web dillerini kodlamak için bir programa da ihtiyaç yoktur, not defterine kodlayabilirsiniz. Örneğin HTML dilinin kodlarını not defterine yazıp uzantısını .html şeklinde kaydedersiniz. Daha sonra kaydettiğiniz dosyayı tarayıcıda görüntüleyebilisiniz. Aynı şey CSS,JS,PHP için de geçerlidir. Tek fark uzantılardır.
    HTML dilinin uzantısı .html
    CSS dilinin uzantısı .css
    JS dilinin uzantısı .js
    PHP dilinin uzantısı .php şeklindedir.

    2-Editörler

    Her ne kadar web dilleri not defterinde kodlanabilse de hem kullanım kolaylığı hem de yardımcı olması nedeniyle hemen hemen herkes editör programı kullanıyor. Editör programı ne işe yarıyor? Klasik windows not defterinin grafik açısından güzelleştirilmiş ve kodlaması daha kolay hale getirilmiş hali diyebiliriz. Sizin de editör programı kullanmanızı tavsiye ederim. "Hangi editör programını kullanmalıyım?" diye soracak olursanız 2 tavsiyem var.

    1-Adobe Dreamweaver
    2-Notepad++

    Adobe Dreamweaver benim tavsiye ettiğim program diyebilirim. Kodlama açısında yardımcı, yan araçlar da barındıran web dilleri için hazırlanmış yaklaşık 700 mb boyutunda bir program. İnternet kotanız sınırlı ise alternatif olarak önerdiğim program ise Notepad++. Sadece web dilleri için değil diğer programlama dilleri ile de uyumludur. Boyutu da 5 mb kadar küçük. Adobe Dreamweaver'in farkı nedir ki boyutları bu kadar fark ediyor diye soruyorsanız; dediğim gibi Adobe Dreamweaver'in içinde şablon hazırlama vb. gelişmiş araçlar da var. Gerçi biz bu araçları pek kullanmıyoruz ama ben hazır elimin altında varken ve grafik uyumu da daha çok hoşuma gittiği için Adobe'nin programını tercih ediyorum.

    Adobe Dreamweaver'den bir görüntü:
    [​IMG]

    Notepad++'dan bir görüntü:
    [​IMG]
    Bunlar sadece birer tavsiye devrelerim. Bunun dışında komodo, ultra edit gibi inceleme fırsatı bulamadığım birçok editör mevcut. Ben Adobe taraftarıyım ama bazı devrelerimin kota problemi vs. olabileceğinden dolayı yakında başlayacağım programlama derslerinde küçük boyutlu olan notepad++ kullanacağım...

    Programlama derslerine yakında HTML ile başlayacağım devrelerim haydi size iyi akşamlar. :p


     
  2. EMR66 Guest

    • Guest
    Katılım:
    16 Şubat 2017
    Mesaj:
    72
    Alınan Beğeniler:
    25

    Özel Mesaj
    Devrem önceki bütün seslerin linkini atarmisin hepsini sırayla öğrenmek istiyorum
     
    maraton33 ve ERVAH-I-EZEL bunu beğendi.
  3. EMR66 Guest

    • Guest
    Katılım:
    16 Şubat 2017
    Mesaj:
    72
    Alınan Beğeniler:
    25

    Özel Mesaj
    Html de dahil olursa iyi olur devrem teşekkür ederim
     
  4. ERVAH-I-EZEL Guest

    • Guest
    Katılım:
    30 Ocak 2017
    Mesaj:
    1,333
    Alınan Beğeniler:
    4,800

    Özel Mesaj
    "Seslerin linkini atar mısın?" demişsin sanırım ders diyecektin. Ders vermek biz erlerin haddine değildir devrem ama en uygun kelime de bu. Her neyse... :)

    http://forum.ayyildiz.org/konu/web-programlama-dilleri-ve-kullanıldıkları-yerler.81785/
    http://forum.ayyildiz.org/konu/asp-net-ve-phpnin-Özellikleri.82068/
    http://forum.ayyildiz.org/konu/programlamaya-başlamadan-Önce.82529/
    http://forum.ayyildiz.org/konu/oyun-nasıl-yapılır.82953/
    http://forum.ayyildiz.org/konu/web-editörleri.83155/
    http://forum.ayyildiz.org/konu/html-dersleri-1-giriş-ve-ilk-sayfa.83727/
    http://forum.ayyildiz.org/konu/html-dersleri-2-yazı-etiketleri.84006/
    http://forum.ayyildiz.org/konu/html-dersleri-3-resimler-ve-linkler.85209/

    Bu konularımı sırasıyla oku devrem. Aralarında hâlâ devam ettirmekte olduğum html dersleri de var.;) İyi forumlar...
     
  5. EMR66 Guest

    • Guest
    Katılım:
    16 Şubat 2017
    Mesaj:
    72
    Alınan Beğeniler:
    25

    Özel Mesaj
    Aynen devrem ders dicektim:)ders yazmışım sana devrem Sağol
     
    ERVAH-I-EZEL bunu beğendi.
    • Guest
    Katılım:
    6 Mart 2017
    Mesaj:
    55
    Alınan Beğeniler:
    50

    Özel Mesaj
    eline sağlık devrem.. :):):):)
     
  6. ERVAH-I-EZEL Guest

    • Guest
    Katılım:
    30 Ocak 2017
    Mesaj:
    1,333
    Alınan Beğeniler:
    4,800

    Özel Mesaj
    Saolasın devrem. :):):)
     
    Orion-Pax ve xselimxdj2017 bunu beğendi.
  7. Rebell33 Guest

    • Guest
    Katılım:
    29 Nisan 2017
    Mesaj:
    10
    Alınan Beğeniler:
    14

    Özel Mesaj
    Eline sağlık çok yardımcı oldun devrem teşekkür ederim :)
     
    ERVAH-I-EZEL bunu beğendi.
  8. yusufeksiyy Guest

    • Guest
    Katılım:
    21 Aralık 2016
    Mesaj:
    6
    Alınan Beğeniler:
    1

    Özel Mesaj
    ellerine saglik devrem
     
    ERVAH-I-EZEL bunu beğendi.
  9. Caustduman Guest

    • Guest
    Katılım:
    17 Mart 2017
    Mesaj:
    3
    Alınan Beğeniler:
    2

    Özel Mesaj
    Forumda yeniyim fakat konularınıza dikkat edip takip etmeye çalışıyorum..Her bir konunuza döndüğümde daha yararlı bilgiler ediniyorum.Ellerinize sağlık devrem.
     
    ERVAH-I-EZEL bunu beğendi.
  10. cundullah06 Guest

    • Guest
    Katılım:
    23 Ekim 2016
    Mesaj:
    17
    Alınan Beğeniler:
    11

    Özel Mesaj
    Adobe Dreamweaver programının ındırme lınkı varmı dewrem
     
  11. ERVAH-I-EZEL Guest

    • Guest
    Katılım:
    30 Ocak 2017
    Mesaj:
    1,333
    Alınan Beğeniler:
    4,800

    Özel Mesaj
    İnternette bol bol var. "Adobe Dreamweaver ful indir" gibi şeyler yazarsan bolca kaynak çıkar. İyi forumlar...
     
    Orion-Pax bunu beğendi.
  12. m12a48 Guest

    • Guest
    Katılım:
    14 Ağustos 2017
    Mesaj:
    8
    Alınan Beğeniler:
    8

    Özel Mesaj
    Devrem çok güzel anlatıyorsun. Ellerine sağlık.
     
    ERVAH-I-EZEL bunu beğendi.
    • Guest
    Katılım:
    27 Şubat 2018
    Mesaj:
    75
    Alınan Beğeniler:
    28

    Özel Mesaj
    Bu egitimi telefon tablet uzerinden gelistirme yapilabiliyormu devrem
     
    • Guest
    Katılım:
    8 Mart 2019
    Mesaj:
    3
    Alınan Beğeniler:
    3

    Özel Mesaj
    Üst devrelerim izninizle bir sorum olacaktı, forumlarda fotoğraflar neden görünmüyor ? Arz Ederim.
     
  13. webci Guest

    • Guest
    Katılım:
    3 Kasım 2017
    Mesaj:
    34
    Alınan Beğeniler:
    19

    Özel Mesaj
    Ben genelde Visiual Studio Code kullanıyorum aranızda kali linux kullanan varsa özellikle php dilinde yazıyorsanız size tek tavsiyem bracket olur çok kullanışlı onun haricinde bir sürü cod editörü var.
    ama yok ben anonim ve tamamen bana ait olmasını istiyorum diyorsanız not defteri üzerinden kendi editörünüzün kodlarını yazarak ta kurabilirsiniz ama onun kod bilgisi 0-1 diye biliyorum ama yanlış da biliyor olabilirim.
    visual studi code:
    bu editörü tercih etmemin nedeni gerçekten çok kullanışlı örnek vermek gerekirse site mi yaptım ama index.html olarak kaydetmem gerekiyor visiual da html uzantısını seçmeniz yeterli tabi ki işi bilen yazılımcılar için büyük bir avantaj değil ama yeni başlayanları çok işine yarar ve hatanızı yan ekranda hemen gösteriyor
     
    Orion-Pax bunu beğendi.
  14. webci Guest

    • Guest
    Katılım:
    3 Kasım 2017
    Mesaj:
    34
    Alınan Beğeniler:
    19

    Özel Mesaj
    geçenlerde ise şöyle bir kod yazdım (js) daha bir çok dilin uzantısı da vardır.

    //===================================================== Create a WebGL renderer
    var renderer = new THREE.WebGLRenderer({
    canvas: document.querySelector("canvas"),
    powerPreference: "high-performance"
    });
    renderer.setSize(window.innerWidth, window.innerHeight);

    //===================================================== Create an empty scene
    var scene = new THREE.Scene();

    //===================================================== Create a perpsective camera
    var camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.001, 1000);
    camera.position.z = 400;


    //===================================================== resize
    window.addEventListener("resize", function() {
    renderer.setSize(window.innerWidth, window.innerHeight);
    camera.aspect = window.innerWidth / window.innerHeight;
    camera.updateProjectionMatrix();
    });


    //===================================================== Array of points
    var points = [
    [68.5,185.5],
    [1,262.5],
    [270.9,281.9],
    [345.5,212.8],
    [178,155.7],
    [240.3,72.3],
    [153.4,0.6],
    [52.6,53.3],
    [68.5,185.5]
    ];

    //===================================================== Convert the array of points into vertices
    for (var i = 0; i < points.length; i++) {
    var x = points[0];
    var y = 0;
    var z = points[1];
    points = new THREE.Vector3(x, y, z);
    }
    //===================================================== Create a path from the points
    var path = new THREE.CatmullRomCurve3(points);

    //===================================================== Create the tube geometry from the path
    var sides = 3;
    var geometry = new THREE.TubeGeometry( path, 300, 4, sides, true );

    //===================================================== Basic material
    var material = new THREE.MeshBasicMaterial({
    side : THREE.BackSide,
    map: new THREE.TextureLoader().load('https://raw.githubusercontent.com/baronwatts/images/master/map5.png')
    });
    material.map.wrapS = THREE.RepeatWrapping;
    material.map.wrapT= THREE.RepeatWrapping;
    material.map.repeat.set(10, 1)
    //===================================================== Create a mesh
    var tube = new THREE.Mesh( geometry, material );
    tube.matrixAutoUpdate = false;//wont be moving so no need to update
    scene.add( tube );

    //===================================================== Create a point light in our scene
    var light = new THREE.PointLight(new THREE.Color("white"),1, 100);
    scene.add(light);


    //===================================================== Animate
    var percentage = 0;

    function animate() {
    percentage += 0.0005;
    var p1 = path.getPointAt(percentage%1);
    var p2 = path.getPointAt((percentage + 0.03)%1);
    camera.position.set(p1.x,p1.y,p1.z);
    camera.lookAt(p2);
    light.position.set(p2.x, p2.y, p2.z);

    //Render the scene
    renderer.render(scene, camera);
    requestAnimationFrame(animate);
    }

    animate();
     
    Orion-Pax bunu beğendi.

Bu Sayfayı Paylaş