Nataşa 5 Ağustos 2014, 11:17 am

Neden web geliştirmeye girmelisiniz ve nereden başlamalı?

• css,
• HTML,
• Web sitesi geliştirme

Merhaba!

İki yılı aşkın bir süredir web geliştirme alanında çalışıyorum ve bu konu hakkında bazı düşüncelerimi ifade edebileceğimi düşünüyorum.
Programlamaya üç yıl önce başladım. İlk başlarda kendimi C ailesinden programlama dillerinde denedim ama oradaki yaratıcı yeteneklerimi gösteremedim. Sonra web geliştirme hakkında bir şeyler duydum. Ve ortaya çıktığı gibi, tam da ihtiyacım olan şey buydu.

Neden web geliştirme işine girmelisiniz?

Benim için bu saf yaratıcılık. Bir sanatçınınki gibi tamamen boş bir tuval hayal edin. Tüm boyalara, fırçalara sahipsiniz, sadece nasıl çizileceğini öğrenmek için kalır. Bu genellikle göründüğünden daha zordur, ancak web yöneticisi için değil. Artık internette her türlü talimat, çevrimiçi kurs, görsel resimli örnekler var. Prensip olarak, bu kılavuzların yardımıyla yeni bir şey yaratmak o kadar da zor değil. Web geliştirme, yaratıcılık için geniş, neredeyse sınırsız olanaklar sunar. Tabii ki web için özel olarak tasarlanmayan programlama dilleri de pek çok ilginç şeyi uygulamanıza olanak sağlıyor ancak bunu bir web geliştirme ortamında yapmak çok daha kolay gibi geliyor bana.

Web geliştirme konusuna yeni bakmaya başladıysanız, bu makaleye dikkat etmenizi öneririm. Burada bazı yararlı şeyler bulabilirsiniz.

Nereden başlamalı?

Web geliştirmeyi yeni öğrenmeye başlayanlar arasında en yaygın soru. Her şeyden önce, bir web sayfasının nasıl oluşturulduğunu anlamanızı ve anlamanızı tavsiye ederim. Bu, HTML etiketleri veya en azından çoğu hakkında bilgi gerektirir. Sayfayı yapan onlar. Oldukça fazla etiket var, ancak pratikte genellikle 30-40 ve bazen daha az kullanılıyor.

HTML etiketi, genellikle aşağıdaki biçime sahip bir web sayfasının öğesidir:

Etiketleri sindirdikten sonra, her bir etiketin özelliklerine bakmaya başlamanın zamanı geldi. Nitelik, bir etiketin özelliğidir. Birçok nitelik vardır ve hepsi farklıdır, yani sorumludurlar. farklı işlevler etiket. Tüm etiketler için geçerli olan evrensel nitelikler vardır, ancak genellikle bir etikete özgü nitelikler de vardır. Bu zaten biraz daha karmaşıktır, ancak her etiketin pratikle sabitlenmesi durumunda kolayca hatırlanabilir.

Nitelik, etiketin içinde yazılmıştır:

İÇİNDE bu durumözellik seçildi hizalamak, içeriğin etiket içindeki hizalamasını tanımlar. Bir niteliğin genellikle birden fazla anlamı vardır. merkez içeriğin ortalanacağı anlamına gelir.

bu çok kullanışlı bağlantılar hızlı bir şekilde başlamanıza yardımcı olmak için:
htmlbook.ru/html
html.manual.ru
www.codecademy.com/tracks/web

Bundan sonra, CSS stillerini öğrenmeye başlamalısınız. Ne olduğunu? basit kelimelerle, bunlar bir web sayfasında bulunan HTML etiketlerinin stilleridir. HTML etiketlerinden çok daha fazla stil vardır. Ama bu iyi, çünkü kesinlikle yaratabilirsiniz. farklı varyantlar aynı etiketle. Stillerin bilinmesi gerekir ve ne kadar çok olursa o kadar iyi. Kendiniz için aşağıdaki paralelleri çizebilirsiniz: stiller - tasarım etiketleri.

Genellikle stiller ya doğrudan yazılır HTML belgesi, özel bir etiket kullanarak stil:

Ya da ayrı css dosyası etiketsiz:
div (arka plan rengi: #FFFFFF; )
Her iki durumda da tüm etiketler div web sayfasında arka plan rengi, ilk durumda siyah, ikinci durumda beyaz olarak atanacaktır.
İkinci seçeneği tercih ederim, yani yarat ayrı dosya, ama genellikle ilkini kullanırım.

Daha fazlasını bulabileceğiniz bağlantılar aşağıdadır Detaylı Açıklama her stil:
htmlbook.ru/css
css.manual.ru
www.codecademy.com/tracks/web

eğer ustalaştıysanız HTML teknolojisi ve CSS, ardından yerel bilgisayar bazı basit web sitesi. Mükemmel hale getirmeye çalışmayın, sadece stiller ile oynayın, HTML etiketleriyle pratik yapın, genel olarak alınan bilgileri birleştirin. Gelecekte, şu veya bu etiket hakkında düşünmeye veya her stil değişikliğinden sonra sitenizi incelemeye zamanınız olmayacak. Stili yazarken nasıl görüneceğini kafanızda hayal etmeye çalışın, ardından sitenin düzenine çok daha az zaman harcarsınız.

birkaç tane daha eklemek istiyorum faydalı ipuçları:
- Her zaman ver Özel dikkat dosyalara veya resimlere giden yollar (URL). Çoğu zaman, burası yalnızca yeni başlayanların değil, deneyimli web yöneticilerinin de tökezlediği yerdir.
- Bir renk için 20-30 kod hatırlamaya çalışın. Örneğin, #000000 siyah, #FFFFFF beyaz vb. İşte faydalı linkler: www.puzzleweb.ru/html/colors_html.php , www.artlebedev.ru/tools/colors.
- Notepad++ ortamında HTML, CSS ile çalışmaya başlayın. Sözdizimi vurgulamalı çok basit, net düzenleyici.
- DOM ile tanışmanızı tavsiye ederim
- İngilizcenizi geliştirmeye çalışın.

Web geliştirmenin tüm yönlerini aynı anda tek bir makalede ele almak zordur. Yukarıda yazılanlar sadece kocaman bir tanesidir ve ilginç dünya web Geliştirme. Ama buradan başlamanızı öneririm. Bu aşamayı geçtikten sonra önünüze ne kadar çok fırsat çıktığını anlayacaksınız ve belki biraz daha derine ineceksiniz.

Bir sonraki yazıda, HTML'yi daha ayrıntılı olarak tanımlamaya çalışacağım, bazılarından bahsedeceğim. tuzaklar, en sık yeni başlayanlar tarafından saldırıya uğrar.

Etiketler: web geliştirme, site oluşturma

Bakarsanız, her birimiz her gün programlama ile uğraşıyoruz. İnanmıyor musun? Ama telefonunuza alarm kuruyorsunuz. kesin zaman. Veya bunun için bir program kurun çamaşır makinesi, çok pişiriciler.

Aynı zamanda yaptığınız işlemlerle değişkenlerin değerini değiştiriyorsunuz ve yürütmeye başlıyorsunuz. çeşitli fonksiyonlar, kayıtlı olan program kodu cihazların her biri. Yeni bilgilere susamış olanlar için, yeni başlayanlar için programlamayı daha ayrıntılı olarak ele alacağız:

Bugün Programlama

Programlama ile daha fazla tanışmaya devam etmek için, bugün bu endüstrinin durumuna giriş niteliğinde bir genel bakış yapacağız. Bu, malzemenin anlaşılmasını büyük ölçüde kolaylaştıracaktır. Ayrıca her yeni başlayanın yapmasına izin verecek doğru seçim size uygun alanı seçerek.

Zamanımızda programlamanın zaten temelden birçok alanı ve uzmanlığı içeren ayrı bir bilime dönüştüğü anlaşılmalıdır. Birçoğu zaten oluştu ve bazıları yeni ortaya çıkmaya başladı.

Teknoloji, çeşitli programlama dillerini kullanarak belirli görevlerin ve işlevlerin uygulanması için yerleşik ve yerleşik bir yol (yaklaşım) olarak anlaşılmaktadır.

Böyle bir teknoloji ASP.Net'tir. .Net dillerinden biri kullanılarak eski Asp platformu üzerine kurulmuştur. En yaygın kullanılanları C# ve Visual Basic. ASP.Net sunucu teknolojisi, web siteleri ve web hizmetleri oluşturmak için kullanılır:

Ancak bu paket, modern bir sanal alan oluşturmak için kullanılan ana paket değil. Web kaynakları oluşturmak için en yaygın kullanılan dil PHP programlama ve MySQL. Tabii ki, tüm bu bileşenler çok tecrübeli» CSS ve HTML kodu.

Bu disiplinlerin ilişkisi henüz ayrı bir web teknolojisi olarak seçilmemiş olsa da, genellikle bir bütün olarak kabul edilirler. Yani, temelleri hakkında bilgi, genel kabul görmüş bir standarttır ve her web programcısı için zorunludur.

Web programlama

Modern sanal alanın ortaya çıkışının en başında, yalnızca bir hiper metin dili kullanıldı ( HTML). Web programlamanın başladığı yer odur. Zamanla, web sayfalarını tasarlamak için etiketlerinin ve özniteliklerinin olanakları kıt hale geldi. Bu nedenle, CSS öğeleri için özel bir stil dili uygulandı.

Bununla, olasılıklar görsel tasarım siteler çok arttı. Modern web tasarımının ayrı bir endüstri olarak gelişmesine büyük ölçüde katkıda bulunan şey budur.

İnternetin evrimindeki bir sonraki aşama, dinamik olarak değişen kaynakların ortaya çıkmasıydı. Bundan önce, tüm siteler statikti ve kullanıcı eylemlerine yanıt olarak içeriklerini değiştiremezdi. Kısmen, bu sınırlama, blokları HTML'ye gömerek aşılabilir. Java kodu senaryo.

Ancak bu yaklaşım, anında bir web sayfasının oluşturulmasını gerçekleştirmeyi mümkün kılmadı. Ayrıca Java kullanımı Komut dosyası, kodunu tamamen gizlemenize izin vermez, bu da kaynağın güvenliğini önemli ölçüde azaltır.

Yalnızca sunucu tarafı programlama dillerinin kullanılmasıyla dinamik olarak değişen kaynaklar oluşturmak mümkündür. Esas olan PHP'dir.

PHP programlama, oluşturmanın ana yoludur dinamik kaynaklar ve web sayfaları.

Ama üzerinde bu aşamaİnternetin geliştirilmesi, web kaynakları oluşturmak için tek bir sunucu dili yeterli değildir. Web sayfalarını dinamik olarak oluşturmak için şablonun tüm bölümlerini kaydedebileceğiniz bir kaynağa ihtiyacınız vardır.

Ve bir istemci tarayıcı isteğine yanıt olarak, üretim için gereken verileri hızla alın. En yaygın kullanılan veritabanı yönetim sistemi (DBMS) MySQL. Web programlamaya nereden başlayacağınıza karar verirken bu dikkate alınmalıdır.

Şimdi yukarıdakileri özetleyelim:

• Herhangi bir web sitesinin kalbinde HTML ve CSS bulunur;
• en yaygın olanı dinamik tip web kaynağı;
• Ana sunucu dili PHP'dir;
• PHP'ye ek olarak MySQL, dinamik web sayfaları oluşturmak için kullanılır.

Bu disiplinlerin tümü temeldir. Temelleri, web programlamayı öğrenmeye başladığınız yerdir.

Uygulama programlama

Uygulama katmanı uygulama geliştirme kapsamı olarak anlaşılmaktadır. Yani, kullanıcıyla doğrudan etkileşim için tasarlanmış olanlar. Başka bir deyişle, yazıyor istemci uygulamaları, herhangi bir sorunu çözmek için bilgisayarımıza yüklediğimiz ( ses ve video oynatma, metin veya grafik verilerinin düzenlenmesi vb.).

Başka bir uygulama programlama türü, sistem programlama. İşletim sisteminin çeşitli bölümleri (sürücüler, çevirmenler) arasındaki etkileşimin uygulandığı programların oluşturulmasını ifade eder.

En umut verici uygulama düzeyinde programlama dilleri:

• C/C++, programlamayı öğrenmeye başladığınız yerdir. İlerleyen yaşlarına rağmen, bu diller bugün alakalı kalır. Özellikle C, Windows işletim sisteminin yazıldığı ana dil olduğundan:

• C#, önceki dillerin uzak bir türevidir. Microsoft .NET paketinin bir parçası. Olarak kullanılır uygulama programlama ve asp.net teknolojisine dayalı web uygulamaları oluşturmak için;
• Java, platformlar arası bir dildir. Günümüzün popüler mobil işletim sisteminin dayandığı temel android sistemi. Bunun için uygulama geliştirme işletim sistemiçok umut verici bir yön:

nasıl çalışılır

Yeni başlayan biriyseniz ve programlamanın temellerini bile bilmiyorsanız, öğrenmeye C veya C ++ ile başlamak en iyisidir. Çoğu diğer diller de benzer sözdizimine ve yapıya sahiptir.

Doğru bilgi kaynaklarını seçmek de önemlidir. Hepsinden iyisi, bunlar programlama üzerine kitaplarsa. Örneklerin kodunu manuel olarak girerek, yeni başlayanlar dilin yapısını ve ana unsurlarını çabucak hatırlar.

Olarak ek kaynaklar bilgi, birkaç doğrulanmış kaynak seçmelisiniz. Sitenin sadece kodlu uygulama örnekleri içermesi değil, aynı zamanda bunlar için ayrıntılı açıklamalar içermesi önemlidir.

Bir kişinin öğrenmeye karşı tutumu da önemlidir. Tüm süreci programlama dersleri olarak ele alırsanız en iyisidir. Yani, her ders, pratik örneklerin dikkate alınması ve bağımsız kod yazımı ile birlikte belirli bir konunun geliştirilmesine ayrılmalıdır. O zamanlar çalışma süreciçok daha verimli ve hızlı olacaktır.

Bir çaydanlık için sıfırdan programlama öğrenmeye nasıl başlanır?
Bu yazıda kendi başınıza sıfırdan programcı olmanın mümkün olup olmadığını ve kendi başınıza programlama öğrenip para kazanmaya başlamak için hangi seçeneklerin olduğunu detaylı olarak analiz etmeye çalıştım.
UPD: 2018'de sıfırdan programlama öğrenmeye nasıl başlayacaklarını arayanlar (veya 2019'da başlamak üzereler :)) Yakov Kramarenko'nun "Geliştirmeye Giriş" kitabı sayesinde çok şanslılar. yazılım". Okumanızı içtenlikle tavsiye ederim - 1 numaralı makaleyi güncellemeye değer Google sıralaması ve kendi kendine programlama öğrenenler için okuyucu geri bildirimi.

Bana göre en iyisini vermeye çalıştım. Seni uyarıyorum - kolay değil! Daha fazla okumak size saatlerce sürecek ilginç aktivitelere mal olabilir :)

Hemen söyleyeceğim - programlamayı yalnızca kendi başınıza, para yatırmadan öğrenmeye karar verirseniz, daha fazla zaman harcamak zorunda kalacaksınız. Öğrenmeye güven yeni uzmanlık en az bir yıl sonra başka bir işle paralel okuyorsanız.

İnsanlar için daha yararlı hale getirmek için bu makaleye ekleyecek bir şey bulursanız, yorumlara yazın.

Bu makale, kendi başınıza programlama öğrenmek istiyorsanız, deneyimlerime dayanan en iyi uygulamaların bir derlemesidir. Bütün bunlar hala birkaç ekleme ile alakalı.

Yeni başlayanlar için web programlama kitabı

2016 sürümü çeviri halindedir: https://courses.prometheus.org.ua/courses/Prometheus/CS50/2016_T1/about .

Kursu İngilizce olarak almak daha iyidir. Ve dili pompalayacaksınız ve bilgiler daha taze olacak. Kurs pek değişmese de - sadece 2017'de PHP yerine Python kullanılmaya başlandı.

Kurs zaman alacaktır, ancak oldukça eksiksiz bir anlayış sağlayacaktır, aksi takdirde kendi başınıza elde etmeniz zor olacaktır.

Öncelikle, ilgilendiğiniz programlama yönüne karar vermeniz gerekir. Eğer Konuşuyoruz geliştirmeyi sıfırdan öğrenmek hakkında ve yakında para kazanmaya başlamak istiyorsanız, bence iki seçenek var: mobil cihazlar için geliştirme veya web geliştirme.

Bu durumda en iyi seçim, bence, web geliştirmeyi öğrenmeye başlamaktır. Burada, yeni başlayanlar için giriş eşiği daha düşüktür ve basit siparişleri daha erken karşılamaya başlama fırsatı vardır.

Sıfırdan kendi başınıza nasıl programcı olunur

Web geliştirmeyi sıfırdan kendi başıma öğrenmeye başlayacak olsaydım (para yatırmadan bunun daha uzun bir yol olduğunu fark ettim), o zaman kendime şu yolu tavsiye ederdim:

1. HTML ve CSS'yi Anlayın

Temel HTML ve CSS uzmanlığı için iyi bir kurs: https://learn.shayhowe.com/html-css/ (İngilizce) veya https://webref.ru/layout/ Learn-html-css (çeviri).

Bundan sonra, hızlandırılmış web uygulaması geliştirme için fiili standart haline gelen Bootstrap'ın yeteneklerine bakmaya değer: http://getbootstrap.com/

Bu, sonraki adımlar için yeterli olacaktır.
Bu noktada durup CSS'yi daha detaylı incelemek isteyebilirsiniz. Bu size bir yerleşim tasarımcısı olarak çalışma fırsatı verecektir - bir tasarımdan statik bir tasarım yapan bir kişi. HTML sayfası, ardından programcı onu canlandırarak projenin mantığını uygular.

Ayrıca bu işten para kazanabilirsiniz - hem serbest hem de web geliştirme konusunda uzmanlaşmış bir BT şirketinde çalışarak.

Ama programcı olmaya karar verdiğimiz için yola devam ediyoruz!

2. jQuery ile tanışın

Eğer beğendiyseniz frontend ile uğraşmaya devam edebilir ve Javascript öğrenmeye başlayabilirsiniz.

Bunu https://angularjs.org/ veya http://backbonejs.org/ takip ediyorsa, ön uç geliştirmenin yolu budur. İyi bir uzmanlık, özellikle bu tür bilgiler web geliştirmeyi seçen herhangi bir programcı için faydalı olacağından.

Benim tavsiyem şimdilik jQuery'ye bağlı kalmak ve devam etmek.

3. Sunucu taraflı bir programlama dilinde ustalaşın

Burada geniş bir seçim var. En umut verici programlama dilleri Ruby, Java, Python, Node.JS'dir (sunucu için Javascript).

en çok sade dil yeni başlayanlar için programlama Python olacaktır. Python'u ve ardından Django web geliştirme çerçevesini öğrenirseniz, oldukça karmaşık projeleri kendi başınıza uygulamak için ihtiyacınız olan her şeye sahip olacaksınız.

İyi bir seçenek Python programlama dili ve Django'dur.

Artı - Python ve Django size "doğru" programlamayı öğretecek. Python sürekli olarak TOP 5-10 en popüler diller arasındadır ve iyi uzmanlar Python, en yüksek ücretli programcılardan bazılarına sahiptir. Python, yeni başlayan programcılar için hem basit hem de anlaşılır bir programlama dilidir ve aynı zamanda birçok dilde kullanılmaktadır. büyük şirketler ve büyük projelerde.

Kendi başınıza öğrenmek için Jason Briggs'in "Python for Kids" kitabını okuyun veya bakın:

Diğer materyallerin yanı sıra Python'u Zor Yoldan Öğrenin'i öneriyorum. Basit Python kitabı. Modern tarz programlama". Ve tabii ki Python 2 Eğitimi ve Python 3 Eğitimi.

Django, muhtemelen en iyi web geliştirme çerçevesidir.

Tüm durumlar için en iyi aracı bulmak çok zordur. Django, web geliştirme için böyle bir araç olma şansına sahiptir.

Django öğrenmeye nereden başlamalı:

İle başla resmi belgeler, çok iyi bir öğretici var: https://docs.djangoproject.com/en/2.1/intro/

Django ile Tango iyi fırsatİngilizceyi geliştirin ve aynı zamanda web projelerinin nasıl yapılandırıldığını ve her şeyin nasıl çalıştığını anlayın.

2. Seçenek - PHP ve WordPress

Başka bir yol da PHP ile başlamak ve popüler CMS ile çalışmaktır. Kendiniz programlama öğreniyorsanız ve hızlı bir şekilde başlamak istiyorsanız, PHP ile başlayın.

Çoğu kişi PHP'yi "gerçekten değil" bir programlama dili olarak kabul eder ve bunun iyi bir nedeni vardır. PHP, büyük web uygulamalarında nadiren kullanılır ve yalnızca web için keskinleştirilmiştir - diğer alanlarda çalışmayacaktır.

Öte yandan, PHP dünyada başlatılan site sayısı açısından liderdir. En popüler CMS (içerik yönetim sistemleri) buna dayanmaktadır.

Bundan sonra, WordPress temalarının nasıl oluşturulacağını öğrenin - bu muhtemelen en popüler CMSçalışan sitelerin sayısı ile ölçülürse dünyada.

Bununla iyi başa çıktıktan sonra, zaten bir iş bulabilirsiniz. PHP ve WordPress çalıştıran çok sayıda site var, bu yüzden herkese yetecek kadar iş var.

Bir programcı olarak para kazanmaya nasıl başlanır

Birçok kişi, serbest çalışan bir programcının işini şöyle hayal eder:

Aslında şuna benziyor:

Bir programcı olarak çalışmaya hazırsanız ve para kazanmanın bir yolunu arıyorsanız, serbest çalışmaya hoş geldiniz! Serbest borsalar bulmanızı sağlar basit siparişler(muhtemelen ilk başta neredeyse ücretsiz) - pratik yapmak için. Kural olarak, yalnızca bir programcı olarak iş arıyorsanız, bir BT şirketinde çalışmak daha karlı olabilir.

2. noktadan sonra - HTML, CSS ve jQuery'de uzmanlaştınız - serbest borsalara gidebilir ve bir profil oluşturarak basit siparişler alabilirsiniz.

İngilizce biliyor musun? https://www.upwork.com/

Hiç, bir sözlükle bile mi? http://freelance.ru/

Web sitelerini kendiniz oluşturabildiğiniz zaman, müşteri bulmanız daha kolay olacak - incelemeler ve deneyimler olacak.

Web geliştiricilerine hızlı yol

Tecrübelerime dayanarak, sıfırdan kodlamayı öğrenmek, en fazla 6 ila 12 ay, biri size yardım ederse 6 ay sürecektir.

BT'ye girme sürecini hızlandırmak için - bir eğitime gitme fırsatı arayın (birden fazlasına ihtiyacınız olabilir) veya sizinle birlikte çalışacak birini bulun. Gerçekte, bilgisini size aktaracak bir insan olmadan çok zordur, bir yıl boyunca kitapların arkasında oturabilir ve asla başlayamazsınız. Ve birlikte bilgili kişi, bu sadece karmaşık şeyler hakkında konuşabilir - çok daha kolay.

Bir zamanlar, eğitim yoluyla giriş yolunu seçtim. Gelişim hakkında çok şey bilmeme rağmen, altı ay sürebilecek bir konuda 2 ayda ustalaşmamı sağladı. Yolunu ara.

Programcı olarak kariyere başlamak için ciddi bir karar vermiş ve bu süreci hızlandırmak isteyen insanlar var. Diğer birçok kurs var. Kendinize bir akıl hocası bulursanız - sizi elinden alacak bir kişi - bu, geliştiricilere giden yolunuzu önemli ölçüde kısaltacaktır.

Bir şey yaratabileceğinizden emin hissettiğinizde, daha fazla geliştirebileceğiniz bir şirket veya müşteri arayın.

HTML, CSS, Python ve Javascript sadece temel bilgi, İlk adım. Ayrıca, uygulama çok önemlidir, algoritmaların ve geliştirme araçlarının incelenmesi.

Herhangi bir sorunuz varsa - yorumlarda sorun! Umarım bu makale ilk adımı atmanıza yardımcı olur. İyi şanlar!

Bir web geliştiricisinin mesleği, BT pazarında en çok arananlardan biridir. Nasıl gireceğimizi bulalım, web geliştirme teknolojilerinin nasıl çalıştığını ve birbirleriyle etkileşime girdiğini öğrenelim ve pratik örnekİlk sayfamızı oluşturmaya çalışalım.

Metin, Badoo'dan Mikhail Ovchinnikov'un katılımıyla bir web semineri temelinde hazırlandı.

Web semineri kaydı

Zaman tasarrufu

Piyasa durumu

Pazarın genel resmini göz önünde bulundurarak, BT alanındaki en popüler alanları ayırabiliriz:

1. Ön uç - trendlerin sürekli değiştiği en gürültülü ve en hızlı büyüyen endüstri. Dile dayanır JavaScript programlama ve Angular.js, React.js, Vue.js ve diğerleri gibi çerçevelerinin yanı sıra biçimlendirme dili HTML köprü metni ve CSS stil sayfaları.

2.Web geliştirme, yani arka uç geliştirme kullanarak çeşitli diller PHP, Ruby ve Python gibi.

3.Android/iOS geliştirme- için geliştirme mobil cihazlar Java, Swift, Objective-C, C# (Xamarin), JavaScript (React Native) ve diğerlerinde.

4.NET geliştirme- işletim sistemi için masaüstü uygulamaları olarak geliştirme Windows sistemi C#'da ve sunucu programları ASP.NET teknolojisini kullanan web siteleri dahil.

5. Java geliştirme - platformlar arası uygulamaların geliştirilmesi Java dili kullanan büyük yüksek performanslı sistemlerin yanı sıra Java teknolojileri EE. Güvenilirlik, ölçeklenebilirlik ve esneklik gerektiğinde seçilir.

6.Oyun geliştirme-çeşitli platformlar için oyun geliştirme.

7.UI/UX - Kullanıcı arayüzü tasarımı.

8.QA- yazılım kalite güvencesi ve testi.

9. Gömülü geliştirme- donanım için yazılım geliştirme: arabalar, Ev aletleri Ve çeşitli cihazlar kullanarak düşük seviyeli diller, karşılık gelen işlemcinin birleştiricisinin ekleriyle birlikte C ve C++ gibi.

neden internete gir

Şimdi web geliştirme o kadar hızlı gelişen bir endüstri ki, bir teknoloji veya çerçeveyi öğrenmeye ve onlarla çalışmaya değer, iki veya üç ay içinde piyasada tamamen yeni bir şey ortaya çıkacak ve herkes onu kullanmaya başlayacak.

Web geliştirme, genç profesyonellerle sürekli olarak yenilenir. On yıllık deneyime sahip kıdemli programcılar oldukça nadirdir: ya yöneticiler onlardan büyür ya da yeni diller öğrenmeleri gerekir. Sektörün bu hızlı büyümesi geniş bir bilgi alanı ve güçlü bir topluluk oluşturmaktadır.

Bu nedenle gençseniz, enerji doluysanız, tat alma duyusuna sahipseniz ve hatta programlamayı seviyorsanız web geliştirme tam size göre.

Bir web geliştiricisi ne kadar kazanır

İş arama sitelerine bakarak web geliştirici maaşlarının tamamını görebilirsiniz. Altı aydan az deneyime sahip yeni başlayanlar 30.000 ila 60.000 ruble arasında kazanabilir. İyi deneyime sahip ortalama bir uzman 80.000-150.000 ruble alıyor. Bir profesyonelin geliri 150.000–250.000 ruble. Ayrıca, ülkeye, bölgeye, seçilen dile ve açık pozisyonu sunan şirkete çok şey bağlıdır.

Habrahabr.ru web sitesinde My Circle şirketinin maaş hizmetinden bir ön uç geliştiricinin maaşları (2017 sonu)

Bir web geliştiricisinin bilmesi gerekenler

Web geliştirme ve programlama hakkında birçok söylenti ve klişe var. Onlardan da bahsedeceğiz.

Bir web geliştiricisinin neye ihtiyacı yoktur:

1. Matematiği bilin - sitelerin ve web servislerinin oluşturulmasında profesyonel olarak yer alan çoğu programcı için 5. sınıf düzeyinde bilgi yeterlidir.
2. derin bilgiye sahip olmak İngilizcede. Elli kelime yeterli olabilir.
3. Birkaç yıl çalışın ve temel web geliştirmede uzmanlaşmak için üniversiteden mezun olun. Aslında, gelişimi iki ila üç aylık bir eğitim alacaktır.

Başarılı bir başlangıç ​​için gerekenler:

1. Keşfetmek temel teknolojiler web siteleri oluşturun - HTML ve CSS - ve sitelerin yapısını oluşturma ilkelerini anlayın. Bu birkaç hafta sürecektir.
2. İlgili teknolojileri öğrenin: Notepad++ gibi kod düzenleyiciler veya IDE'ler (Entegre Geliştirme Ortamları), Yüce metin, Parantezler, WebStorm, PHPStorm. Bu araçlar geliştirme sürecini büyük ölçüde hızlandıracak.
3. Çerçevelerin varlığını bilmek ve hazır çözümler, kodu basitleştiren ve geliştiren. Örneğin, bir ön uç geliştirici için bu bir çerçevedir. Önyükleme düzenleri, bir JavaScript dil kitaplığı - JQuery, birlikte birçok yararlı ve gerekli kütüphaneler, ve Simfony bir PHP çerçevesidir genel amaçlı veritabanı ile etkileşimi, HTML kodu oluşturma görevlerini ve bir istekten veri kabul etme görevlerini kolaylaştıran .
4. Aynı derecede önemli olan, doğru şekilde besteleme yeteneğidir. arama terimleri, yüksek kaliteli ve güvenilir bilgi kaynakları kullanın.

Web sitesi yapısı

İlk olarak, bir web sitesinin ne olduğunu ve nelerden oluştuğunu öğrenelim.

Teknik olarak, site sadece bir settir. metin dosyaları sahip belirli uzantılar bir bilgisayarda veya sunucuda aynı dizinde saklanır. Bunlara ek olarak, dizin yapısı üzerinde kullanılan resimler, yazı tipleri ve ek kitaplıklar içeren alt klasörler içerebilir. Dosyaların amacına ve biçimine bağlı olarak, uygun klasörlerde sıralanırlar. Sitenin ana sayfası, kural olarak, dizinin kökünde bulunur ve index.html olarak adlandırılır.

Örneğin, sitemiz mysite123.com etki alanına sahip olsaydı, bulunduğu klasör aynı ada ve şu yapıya sahip olurdu:

Site dizini yapısı

ne zaman adres çubuğu tarayıcı, adresi giriyoruz, örneğin yandex.ru, tarayıcı ilgili sitenin sunucusuna erişiyor. Web'deki herhangi bir sayfayla etkileşimin başladığı yer burasıdır.

Bu isteğe yanıt olarak PHP ve MySQL gibi arka uç teknolojileri yandex.ru sunucusu üzerinde çalışmaya başlar. "Sunucu sihirlerini" yapıyorlar ve "bana göster" isteğine yanıt olarak ana sayfa” tarayıcıya istenen sayfayı HTML, CSS ve JavaScript kodu biçiminde geri verin. Tarayıcı bu kodu tanıyabilir ve sonuç olarak penceresinde güzel, çalışan bir "Ana" görüntüler.

Web Geliştirme için Kaynaklar ve Araçlar

Web geliştirmenin yüksek kaliteli ve üretken bir şekilde yönetilmesi için, en popüler bilgi kaynakları ve bazı araçlar hakkında bilgi sahibi olalım.

HTML ve CSS:

• htmlbook.ru - HTML4 üzerine bir eğitimin yanı sıra HTML5'e giriş, CSS hakkında bir eğitim, CSS3'e giriş;
• htmlacademy.ru - HTML5 üzerine etkileşimli kurs, CSS temelleri, bir çok ücretsiz dersler;
• webref.ru - HTML Eğitimi, CSS temelleri, blok modeli CSS, CSS metni, CSS konumlandırma, gelişmiş CSS;
• Mark Pilgrim'den HTML5'e dalın.

JavaScript:

• Learn.javascript.ru - JavaScript ile ilgili en modern eğitim;
• David Flanagan.

Bu teknolojilerde uzmanlaştıktan sonra, en popüler olan jQuery'yi de öğrenmeniz önerilir. JavaScript kitaplığı. Gelecekte, Slick, Owl Carousel, Magniffic Popup, Velosity.js, Tree.js ve diğerleri gibi faydalı kütüphanelerle tanışmaya değer.

Kodlamayı hızlandırmak ve rahat çalışma Emmet eklentisi ile Sublime Text gibi metin editörlerini kullanmanızı öneririz. Not defteri düzenleyicisi++, Brackets, IDE WEBStorm, PHPStorm ve diğer faydalı araçlar.

CSS kodu yazmayı hızlandırmak için nasıl çalışılacağını öğrenmek faydalı olacaktır. CSS ön işlemcileri, Scss, Sass, Less gibi.

Basit bir web sayfası oluşturma

Daha önce öğrenmiş olduğunuz gibi, bir web sayfası, HTML kodunu içeren bir .html dosyasıdır. bu bir set belirli etiketler her iki tarafta köşeli parantez içine alınır. Kapanış etiketleri ve kapanmayan etiketler vardır.

hadi kullanalım Metin düzeltici Sublime Text3 ve içinde oluşturun yeni dosya index.html

index.html dosyası

Artık standart bir HTML belge yapımız var. Oluşturulan sayfayı tarayıcıda açın, boş bir sayfa göreceksiniz. Beyaz arkaplan. Tarayıcıda görüntülenen tüm sayfa içeriği, açılış ve kapanış etiketleri arasına yerleştirilir. Ve- şimdilik, yalnızca bir tarayıcı sekmesinde görüntülenen bir başlığı var, ancak içeriği yok.

Bazı unsurlar ekleyelim. Her birinin kendi etiketi vardır. İlk önce bir başlık oluşturalım ve ona bir metin ve bir buton ekleyelim.

etiketi başlık eklemek için kullanılır

, paragraf metni için - etiketi

Ve düğme için - etiket . Bu elemanları etiketli bloğun içine yerleştirelim. .

bu benim ilk sayfam

Programlama kolaydır!

Göstermek

Şimdi sayfayı yenileyelim. Gördüğünüz gibi, öğeler tarayıcı penceresinde göründü.

Şu ana kadar kullandığımız HTML dili sadece sayfanın yapısını oluşturmaktan sorumludur. Öğelerimizi biraz şekillendirmeye çalışalım: Başlığın ve düğmenin arka planının renklerini değiştirin ve paragraf metni için yazı tipi boyutunu değiştirin.

Öğelerin stilini değiştirmek için onlara CSS kuralları uygulamanız gerekir. CSS kuralları, bir etiketle bir bloğun içine yazılabilir

Videodan GIF oluşturma programı

Rus işletim sistemi Rosa Desktop

Rus işletim sistemleri: varlar, ama neden?

Yandex'de SMTP ve POP3 protokollerini kullanarak Kerio Mail Server'da posta kurulumu

Cihaz nedir ve gadget'tan farkı nedir?

MSI P35 NEO Anakarta Genel Bakış MSI P35 Neo ve MSI P35 Neo Combo - Intel P35 Chipset Tabanlı Anakartlar