yani olmaya karar verdin Web geliştiricisi... HTML / CSS / JS'nin üç sihirli terimini biliyorsunuz ve üçüne de mükemmel şekilde hakim olduğunuzda aranan bir uzman olacağınızı düşünüyorsunuz. Onlara sırayla, tek tek nasıl öğreteceğinizi hayal ediyorsunuz. Portföyünüzü tamamlayın. Bir Junior iş yeri bulun. Şüphecilerinizin burnunu silin.

Aslında, hatta Ön uç geliştirici- nesli tükenmekte olan tür. Ama daha az iş olduğu için değil :) Aksine, tam tersi. Günlük artan bilgi miktarı, geniş kategoriler için hiçbir şans bırakmaz. Soyut "programcılar" yalnızca bilgisayar korsanları hakkındaki filmlerde ve popüler hayal gücünde bulunur. Benzer şekilde, ön uç geliştiriciler giderek daha dar uzmanlık alanlarına bölünerek giderek bir soyutlama haline geliyor.

Ne yazık ki, işe alımcıların çoğu, çalıştırdıkları kişilerin çalışmalarının özelliklerini yeterince anlamamaktadır. BT işe alımının da genç bir disiplin olduğu gerçeğini bir indirim yapalım. İşverenler isteyerek veya istemeyerek bir tür "dezenformasyon alanı" yaratırlar.

Kiralama deneyiminiz varsa, muhtemelen "İnternet Wi-Fi" ibaresine rastlamışsınızdır. Emlakçılar bu ifadeyi sever. Onlara Wi-Fi'nin başarısız bir kaynaktan dağıtım yöntemi olduğunu açıklamaya çalışmayın ve ikincisi ile ilgileniyorsunuz. Wi-Fi İnternet herhangi bir şey olabilir: ADSL, 3G, fiber ...

Temel yanlış anlama, emlakçıların anlamsız bir cümleyi tekrar etmesini engellemez. İşverenlerle aynı hikaye.

Bugün "web geliştirme" tanımına uyan hangi iş unvanlarının popüler olduğunu görelim. Bu kılavuzun eksiksiz olduğunu iddia etmediğini ve JS'yi ana dil olarak kullanan bir kişinin bakış açısını yansıttığını hemen not ediyorum.

İş ünvanları

Web Geliştiricisi

Eş anlamlı: Web geliştiricisi, web mühendisi

Genellikle, herhangi bir CMS'nin kullanımını ima eder. Bazı insanlar oldukça ciddi bir şekilde yeni başlayanların "basit CMS" ve uzmanların - "gelişmiş CMS" kullandığını düşünüyor. İpucu: bir kişi sorarsa - Hangi CMS'yi kullanıyorsunuz? bir konferans odasında bir grup programcı ile - muhtemelen tam bir çaylaktır. Ve bu bir suçlama değil, gerçeğin ifadesidir. Ciddi modern projeler, belki de yardımcı bir araç olması dışında, CMS'yi kullanmaz. Şirket blogları için wordpress - evet, belki. Bir mağaza olarak Wordpress zaten şüpheli. "Joomla'da sosyal ağ" - genç fanteziler. CMS'nin pazarda yeri vardır, ancak uzun zamandır "devlet oluşturan" bir unsur olmaktan çıkmıştır.

"CMS'de bir web sitesi yapmak", "ThemeForest için perçinleyici tasarımlar" ile hemen hemen aynıdır. "Köpek rubleyi koruyor!" - Nuff Said.

Bir web mühendisi içerikle ilgilenir, düzeni "kurallar", çeşitli şeyler ve (bazen) programlar yapar. Web Geliştiricisi- Bu, tüm olası "web geliştiricilerinin" en düşük seviyesidir. Serbest çalışma durumunda, altında web geliştiricisi, genellikle "insan grubu" veya daha doğrusu - "insan-çiftlik işçisi" anlamına gelir.

acilen!!! Sabırlı bir web geliştiricisi aranıyor!

CSS / HTML Geliştiricisi / İşaretleme Geliştiricisi

Eş anlamlı: düzen tasarımcısı

Tasarımı dizmek istediğiniz konum. JS ve programlama bilgisi gereksinimleri çok azdır veya yoktur. Tasarımın temelleri bilgisi arzu edilir. tasarım neredeyse hiçbir zaman PSD'den HTML'ye birebir çevrilmez. “Pixel-Perfect” bir “çan” ifadesidir. Tarayıcının nasıl çalıştığı hakkında hiçbir fikri olmayan ve işin kalitesini piksel piksel (yakınlaştırma ile!) ölçen bir zorba yöneticinin işareti. PSD düzeni ve HTML sayfasının karşılaştırması. Photoshop'ta ve bir tarayıcıda bir yazı tipi oluşturma arasındaki farkı açıklamaya çalışmak genellikle "çalışmak yerine tartışmak" olarak algılanır. Her şekilde piksel piksel işlerden kaçının.

Mizanpaj tasarımcısı işi her zaman tasarımcıdan sonra tamamlar. Web programcısı, işi her zaman mizanpaj tasarımcısından sonra tamamlar. Bu zincirdeki komşu çiftler hemen hemen her zaman birbirlerinden bu nedenle hoşlanmazlar.

Ivan bu makaleden sadece meslekler hakkında her şeyi bilmekle kalmayacak, aynı zamanda mesleklerde ustalaşmanıza, doğru özgeçmişi yazmanıza ve görüşmeye hazırlanmanıza yardımcı olacaktır.

FrontEnd Tasarımcısı / Web Tasarımcısı

Eş anlamlı: Web tasarımcısı

Samiznaetekto™. Bir uzmanın görsel tasarım (muhtemelen arayüz tasarımı), tipografi bilgisi ve Photoshop'a hakim olması gerekir. JS bilgisi genellikle gerekli değildir.

Batı pazarında tasarımcılar genellikle düzen de yaparlar. İlk olarak, modern bir düzen, dikkate alınarak duyarlı ve uyarlanabilirönekler ve animasyonlar, statik bir resim tarafından vasat bir şekilde tanımlanır. Animasyon ve mobil sürüm gösteren bir tasarımcıyı sık sık gördünüz mü? Ben de. Genellikle yetenekleri kitaplık animasyonlarından bir seçimle sınırlıdır (programcı tarafından seçilir!). İkincisi (ama aynı nedenden dolayı), gerçek bir uzmanın hemen bir düzen şeklinde bir tasarım yapması genellikle daha kolaydır. Y ile geçinebiliyorken X + Y neden çalışıyor?

Pazarımızda teknolojik gecikme nedeniyle tasarımcılar ve yerleşim tasarımcıları farklı kişilerdir.

Arayüz Geliştirici / UI-UX Tasarımcısı

Önceki seçeneğe benzer, ancak etkileşim tasarımına vurgu yapılır. Bu pozisyondaki uzmanlar genellikle programcılarla, müşterilerle, yöneticilerle, sonra tekrar programcılarla çok fazla iletişim kurarlar... Bu nedenle, yazılım geliştirmenin temelleri ve iletişim becerileri bilgisi arzu edilir. Çoğu zaman, bir boşluk, mobil geliştirmenin özellikleri hakkında bilgi gerektirir. 2 UI / UX uzmanları nadiren işe alınırlar. Bu alanda hem artı (daha az rekabet) hem de eksi (uzmanlaşması daha zor) gidebilen kendi kendine çalışma için materyal bulmanın zor olduğunu unutmayın. Örneklerden öğrenebiliyorsanız, sorun olmamalıdır.

Mobil / Tablet Ön Uç Geliştirici

Bir mobil geliştirici için pozisyon. IOS ve Android platformlarının özellikleri hakkında bilgi gereklidir. Yerel Tepki Ver Yerel uygulamalar oluşturmak için web teknolojilerini kullanmanıza izin veren bu uzmanlığın modern bir sürümüdür. İpucu: Web uygulamaları, karma uygulamalar, yerel uygulamalar ve yerel web uygulamaları farklı şeylerdir.

Ön Uç Geliştirici / Mühendis

Eşanlamlılar: ön uç geliştirici, ön uç geliştirici

Bir HTML / JS / CSS geliştiricisi için genelleştirilmiş iş unvanı. Genellikle bir kişiye çok çeşitli görevlerin verildiği küçük şirketlerde bulunur. Tasarım bilgisi muhtemelen gerekli değildir, ancak bir bonus olarak gelecektir. Modern koşullarda, giderek artan bir şekilde belirli bir teknolojinin adı ile değiştirilmektedir: jQuery Geliştiricisi, Omurga Geliştiricisi, Tepki Geliştirici, açısal geliştirici... Programlama ve yerleşim becerileri, gereksinim paketine dahildir.

JS Geliştiricisi / Ön Uç Programcısı

Eş anlamlı: JS geliştiricisi* / JS programcısı

Bir öncekiyle aynı, programlamaya daha fazla, düzen ve tasarıma daha az vurgu yapılıyor. Genel olarak, terim geliştirici (Mühendis daha az ölçüde) yerine Programcı, daha az programlama ve daha fazla "çeşitli eşyalar" anlamına gelebilir. Programlama dilinin açıkça belirtildiği durumlar dışında (JS geliştirici ~ = JS programcısı).

JS Geliştiricisi anlamına gelebilir ve Tam Yığın(aşağıya bakınız). Bu durumda, şirket muhtemelen uzmanlığınıza daha sonra - güçlü ve zayıf yönleriniz netleştiğinde - karar vermeyi planlıyor. Veya diğer işler dağıtıldığında. Bu yüzden, JS Geliştiricisi neredeyse her zaman eşleştirilmiş küçük veya Kıdemli / Orta.

Ön Uç SEO uzmanı

HTML kodunu arama motorlarının (Google / Yandex) gereksinimlerine ve isteklerine göre optimize etmenin gerekli olduğu nadir bir konum. Özel bilgi: mikro biçimler, mikro işaretleme. SEO'nun ölmekte olduğunu ve yerini klasik pazarlamaya bıraktığını göz önünde bulundurarak, bu kısaltmayı içeren her şeyden kaçınmanızı öneririm. İş arama hobiniz değilse tabii ki.

FrontEnd Erişilebilirlik uzmanı

Özel okuyucular için web sitesi optimizasyonuna vurgu (örneğin, sınırlı görüşe sahip kişiler için). Son derece nadir bir pozisyon. Kırmızı Kitapta listelenmiştir. Sadece büyük projelerde bulunur.

Ön Uç Dev. Operasyonlar

Montaj, otomasyon ve ön uç uygulamalarının entegrasyonunda uzman pozisyonu. Esas olarak büyük şirketlerde bulunur, çünkü oldukça dar bir görev yelpazesini ifade eder. Mevcut bilgi: Webpack / Gulp / Grunt. Zamanla, size gerçekte ne yaptığınızı sormaya başlayacaklar...

Ön Uç Testi / KG

Ön uç uygulamalarının test edilmesi / kalite kontrolünde uzman pozisyonu. Büyük ve orta ölçekli şirketlerde bulunur. İlgili bilgiler: birim testleri, fonksiyonel testler, A/B testleri, manuel test ve otomasyon. İletişim becerileri gereksinimler listesine dahil edilmiştir.

Birçok kişi yanlışlıkla bir "testçi"nin "programcı"dan daha kolay bir iş olduğunu düşünür. Evet, bazen "bağlantılara tıklayabileceğiniz" ve "rapor yazabileceğiniz" boş pozisyonlar vardır. Ama bunlar istisna.

Selenium NightmareJS'in uygulamada dolaşmasını sağlamak, ekran görüntüleri almak ve regresyon testleri yapmak o kadar kolay değil. Sonuçta, bu aslında tam bir yığın geliştirme. Çalışma aynı anda birkaç ortamda (Elektron + Krom) gerçekleştirilir ve iyi bir temel bilgi gerektirir.

FullStack Geliştirici / Mühendis / Programcı

Tüm web teknolojileri yığınında bir uzman pozisyonu. İstemci-sunucu etkileşimi anlayışı, veritabanları ile deneyim, asenkron programlama bilgisi vb. anlamına gelir. Ciddi düşünen insanların seçimi.

Tam Yığın iki kategoriye ayrılır: FullStack-JS ve Tüm kalan... İlk durumda, tahmin edebileceğiniz gibi, sunucuda ve istemcide JS kullanılır. İkinci durumda sunucuda Ruby/Python/PHP kullanılır.

Yeni başlayanlar için farklı diller ve platformlar arasında dağılmamak için (mümkünse) ilk seçeneği tercih etmenizi şiddetle tavsiye ederim. Aynı anda birkaç dil öğrenmek, bir aşınma ve yıpranma işidir.

FullStack JS, NodeJS tabanlı feb çerçevelerinin kullanıldığını varsayar. Monolitik bir tam yığın çerçevesi (MeteorJS gibi), minimalist bir istemciye sahip reaktif bir arka uç (UfukIO gibi) veya bağımsız kitaplıklardan bir derleme (KoaJS + ReactJS gibi) olabilir. Hepsinin kendine göre avantajları ve dezavantajları var.

FullStack JS, genellikle gerçek zamanlı uygulamalarda kullanılır: sohbetler (bir Slack / Gitter), finansal uygulamalar (ölçeklenebilirlik, PayPal ...), oyun sunucuları. Bilgiyi müşteriye iletme (gerçek zamanlı yaratma) yeteneği, pratik olarak kutudan çıktığı gibi, bu teknolojinin büyümesinin ana itici gücüdür.

Mimar

Klasik programlamanın en yüksek derecesi. Architect kelimesi olan herhangi bir boş pozisyon Kıdemli Uzmanı kabul eder ve muhtemelen kısa vadede sizi ilgilendirmiyor sevgili okuyucu.

Öncülük etmek

Kurşun boşlukları çok farklıdır. Kaç şirket - pek çok farklı müşteri adayı. Öte yandan, bir kişinin bir yeri değil bir yeri - bir kişiyi tanımladığı durum budur. Yeni başlayanlar için ilgi çekici değil, çünkü Junior Lead, Junior Mimar kadar saçma.

NodeJS Geliştiricisi / Arka Uç JS Geliştiricisi

JS arka ucu. "Harika ve korkunç" NodeJS - bunun hakkında az önce söyledikleri. Övgüler, "hipsterizm" suçlamaları - her şey vardı ...

Vlad Merjeviç

Uzantı iki farklı tarayıcı için mevcut olsa da, Firefox sürümü güncel ve düzenli olarak güncelleniyor, Chrome sürümü için durum böyle değil. Ayrıca, Rusça dilini destekler. Bu nedenle, aşağıdaki açıklama yalnızca Firefox için geçerli olacaktır.

Kurulum oldukça basittir, sadece Firefox tarayıcısıyla yazarın sitesine gidin ve "İndir" e tıklayın, ardından siteye yönlendirileceksiniz, burada "Firefox'a Ekle" ye tıklamanız gerekiyor (Şekil 7.1).

Pirinç. 7.1. Firefox'a ekle

Ayrıca doğrudan uzantılı sayfaya gidebilirsiniz.

Ekledikten sonra bir uyarı penceresi açılacaktır (Şekil 7.2), "Şimdi yükle" butonuna tıklayınız ve kurulum prosedürü tamamlanmıştır.

Pirinç. 7.2. Web Developer'ı Yükleme

Farklı uzantıları yüklemenin başka bir yolu da menüyü kullanmaktır. Araçlar> Eklentiler... Arama kutusuna "web geliştirici" yazın, Enter'a basın, ihtiyacımız olan eklenti aşağıdaki listede görünecektir (Şekil 7.3).

Pirinç. 7.3. Firefox eklentileri penceresi

Uzantının kendisi sekmelerin üzerinde bir menü çubuğuna benziyor (Şekil 7.4), menüden de erişilebilir Araçlar> Web Geliştirici... Paneli menüden açıp kapatabilirsiniz. Görünüm> Araç Çubukları veya uzatma çubuğuna sağ tıklayarak.

Pirinç. 7.4. Tarayıcıda Web Geliştiricisi

Web Developer menü öğelerini inceleyelim.

Önbelleği devre dışı bırak

Yerleşik tarayıcı önbelleğini devre dışı bırakır. Tipik olarak, görüntülenen sayfaların görüntüleri ve kopyaları, yükleme süresinden tasarruf etmek için tarayıcı tarafından yerel diske kaydedilir. Sayfa yeniden açıldığında, tarayıcı yerel kopyayı orijinalle karşılaştırır ve eğer eşleşirse yerel kopya yüklenir. Bazı durumlarda, orijinal değiştirilse bile sayfanın yerel sürümü yüklenir. Örneğin, tarayıcı ayarlarında, önbelleğe kaydedilen sayfanın sunucuda güncellenip güncellenmediği iki saatte bir kontrol ayarlanabilir. Ancak Firefox, Opera gibi önbelleğe ince ayar yapılmasına izin vermez.

Ayrıca Ctrl + F5 tuşlarına basarak önbelleği atlayarak sayfayı yenileyebilirsiniz, tüm tarayıcılar tarafından desteklenir.

Java, Sun Microsystems tarafından geliştirilen bir programlama dilidir. Bu dilde küçük programlar (appletler olarak adlandırılır), web sayfalarının işlevselliğini genişletmek için kullanılır. Firefox, bu menü öğesi aracılığıyla devre dışı bırakılabilen bu dil için yerleşik desteğe sahiptir. Firefox 3.6'da çalışmıyor.

JavaScript'i devredışı bırak

Komut dosyaları için tasarlanmış bir programlama dili - bir web sayfasıyla entegre programlar. JavaScript, örneğin çeşitli menüler, formlar, efektler vb. oluşturmak için işlevlerini genişletmek için web sayfaları oluştururken yaygın olarak kullanılır. Öğeyi seçerseniz JavaScript'i Devre Dışı Bırak> Tamamen, sitedeki tüm işlevler çalışmayı durduracaktır. Bu menü öğesi, komut dosyaları olmadan çalışan bir siteyi test etmenin yanı sıra, site yazarları tarafından sağ fare düğmesinin devre dışı bırakılması gibi çeşitli kısıtlamaları atlamak için kullanılabilir. Web Developer, aşılamayacak hiçbir kısıtlama olmadığını söylüyor.

META yönlendirmesini devre dışı bırak

etiketi kullanma belirli bir süre sonra otomatik olarak belirtilen belgeye yönlendirebilirsiniz. Bunu yapmak için etiketi kullanın ve http-equiv özniteliğinin Yenileme değeri (örnek 7.1).

Örnek 7.1. Otomatik yönlendirme

Yönlendirme, sohbetlerde mevcut belgeyi güncellemek veya yeni bir adrese yönlendirmek için kullanılabilir. Ancak, örneğin, sık sık içeriğe dayalı reklam veya afiş görüntülemek amacıyla kötü niyetli amaçlarla da kullanılır. Bu menü öğesi, böyle bir etiketi engellemenizi sağlar. .

Minimum yazı tipi boyutunu devre dışı bırak

Firefox ayarlarında minimum yazı tipi boyutunu ayarlayabilirsiniz, belirtilen boyuttan daha küçük metinler için kullanılacaktır. Bu, özellikle metni rahat olamayacak kadar küçük bir yazı tipinde görüntüleyen sitelerde gezinmeyi daha okunaklı hale getirir.

Minimum yazı tipi boyutunu ayarlamak için menüden seçim yapın Araçlar> Seçenekler... tıklayın, İçerik panelini açın ve Yazı Tipleri ve Renkler grubundaki Daha Fazla düğmesini tıklayın. Açılır menüden minimum yazı tipi boyutunu seçebilirsiniz En küçük yazı tipi boyutu.

Web Developer, bu özelliği hızlı bir şekilde etkinleştirmenize veya devre dışı bırakmanıza olanak tanır. Ancak ayarlarda minimum yazı tipi boyutu belirtilmemişse, bu öğe sonucu hiçbir şekilde etkilemez.

Sayfa renklerini devre dışı bırak

background veya background-color özelliğiyle belirtilen tüm renkleri kapatır. Arka plan kullanılarak ayarlanan arka planlar da etkilenir.

Pop-up Engelleyiciyi Devre Dışı Bırak

Pop-up'lar genellikle reklam için kullanılır, bu nedenle genellikle engellenir ve tarayıcılarda izin verilmez. Bu öğe, bu seçeneği hızlı bir şekilde etkinleştirmenizi ve devre dışı bırakmanızı sağlar.

Proxy'yi devre dışı bırak

Proxy, genellikle, diğer istemciler adına istekte bulunmak amacıyla olduğu kadar, İnternet'e bağlanmanıza izin veren bir sunucu veya program olarak anlaşılır. Firefox ayarlarında ise ( Araçlar > Seçenekler.., Gelişmiş panel, Ağ sekmesi, Yapılandır düğmesi) "Proxy sistem ayarlarını kullan" ise bu öğe etkin değildir.

Yönlendirenleri Devre Dışı Bırak

Yönlendiren, HTTP protokolünün başlıklarından biridir ve kullanıcının siteye geldiği sayfanın adresini almanızı sağlar. Verilerinizin güvenliğini önemsiyorsanız, bu öğeyi etkinleştirin.

Tanımlama bilgileri veya tanımlama bilgileri, jargonda adlandırıldığı gibi, yerel bilgisayarda site için yararlı bilgileri depolayan küçük metin dosyalarıdır. Çerezlerin yardımıyla, sitede kullanılan kullanıcı adını, durumunu ve diğer bilgileri hatırlayabilirsiniz. Firefox, menü aracılığıyla çerez ayarlarını yapılandırır Araçlar> Seçenekler..., Gizlilik paneli. Güvenlik amacıyla, sitelerden çerezlerin kabul edilmesini genel olarak devre dışı bırakabilirsiniz.

Çerezlerin kendileri bir dizi parametredir:

• benzersiz ad;
• anlam;
• yol - çerezleri yalnızca yol ve sayfa adresi eşleşirse gönderin, "/" yolu herhangi bir sayfa anlamına gelir;
• etki alanı - kaydın hangi site adresiyle ilgili olduğu;
• son kullanma tarihi - tarayıcıya çerezin ne zaman silinebileceğini söyler.

Çerezleri Devre Dışı Bırak

Sitelerden çerez kabulünü devre dışı bırakır.

Oturum çerezlerini sil

Çerezler genellikle kullanıcı kimlik doğrulamasını doğrulamak için kullanılır. Kullanıcı adı ve şifreyi girdikten sonra, benzersiz bir kod oluşturulur ve çerezde saklanır. Siteyi tekrar ziyaret ettiğinizde bu kod kontrol edilir ve eğer sunucu kodu ile eşleşirse site kullanıcıyı "tanır". Bu öğenin seçilmesi, kayıtlı tüm oturumları siler.

Alan Adı Çerezlerini Sil

Şu anda tarayıcıda açık olan site için tüm çerezleri kaldırır.

Bir Yol için Çerezleri Sil

Yolu, tarayıcıda açılan sitenin yolu ile eşleşen site için tüm çerezleri kaldırır.

Çerez Bilgileri

Bu sitedeki tüm çerezlerin tablo şeklinde sunulduğu ek bir sayfa açılır. Parametrelerini düzenleyebilir veya çerezleri tamamen silebilirsiniz (Şek. 7.5).

Pirinç. 7.5. youtube.com'dan çerezler hakkında bilgi

Çerez Ekle

Mevcut site veya başka herhangi bir site için yapay olarak tanımlama bilgileri ayarlamanıza ve gerekli parametreleri ayarlamanıza olanak tanır (Şekil 7.6).

Pirinç. 7.6. Ekleme penceresi

Ekleme genellikle çerezlerin nasıl çalıştığı ve varsa sitenin nasıl davrandığı konusunda hata ayıklamak için gereklidir.

CSS

Bu menü, geçerli sayfanın stillerinden sorumludur.

Stilleri Devre Dışı Bırak

Herhangi bir nedenle stilleri devre dışı bırakmak için tasarlanmıştır.

Tüm stiller

Sayfada kullanılan tüm stilleri devre dışı bırakır.

Varsayılan tarayıcı stili

Tarayıcı tarafından varsayılan olarak eklendiği tüm öğeler için stil oluşturmayı devre dışı bırakır. Örneğin, içindeki metin

ve

Farklı bir boyutu var.

Başlık

Stili kapattıktan sonra, bu öğelerin metin boyutu aynı olacaktır.

Satır İçi Stiller

Bir etiket içinde stil oluşturmayı devre dışı bırakır