Kod Yazmaya Nereden Başlanır ?

merhaba arkadaşlar. ben blogger altyapısı web siteleriyle uğraşa uğraşa bir bakıma html kodlarla haşır neşir oldum ama kod yazamıyorum. nasıl desem sadece blogger'a yüklediğim bir temada değişiklik yapacaksam Google Chrome'dan öğeyi incele yaparak o kodun temada nerede olduğunu görüyorum ve aratıp buluyorum, sonrada değiştiriyorum. mesela notepad++ ta sıfırdan kodlama yapamam. yani bilmiyorum desek de yeridir. şimdi geleyim asıl konuya

ben bu işe oldukça merak saldım ve bırakasım da gelmiyor. bir kaç yere sordum xhtml'yi önce öğren,iyice kavra inceliklerini ve digerleri benzeri zaten derken, internet'ten başka arkadaşlara sorduğumda ise javascript öğren html tırt diğerleri de çok zor dedi.

şimdi bu işe nereden başlanır. star wars serisi izleyecekmiş gibi oldum. hangisinden başlayacağımı bilemedim. bana sıralı bir liste yaparmısınız. birde daha ayrıntılı anlatan döküman, dergi vb. şeyler mevcut mu ? satın alabileceğim. youtube üzerinden de izleyeceğim ama dediğim gibi ilk önce hangisinden başlamam gerekiyor teşekkürler.

hocam yapacağınız en iyi sıralama html > css > php olur. ben html ve css'i kendime yetecek kadar temaları editleyecek yeni görünümler çıkartacak kadar biliyorum. internette isteyemeyeceğiniz kadar kaynak var tayfun erbilen'in html'i css'i php'yi çok iyi anlattığı videolar var. ama yapacağınız en iyi sıralama html, css, php olur. her yerde işinize yarayacaktır.

html ve css internetteki kaynaklardan öğrenebilirsin hocam. php için önce erbilen vidyoları ardından a'dan z'ye php kitabından başla.

Arkadaşım ben çok profesyonel bir ağız değilim ama sana şu kadarını söyleyeyim. Planlama, algoritma ve input/output optimizasyonunu ne kadar iyi yaparsan o kadar iyi bir programcı olursun.

Planlamadığın zaman hurraaaa girilecek bir iş değildir programlama. En baştan herşeyi hazırlarsın. Tıpkı ilk okulda problem çözer gibi verilenleri, istenenleri yazarsın. Hangi verilenleri hangi istenenlere çevireceğini belirlersin. Neticede bu da bir süreçtir. Kullanıcı sisteme birşeyler girer. Sen onu belirli bir çıktıya çevirir kullanıcıya sunarsın. Algoritma da budur zaten. Yani öncelikli olarak uygulama mantığını kavramaya çalış. Ben bu işin okulunu okumadım. Tamamen kendi çalışmalarımla şu anda web, mobil ve veritabanı dillerinden 8 tane programlama dili biliyorum. Ancak inan hala piyasaya birşey çıkaramadım çünkü iş disiplini ve planlama konusunda sıkıntılarım var. Yani diyorum ki önce mantığını kavramaya çalış, sözdizimi(syntax) çok da önemli değil. Zaten geneli aynı dili referans alarak oluşturulduğu için çok sorun yaşamazsın. Objective-C dışında diğer bütün diller birbirine benzer. Nasıl yazıldığını öğrenmen gayet kolaydır ancak ne yazdığını belirleyebilmen için bir zaman gerekebilir o zamanın uzunluğu da senin zekanın programlamaya yatkınlığına göre değişecektir. Benim yorumlamam bu gadar..

@YagizGuler planmadan bahsetmiş ve çok güzel de anlatmış. Bu planlamaya çok önem ver. Özellikle kodlama da planlama çok işe yarıyor.

Ben çoğu projeme plansız başlıyordum bir türlü sonunu istediğim gibi bağlayamıyordum : ) Hep uğraş hep uğraş.

Öncellikle kendine kitaplar al. Önce yazılı bir şekil de çalış sonra görsel olarak çalış en sonunda da bilgilerinle bir şeyler yap.

Kolay bir dil seçilir. Örneğin Python(3.0).
Komut ekranı açılır.
print("Merhaba Dünya!") yazılır ve enter'a basılır.
Artık siz profesyonel bir Coder'siniz. Lütfen bankalara sataşmayın. :D

Esprisi bir yana hocam kod yazmaya başlamak önce o işin mantığını kavramaktır. Kavramaya başladım, kötü değilim diyorsanız hazır kodları alın değiştire değiştire hangi parçası ne işe yarar öğrnemeye başlayın. Bu arada dersler de okuyun, videolar izleyin. Belli bir zaman sonra zaten bakacaksınız ki bir şeyler yapıyorum ve çalışıyor. Bu size gereken azmi verir, gerisi de gelir.

Bir dil de yetmez açıkçası. İleriye doğru, ilk dilde kayda değer bir aşama atladığınızda, ikinci dile yönelmeye başlayın.
Alanınızı HTML olarak söylemişsiniz ama size küçük bir öneri:

Geleceğin aygıtları taşınabilir aygıtlar. Ve o aygıtlarda bulunan bütün işletim sistemlerinde ortak dil Java diyebiliriz. Java'ya da küçükten bulaşın derim. Kolay gelsin. :)

Arkadaşların yazdıklarına harfiyen katılıp, üzerine bir kaç şey eklemek istiyorum. Şuan da, Web Tasarım & Programlama adına öğrenim görüyorum. Geçen sene, ilk defa bu işe başladığımda C# ve Genel Algoritma dersleri gördüm. @YagizGuler in dediği gibi bu işin iskelet sistemi'nin temeli buna dayanıyor. Her şeyden önce; Temel algoritma ve programlama mantığını iyi kavrarsan, öğrendiğin veya öğreneceğin her dil sana daha az karmaşık gelir.

Geçtiğimiz günlerde Microsoft’un dünya CEO’su Satya Nadella, Microsoft’un ODTÜ’de gerçekleştirdiği "Büyük Veri ve Nesnelerin İnterneti" konulu etkinlik çerçevesinde ODTÜ’yü ziyaret etmişti. Sunum sonrası Satya Nadella ile yapılan röportajı okudum. Röportajda bir demeç vardı;

"Siz hep böyle mi düşünürsünüz? Kodlayarak mı?
- Kodlama bir şiir gibidir. Ben her zaman şiirden etkilendim zaten. Birkaç dizede çok şey anlatma sanatı... O yoğunluk... Kodlama da aynısı."

"Kod yazmak, aynı şiir yazmak gibi..." Çok güzel bir şeyden bahsetmiş aslında. o karmaşa içinde kaybolmamak, bir bütünü oluşturan parça parça satırlar, âdeta bir sanatçı işi.

Tabii tüm bu bahsettiklerim teorik bilgiler. Bu işe hakim olmak ve kendinizi sürekli geliştirmek istiyorsanız, devamlı uygulama yapmanız gerekmektedir.

Elimde bolca, HTML ve CSS dökümanı bulunmakta. Özel'den bana ulaşırsanız, dökümanları size ulaştırabilirim.
Ayrıca; sorduğunuz diğer sorunun cevabı da şu.
Web bazlı kodlama işine girecekseniz, HTML ile başlamalısınız. kim size, direk JavaScript ile başladı dedi bilmiyorum ama kim dediyse size yanlış bir telkinde bulunmuş. Web bazlı kodlamaların temeli, HTML'ye dayanıyor. Ve bu işin temelini öğrenmeden diğer aşamalara geçerseniz, çok sıkıntı çekersiniz. Sıralama yapacak olursak;
HTML > CSS > JavaScript > Jquery > PHP

HTML, CSS'i, üstüne php eklemeyi programlama ile bağdaştırıp sana tavsiye edenlerden mutlaka uzak dur. Diğer bir kaç arkadaşın da dediği gibi ilk önce algoritmayı öğren. Bunu da C veya python ile yap. Bu dilleri kafadan önermiyorum, çoğu üniversiteler bu diller ile eğitim verir.

Daha sonra istediğin dile geçersin. Rust, java, c#, ruby, erlang, lisp, j, d, js, elixir gibi belki 100 tane programlama dili var. Algoritmayı öğrendikten sonra bu dilleri öğrenmen günlere bakar. Istediğin yolda ilerlersin.

Bende senin gibi merak saldığım sıralar bazı bilgiler , kaynaklar bulup kaydetmiştim. Umarım Yardımcı olur. Kolay gelsin.

2016'da bilinmesi gereken en çok kullanılan diller şunlar ;

1. Java

Java modern kuruluş web uygulamalarının altyapısını oluşturan en popüler dillerden biridir. Java ve buna dayanan yapılarla, web geliştiriciler bir çeşit kullanıcı için ölçeklenebilir web uygulamaları geliştirebilir. Java aynı zamanda akıllı telefonlar ve tabletler için yerli Android uygulamalarını geliştirmek için temel dildir.

2. JavaScript

Her modern web sitesi JavaScript kullanır. Sitenize etkileşim kazandıracaksanız bilmeniz gereken bir dildir, ayrıca popüler JavaScript yapılarının düzinelercesinden biriyle kullanıcı arayüzü geliştirmek için kullanılır.

3.C#

C#, Microsoft platform ve servislerini geliştirmek için birinci dil olarak kabul edilir. Azure ve .NET kullanarak modern web uygulaması geliştiriyorsanız, iş ortamınızda kuvvetli uygulamalar geliştirecekseniz veya Windows cihazlarınızda uygulamalar geliştirmek istiyorsanız Microsoft’un sunduğu en kısa yol C# öğrenmektir. Oyun oynamak istiyorsanız, popüler Unity oyun geliştirme motoru en sık kullanılan dillerden biri olarak C# kullanır.

4. PHP

Verilerle çalışacak bir web uygulaması mı geliştirmek istiyorsunuz? PHP, MySQL gibi veritabanları ile birlikte, modern web uygulaması geliştirmek için çok önemlidir. PHP günümüzün veri ile çalışan web sitelerinin bir çoğunu yönetir ve sitenizi daha kuvvetli yapmak için kullanabileceğiniz, WordPress gibi kuvvetli içerik yönetim sistemleri için çıkış noktasını oluşturur.

5. C++

Programlamanızda biraz daha düşük seviyeye inmek mi istiyorsunuz? İşlemci gücünüzün çoğunu donanıma doğrudan bağlamak isterseniz kuvvetli masaüstü yazılımlarını oluşturmak için C++ mükemmel bir çözümdür. Donanımla hızlanan oyunlar ve yoğun bellek kullanan uygulamaların masaüstünde, konsollarda ve mobil cihazlarda kullanılması için de çok iyidir.

6. Python

Python neredeyse her şeyi yapabilir. Web uygulamaları, kullanıcı arabirimleri, veri analizleri, istatistik – sorununuz neyse Python’da o iş için bir çözüm olması olasıdır. Son zamanlarda, herhangi bir endüstride dev veri setlerini incelemek için veri bilimcilerinin kullandığı temel dillerden biri olmuştur.

7. C

Neden C dili hâlâ popüler? Cevap boyutta saklı. C dili küçük, hızlı ve güçlüdür. Gömülü sistemler için yazılım üretiyorsanız, sistem çekirdeği ile çalışıyorsanız veya sadece elinizdeki bütün kaynakları son damlasına kadar kullanmak istiyorsanız, C dili emrinize âmâdedir.

8. SQL

Veri devasa boyutlarda, her yerde ve karmaşıksa, SQL size tam olarak istediğiniz bilgiyi hızlı, tekrarlanabilir ve güvenilir bir şekilde sunabilme yeteneğine sahiptir. SQL kullanarak, büyük ve karmaşık veritabanlarından kolaylıkla sorgu yapabilir ve anlamlı veri çekebilirsiniz.

9.Ruby

Projenizi rekor zamanda başlatmak mı veya büyük bir web uygulaması için yeni bir fikri kullanmak mı istiyorsunuz? Ruby ve Ruby on Rails size bu fırsatı sunabililr. Ruby dili oldukça kolay öğrenilir ve son derece güçlüdür, ayrıca dünyada tonlarca popüler web uygulamasına can verir.

10. Objective-C

iOS için bir uygulama yapmak istiyorsanız, Objective-C öğrenmelisiniz. Son yılın en büyük atılımı Apple’nin yeni dili olan Swift üzerine konuşlandı, ancak Apple ekosisteminde uygulamalar yapmak için yine de iyi bir dil olacaktır. Objective-C ve XCode (Apple’nin resmi yazılım geliştirme aracı) ile App Store’de yerinizi alabilirsiniz.

11. Perl

Perl ezoterik midir? Evet. Karmaşık mıdır? Evet. Süper güçlü bir dildir ve herhangi birinin siber güvenlik cephanesinde bulunur mu? Buna da evet. Perl dili, web ortamını ilk piyasaya sürüldüğü zamandan beri güçlendiriyor ve IT profesyonelleri için hâlâ önemli bir araç olarak görülüyor.

12 .Net

Kendi başına bir dil değildir, ancak .NET, her sürümünde bulut, hizmet ve uygulama geliştirme serüvenini daha ileri ve değerli bir hale getirir. Microsoft’un yakın zamandaki açık kaynak girişimlerinden dolayı, .NET şimdi Google ve Apple platformlarına da girmektedir. Sonuç olarak, çok platformu kolayca desteklemek ve uygulamaları oluşturmak için bir seri programlama dili ile beraber .NET’i de kullanabilirsiniz.

13. Visual Basic

Visual Basic, işi görmenizi sağlayan bir dildir. .NET platformu için temel dillerden biridir ve Excel gibi kuvvetli ofis uygulamalarında hesaplama işlerinizi otomasyona sokmak ve iş ortamınıza destek olmak amacıyla uygulamalar geliştirmek için kullanılabilir, aynı zamanda en yaygın işlerinizi kolayca görebilir.

14. R

R dili büyük verinin ortaya çıkışına destek oluyor ve ciddi veri analizi ile işi olan herkesin 2015 yılında öğrenmesi gereken bir dil olarak kabul ediliyor. Bilim, iş dünyası, eğlence ve sosyal ortam gibi alanlarda, R dili neredeyse her ilgi alanına yetecek istatistik analiz ihtiyaçlarını karşılamak için öğrenilecek dil olmuştur.

15. Swift

Swift, bir yıldan daha kısa süre içinde dikkatlerden kaçmayan ve geliştiricilerin klavyelerine yeni, hızlı ve kolay bir şekilde Apple’nin Mac ve iOS işletim sistemlerini geliştiren bir dil oldu. Swift’in büyük kuvveti ve dostane yazım biçimi sayesinde bir Mac sahibi olan herkes için iOS veya Mac OS X ortamlarında yeni ve dehşetli bir şekilde güçlü bir dil ortaya çıkmış oluyor.

Çeşitli yerlerden edindiğin kaynaklar ;

HTML5/CSS
-------------
HTML5 : http://www.w3schools.com/
Semantic: http://semantic-ui.com
Bootstrap: http://getbootstrap.com
Foundation: http://foundation.zurb.com
Get UI kit: http://getuikit.com/
960 grid system: http://960.gs
Skeleton: http://getskeleton.com
Less: http://lessframework.com
Yaml: http://www.yaml.de
Helium: https://github.com/cbrauckmuller/helium
Metro: http://metroui.org.ua
HTML5 Boilerplate: https://html5boilerplate.com
Lime: http://www.99lime.com/elements/
MontageJS: http://montagestudio.com/montagejs/
CreateJS: http://createjs.com

Javascript
-----------
jQuery: http://jquery.com/
Prototype: http://prototypejs.org/
Yahoo UI library: http://yuilibrary.com/
Backbone: http://backbonejs.org/
Underscore: http://underscorejs.org/
Dojo: http://dojotoolkit.org/download/
AngularJS: https://angularjs.org/
EmberJS: http://emberjs.com/

Ruby
-----
Ruby on rails: http://rubyonrails.org/
Sinatra: http://www.sinatrarb.com/
Ramaze: http://ramaze.net/
Halcyon: http://halcyon.rubyforge.org/
Padrino: http://www.padrinorb.com/

Python
-------
Django: https://www.djangoproject.com/
Gears: http://turbogears.org/
Web2Py: http://web2py.com/
Cherry: http://www.cherrypy.org/
Flask: http://flask.pocoo.org/

PHP
----
Zend: http://framework.zend.com/
Symphony: http://symfony.com/
Cake: http://cakephp.org/
Codeigniter: http://www.codeigniter.com/
Laravel: http://laravel.com/
PhalconPHP: http://phalconphp.com/en/
Silex: http://silex.sensiolabs.org/
Slim: http://www.slimframework.com/
Yii: http://www.yiiframework.com/
FuelPHP: http://fuelphp.com/

Perl
----
Catalyst: http://www.catalystframework.org/
Gantry: http://www.usegantry.org/
Mojolicious: http://mojolicio.us/
Perl dancer: http://perldancer.org/

ASP.NET
---------
ASP.NET: http://www.asp.net/mvc

Java
-----
Spring: http://spring.io/
Vaadin: https://vaadin.com/learn
GWT: http://www.gwtproject.org/?csw=1
Hibernate: http://hibernate.org/
Play: https://www.playframework.com/

Server side Javascript
------------------------
NodeJS: https://nodejs.org/
Meteor: https://www.meteor.com/

NoSQL databases
-------------------
MongoDB: https://www.mongodb.org/
CouchDB: http://couchdb.apache.org/
OrientDB: http://orientdb.com/
Redis: http://redis.io/
Hyperdex: http://hyperdex.org/
Clusterpoint: https://www.clusterpoint.com/

Relational databases
----------------------
MySQL: https://www.mysql.com/
PostgreSQL: http://www.postgresql.org/
sqLite : https://www.sqlite.org/

Alttaki linkte anlatımlar mevcut klasör başlıklarından istediğin programlama diliyle ilgili dersleri bulabilirsin. Bunun dışında başka dersler anlatımlarda mevcut. Bende bir yerde rastlamıştım ve yer imlerime eklemiştim. Bayağı güzel bir kaynak umarım zamanla kaldırılmaz. :)

Kaynak

hepinize ilginizden dolayı teşekkür ederim. bu işi yapmayı çok seviyorum ve dediklerinizi dikakte alıp çalışmaya başladım. umarım başarılı olurum.